/*
Theme Name: rubiopharma
Theme URI: http://underscores.me/
Author: Sublime Estudio
Author URI: http://sublimeestudio.com
Description: Tema de wordpress para Rubio Pharma
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rubiopharma
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rubiopharma is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);


.wp-svg-custom-search, .wp-svg-custom-menu, .wp-svg-custom-cerrar { font-size: 2.2em;  }

.fotorama__html div { font-family: "Lato", Arial, sans-serif; font-weight: 400; color: #fff; font-size: 60px;
position: relative;
  top: 50%;
  transform: translateY(-50%); padding: 0 50px; }


/* General*/
body, html { height: 100%; }
body { background:#f3f3f3; color:#555;  }
button, input, select, textarea, .pure-g [class *= "pure-u"] {  font-family: 'Lato', Arial, sans-serif; font-size: 16px; line-height: 1.4; font-weight: 400; }
.pure-g > div {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
.bk { background: #e4e0d3; }
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}
.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {  clear: both; } .clearfix { *zoom: 1;}
.no-border { border:none; }
.requerido { color: #BE3300; font-family: Arial, sans-serif !important; font-weight: bold; }
.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
strong { color: #444; }

.well-form { background: #f3f3f3; padding: 35px; border-radius: 2px; }
.wrap { max-width: 70em; margin: 0 auto; position: relative; }

#breadcrumbs{
    list-style:none;
    margin:-10px 0 20px 0;
    overflow:hidden;
    color: #bbb;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:7px;
}

#breadcrumbs .separator{
    font-size:16px;
    font-weight:100;
    color:#ccc;
}


/* Search */
.search-module { position: relative; }
#search { border-radius: 3px; width: 100%; margin-bottom: 40px; color: #f3f3f3; padding: 20px 20px 20px 100px; font-size: 60px; font-weight: 100; line-height: 1; background-color: #3A4047; border: none; outline: none; }
.search-module .wp-svg-custom-search { position: absolute; top:62px; left:25px; font-size: 3.5em; }


/* Links general*/
a, a .icon-search, a .icon-menu  { color: #6CC7DF; text-decoration: none;  -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
a:hover { color:#333; }
a:active { border:none; outline: none; }

/* Buttons */
.btn { border:0 solid #6CC7DF; font-family: 'Lato', Helvetica, Arial; text-transform: uppercase; display: inline-block; -webkit-border-radius: 3; -moz-border-radius: 3;
border-radius: 3px; color: #ffffff; font-size: 13px; letter-spacing: 1px; font-weight: 700; background: #6CC7DF; padding: 12px 24px; text-decoration: none;
-o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s;  }
.btn-small  { border:none; border-radius: 2px; font-size: 11px; padding: 10px 15px; font-weight: bold; font-family: 'Lato', Helvetica, Arial;}
.btn-large { border-radius: 3px; font-size: 16px; padding: 20px 30px; }
.btn:hover { background: #52ABC2; color: #fff;}

/* Nav */
#menu { background: #fff; padding: 20px; position: relative;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.3);
border-top: 3px solid #333; border-bottom: 1px solid #dedede;}


#menu ul.language-chooser, .footer ul.language-chooser { list-style: none; line-height: 1.8; margin: 5px 0 20px 0; }
#menu ul.language-chooser li a, .footer ul.language-chooser li a {
background-position: 8px 8px;
    padding: 0 8px 0 32px;
    display: block;
    border-radius: 3px; }
#menu ul.language-chooser li.active, .footer ul.language-chooser li.active { background: #f0f0f0; }

.footer ul.language-chooser, .overlay ul.language-chooser { list-style: none; overflow: hidden; }
.footer ul.language-chooser li, .overlay ul.language-chooser li { float: left; display: block; margin: 6px 6px 6px 0; }
.footer ul.language-chooser li a, .overlay ul.language-chooser li a { background-position: 8px 8px; padding: 8px 8px 5px 32px; display: block;  }
.footer ul.language-chooser li:hover, .overlay ul.language-chooser li:hover { background:#25292E; background-position: 8px 8px;  }
.footer ul.language-chooser li.active, .overlay ul.language-chooser li.active { background: #f0f0f0; border-radius: 3px; }


ul.nav { padding: 0; list-style: none; position: absolute; right: 8em; top: 36px; }
.nav li { float: left; }
.nav li a {padding: 10px;}
a .icon-search, a .icon-menu { font-size: 30px !important; color: #6CC7DF;  }
a:hover .icon-search, a:hover .icon-menu { font-size: 30px !important; color: #333; }


/* overlay and video responsive */
.overlay { display:none; position:fixed; top:0; height:100%; width:100%; background: rgba(54,59,65,1); overflow:auto; z-index:99; padding:50px 20px 20px 20px; }
.cerrar { position: absolute; top:74px; right: 35px; cursor: pointer; }
.icon-cerrar { font-size: 2em; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 25px; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Pleca */
.pleca { background: #F6F6F6; padding: 30px 20px; font-family: 'Lato', sans-serif; color: #555; font-weight: 400; font-size: 28px; text-align: center;}
.pleca p {margin: 0;}

/* Layout */
.content-container { max-width: 70em; margin: 0 auto; }
.content-area { background: #fff; padding: 60px; margin: -20px 0 80px; min-height: 450px;  z-index: 2; position: relative; }

/* Pages */
.section-photo { background: #363B41; height: 260px; text-align: center;   }
.section-photo h3 { display: block; color: #fff; text-align: center; font-size: 60px; font-weight: 300; font-family: "Lato", Arial, sans-serif;  }
.section-photo h3 a { color: #fff; text-decoration: none;  }
.section-photo h3 a:hover { color: #333;  }


body.archive .date-category { text-transform: uppercase; color: #bbb;  }

.footer-container, .wrap-overlay  { padding: 70px 20px; background: #363B41; }
.footer-container, .overlay {color: #70767D; text-decoration: none;}
.footer-container a, .overlay a, .footer-container p, .overlay p {color: #70767D; font-size: .85rem; font-weight: 400;}
.footer-container p, .overlay p {line-height: 1.4; margin-bottom: 14px;}
.footer-container a:hover, .overlay a:hover {color: #fff;}
.footer-container ul, .overlay ul {list-style: disc; margin: 0 0 25px 0;  }

.footer-container li, .overlay li {
    line-height: 1;
    margin: 6px 0 6px 20px;
    list-style: disc;
    padding: 0 0 0 -5px;
}

.footer-container li li, .overlay li li  {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: circle inside;

}


.footer-container h3, .overlay h3 {color: #AFB5BD; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 10px;}
.footer, .overlay-content { max-width: 65em; margin: 0 auto; }
.footer li.current_page_item a { background: none; color: #70767D; }
.footer li.current_page_item a:hover { background: none; color: #fff; }
.credits { text-align: right; }


/* Social */
ul.social {margin: 0; overflow: hidden; height: 70px; }
ul.social li { float: left; margin: 0 10px 0 0; list-style: none !important; }
ul.social a { display: block; width: 40px; height: 40px; font-size: 3em; }
ul.social a:hover { color: #fff; }


.flex { display: flex; }

/* Home */
.column-1-7 { width: 14.285714286%; text-align: center; padding: 20px; font-family: "Lato", Arial, sans-serif; font-weight: 700; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
.column-1-7 img {display: block; margin: 0 auto;}
.icons-home { background: #fff; }

.numeralia { background: #363B41; padding: 80px 20px; text-align: center; }
.numeralia h3 { font-size: 30px; color: #fff; font-weight: 300; margin: 0; }
.numeralia span { display: block;}
.numeralia .numero { font-size: 140px; color: #6CC7DF; font-weight: 100; line-height: 1.1; }
.numeralia .descripcion { font-size: 15px; color: #A7AFB9; font-weight: 300; }


.noticias p, .eventos p { line-height: 1.2; color: #717177; }
.noticias a:hover, .eventos a:hover { color: #fff; }
.noticias h4, .eventos h4 {  font-size: 14px; }

.noticias { background: #fff; flex:1; }
.noticias h3 {  padding: 30px; font-size: 25px; font-weight: 300; margin: 0; }
.noticias .post { padding: 20px; border-top:1px solid #dedede; margin-bottom: 25px; }
.noticias .thumbnail { border:1px solid #f1f1f1; }
.date-noticia { line-height: 1; color: #BBB7B7; }

.eventos { background: #363B41; flex:1;}
.eventos h3 { padding: 30px; font-size: 25px; font-weight: 300; color: #fff; margin: 0; }
.eventos .post { padding: 20px; border-top:1px solid #444A50; }
.date-event { background:#565861; color: #fff; text-align: center; font-size: 16px; border-radius: 3px; padding: 10px; display: inline-block; line-height: 1; }

.content-home { margin: 0 0 0 120px; }
.cita { padding: 80px 100px 50px 20px; font-family: 'Lato', sans-serif; font-weight: 300; color: #6CC7DF; font-size: 36px; line-height: 1; }
.cita p {margin: 0 0 25px 0;}
.por { font-weight: 300; color: #666666; font-size: 22px;}

/* Sidebar */
.module { padding: 20px; background: #fff; font-size: 14px; border-left: 1px solid #f3f3f3; }
h3.title { font-size: 16px; letter-spacing: 1px; background: #33B6BA; border-radius: 3px 3px 0 0; padding: 10px 6px 10px 15px; color: #fff; text-transform: uppercase; margin: 0; }
#sidebar ul { list-style: none; background: #fff; padding: 10px 0 15px; margin: 0; border-left: 1px solid #f3f3f3;  }
#sidebar li a { padding: 12px 18px; display: block; line-height: 1.2; }
#sidebar li a:hover { background: #f6f6f6; }
h2.widget-title, #sidebar h2 { background: #6CC7DF; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin:0; padding: 20px 20px 18px; }
#sidebar .current_page_item a { color: #555; background: #eee; }
.sm-form { font-size: 95%; }

/* Tipo */
h1 { margin: 0 0 25px 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 48px; font-weight: 300; color: #111; line-height: 1.2; }
h2 { margin: 0 0 25px 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 32px; font-weight: 400; color: #111; line-height: 1.2; }
h3 { margin: 0 0 20px 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 26px; color: #333;  }
h4 { margin: 0 0 1em 0; font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; font-size: 18px; color: #6CC7DF; text-transform: uppercase; letter-spacing: 1px; }
.inverted { color: white;  }
.intro { font-weight: 300; font-size: 22px; color: #B8B8B8; line-height: 1.4;  }
p { margin: 0 0 1.5em 0;  line-height: 1.5; }
.entry-content ul, .entry-content ol { margin: 0 0 30px 20px; }
.entry-content ul ul, .entry-content ol ol { margin: 0 0 0 20px !important; }
.entry-content img { max-width: 100%; height: auto; }

/* Boxes text padding */
.box { padding:0 35px 35px 35px; }
.box-thumb { padding:0 20px 20px 20px; }
.box-int { padding:50px; }
.box-sidebar { padding:50px 50px 50px 0; }
.box-form { padding:0 20px 0 0; }
.box-home { margin: 0 20px; }


.anim-up {
  -moz-transition: all 120ms ease-in;
  -o-transition: all 120ms ease-in;
  -webkit-transition: all 120ms ease-in;
  transition: all 120ms ease-in;
}

.anim-up:hover {
  -moz-transition: all 150ms ease-in;
  -o-transition: all 150ms ease-in;
  -webkit-transition: all 150ms ease-in;
  transition: all 150ms ease-in;
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
}

p.sml_thankyou {
    background: beige !important;
    padding: 7px !important;
    text-align: center !important;
}
p.sml_name { margin-bottom: 5px; }

.wpcf7-list-item { display: block; }


/* Fotorama */
.fotorama { z-index: 1 !important; width: 100% !important;}
.fotorama { background: #fff; text-align: center;}

/* Separators */
hr { border: solid #E5E5FA; border-width: 1px 0 0; clear: both; margin: 2.5rem 0 2.35rem; height: 0;}
hr.white { border: solid #fff; border-width: 1px 0 0;}

/* Align */
.right { float: right; }
.left { float: left; }
.text-center { text-align: center;  }
.text-right { text-align: right;  }

@media screen and (max-width: 35.5em) {
  .fotorama__html div {
    font-size: 30px;
    position: relative;
    padding: 0 20px; }

  .icons-home { display: none; }
}

@media screen and (max-width: 47.99em) {
.content-area { padding: 40px 25px; margin: 0 ; }
.section-negocios h1 { font-size: 40px; padding: 0 20px; }
}

@media screen and (min-width: 64em) {}

/* v-align */
.valign { position: relative; top: 46%; transform: translateY(-54%);}


/* Pure forms */
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #dedede;
    box-shadow: none;
    border-radius: 2px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fotorama__dot {
  display: block;
  width: 10px !important;
  height: 10px !important;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 8px;
  background: #ccc !important;
  border: none !important;
  }

  .fotorama__active .fotorama__dot { background: #555 !important; }

/* Google map */
.wpgmp_map_container {
    position: relative;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}


/* Margins */
.mb0 { margin-bottom: 0;} .mb10 {margin-bottom:10px;}.mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;}.mb60 {margin-bottom:60px;} .mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;} .mt0 { margin-top: 0;} .mt10 {margin-top:10px;}.mt15 {margin-top:15px;}.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}.mt40 {margin-top:40px;} .mt50 {margin-top:50px;}.mt60 {margin-top:60px;} .mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}.md5 { margin-right:5px;} .md10 { margin-right:10px;} .md15 { margin-right:15px;} .md20 { margin-right:20px;}
.mi5 { margin-left:5px;} .mi10 { margin-left:10px;} .mi15 { margin-left:15px;} .mi20 { margin-left:20px;}