/**
 *
 * Custom.css file helps you override css style elements defined in style.css and the skins too. Very handy for customization without touching the
 * theme code.
 * You may want to backup and retain this file when updating the theme to retain customizations.
 *
 * Modified by: Nivaxel, Agencia de Publicidad (www.nivaxel.com)
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

*::selection {background: #FFD13F;color: #006044}
*::-moz-selection {background: #FFD13F;color: #006044}
body {color: #555555; font-family: 'Open Sans'}

p.comments-closed {display: none;}
#page-loading {z-index: 10010; background: #FFF url(http://interfajardo3.azurewebsites.net/wp-content/themes/invent/custom/loader.gif) no-repeat 50% 50%;}

/* Header */
#header {background: #fff}
#header.sticky #site-logo {top: 0px;}
#top-header-area {border-bottom:0; margin-bottom: 20px;}
.th-bar-container {position:fixed; top:0; right:15%; width:auto; margin:0 auto; z-index:10000;}
.th-bar-inner {position:relative;}
.th-yellow {
  background-color: #008445; color:#FFF; text-align:center; border:0; min-width:100px;
  margin: 0; display: inline-block; font-size: 14px;
}
.th-yellow:hover, .th-yellow:focus {opacity: 0.8}
.th-yellow a {color:#FFF !important; text-decoration: none; display: block; padding: 5px 10px}
.th-yellow a:hover {color:#eee !important;}
.th-left-span {margin-left: 1em;}
.th-hide {display:none !important;}
.search-form .search-text {height:auto}

.sticky-wrapper[style] {height: auto !important;}
#site-logo img {width: 195px}
#primary-menu {margin-right: 0}
#primary-menu > ul.menu > li > a {color: #555555; padding: 0 10px;}
#primary-menu > ul.menu > li > a:hover {color: #008445;}

.dropdown-menu-wrap > ul.menu > li > ul.sub-menu {top: 70px;}
.dropdown-menu-wrap ul.sub-menu li a:hover {background: #008445}

/* Footer */
#sidebars-footer {padding:50px 0 0 0}
#sidebars-footer .widget-title {border-bottom-color: #FED34E}
.ftitle {text-transform: uppercase; font-size: 120%; border-bottom:1px solid #FED34E; padding-bottom:2px; margin-bottom:10px}
.fnoti {margin-top:24px}
.fcontact ul {list-style:none; padding-left:0; font-size:110%}
.fcontact li {margin-bottom:5px; padding:0 !important}
.fcontact b {text-transform:uppercase}
.fsocial {margin-top:20px}
.fsocial a {
  display:inline-block; background:#FED34E; color:#555555 !important; width:35px; height:35px;
  border-radius:17.5px; text-align:center; margin:3px
}
.fsocial a:hover {transform: scale(0.9)}
.fsocial i {font-size: 25px; line-height: 35px}
.ftxt {border-top: 2px solid #48494B; margin-top: 20px; padding-top: 20px; font-size: 110%; color: #B3B3B1}

/* Inicio */
.yellow-line {display: block; width: 100px; height: 3px; background: #FFD43F;}

.servicios {text-align: center; margin: 50px 0}
.servicios p {text-align: center}
.servicios .link-wrap {display: inline-table; margin: 20px; width: 200px}
.servicios strong {display: block; font-size: 120%; margin-top: 10px}
.servicios a {color: #555 !important;}
.servicios a:hover {text-decoration: none; color: #008445 !important}
.servicios br {display: none}
.circulo img {border-radius: 100px; transition: 0.5s ease}
.circulo img:hover {transform: scale(0.9)}

#quote-4 .segment-content {background: rgba(0, 0, 0, 0.3); max-width: 700px; padding: 10px 30px 40px 30px}
#quote-4 h2 {margin: 20px 5px}
#quote-4 .yellow-line {margin: auto}
#quote-4 p {font-size: 120%; line-height: 150%; text-align: left; margin: auto}

/* Contenido */
#breadcrumbs a {color: #008445}

.cuadro-p strong {display: block; color: #008067}
.cuadro-p b {color: #008067}
.cuadro-p p {border:1px solid #FFD43F; padding: 10px}
.cuadro-ul {display:table; list-style:none; padding: 15px; border: 1px solid #FFD43F; margin: 10px 0 10px 0}
.cuadro-ul li {margin-bottom: 3px}
.cuadro-ul li:first-child {color: #008067; font-weight: 700}

.content-btn {margin: 20px 0}

/* Botones */
.btn-yellow {display: inline-block; border: 2px solid #FED34E; background: #FED34E; padding: 5px 20px; color: #555 !important; font-weight: 700}
.btn-yellow:hover, .btn-yellow:focus {background: #fff; color: #555; text-decoration: none}
.button.theme {margin: 5px 0}
.button.theme:hover {color: #555 !important;}

/* Accordion */
.accordion {box-shadow: none; margin-bottom: 20px}
.accordion .yellow-line {margin-bottom: 20px}
.accordion-title {border: 2px solid #FFD43F; padding: 5px 10px}
.accordion-title:hover, .accordion-title:focus {background: #FFD43F; cursor: pointer}
.accordion-title {font-size: 120%; font-weight: 700}
.accordion-title i {position: absolute; margin-left: 10px; margin-top: 8px; font-size: 24px; color: #555555}
.accordion-content {padding: 0 10px 10px 10px}
.accordion-content ul li {margin: 0}

/* CAI */
.tableborder td {border: none}

/* Responsive */
@media screen and (max-width: 1024px) {
  #site-logo {display: block; float: none; left: auto; top: 10px; margin: auto; text-align: center}
  #site-logo a {display: inline-block; text-align: center}
  #top-header-area {text-align: center}
  .th-bar-container {right: auto; position: relative;}
  .th-bar-container div {text-align: center !important;}
  
  .dropdown-menu-wrap {float: none; text-align: center}
  .dropdown-menu-wrap ul li,.dropdown-menu-wrap > ul.menu > li > a {float: none}
}

@media screen and (max-width: 767px) {
  .th-left-span {margin-left: 0;}
  .th-yellow {margin: 2px}
  #site-logo {top: 0}
  #site-logo a img {max-width: 100%; width: 100%}
}