/*!
Theme Name: Cluster Turistico La Romana Bayahibe
Theme URI: https://them.es/starter
Author: Irving Novas
Author URI: https://infinitynexus.io
Description: 
Version: 3.5.4.8
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: ctrb
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

@font-face {
    font-family: 'Aeroportmediumtrial';
    src: url('fonts/Aeroportmediumtrial.eot');
    src: url('fonts/Aeroportmediumtrial.eot') format('embedded-opentype'),
         url('fonts/Aeroportmediumtrial.woff2') format('woff2'),
         url('fonts/Aeroportmediumtrial.woff') format('woff'),
         url('fonts/Aeroportmediumtrial.ttf') format('truetype'),
         url('fonts/Aeroportmediumtrial.svg#Aeroportmediumtrial') format('svg');
}

@font-face {
    font-family: 'Aeroportboldtrial';
    src: url('fonts/Aeroportboldtrial.eot');
    src: url('fonts/Aeroportboldtrial.eot') format('embedded-opentype'),
         url('fonts/Aeroportboldtrial.woff2') format('woff2'),
         url('fonts/Aeroportboldtrial.woff') format('woff'),
         url('fonts/Aeroportboldtrial.ttf') format('truetype'),
         url('fonts/Aeroportboldtrial.svg#Aeroportboldtrial') format('svg');
}

@font-face {
    font-family: 'Aeroportblack';
    src: url('fonts/Aeroportblack.eot');
    src: url('fonts/Aeroportblack.eot') format('embedded-opentype'),
         url('fonts/Aeroportblack.woff2') format('woff2'),
         url('fonts/Aeroportblack.woff') format('woff'),
         url('fonts/Aeroportblack.ttf') format('truetype'),
         url('fonts/Aeroportblack.svg#Aeroportblack') format('svg');
}

@font-face {
    font-family: 'Aeroportregulartrial';
    src: url('fonts/Aeroportregulartrial.eot');
    src: url('fonts/Aeroportregulartrial.eot') format('embedded-opentype'),
         url('fonts/Aeroportregulartrial.woff2') format('woff2'),
         url('fonts/Aeroportregulartrial.woff') format('woff'),
         url('fonts/Aeroportregulartrial.ttf') format('truetype'),
         url('fonts/Aeroportregulartrial.svg#Aeroportregulartrial') format('svg');
}

@font-face {
    font-family: 'Aeroportlighttrial';
    src: url('fonts/Aeroportlighttrial.eot');
    src: url('fonts/Aeroportlighttrial.eot') format('embedded-opentype'),
         url('fonts/Aeroportlighttrial.woff2') format('woff2'),
         url('fonts/Aeroportlighttrial.woff') format('woff'),
         url('fonts/Aeroportlighttrial.ttf') format('truetype'),
         url('fonts/Aeroportlighttrial.svg#Aeroportlighttrial') format('svg');
}

.navbar-dark, .navbar[data-bs-theme=dark]{
    background: none!important;
}

#main{
    margin-top: 0!important;
}

body{
    font-family: 'Aeroportlighttrial', Arial;
    background-color: #fbfbfb!important;
    font-size: 16px;
    color: #8C8D8D;
}

body.home{
    background-color: #FFF!important;
}

strong,b{
    font-family: 'Aeroportboldtrial', Arial;
}

.home h1,
.home h2{
    font-family: 'Aeroportblack', Arial;
}

h1,
h2,
h3,
h4,
h5{
    font-family: "Poppins", serif;
    font-weight: 900;
}


.alignnone {
 margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
}

.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}

.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}

a img.alignnone {
 margin: 5px 20px 20px 0;
}

a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}

a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.wp-caption {
 max-width: 96%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
}
.wp-caption.alignnone {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
 margin: 5px 0 20px 20px;
}
.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
}
.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
}

.gallery-item {
 display: inline-block;
 text-align: left;
 vertical-align: top;
 width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
 -webkit-box-shadow: none;
 box-shadow: none;
 background: none;
 display: inline-block;
 max-width: 100%;
}

.gallery-item a img {
 display: block;
 -webkit-transition: -webkit-filter 0.2s ease-in;
 transition: -webkit-filter 0.2s ease-in;
 transition: filter 0.2s ease-in;
 transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
 -webkit-filter: opacity(60%);
 filter: opacity(60%);
}

.gallery-caption {
 display: block;
 text-align: left;
 padding: 0 10px 0 0;
 margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
 max-width: 100%;
}

.gallery-columns-2 .gallery-item {
 max-width: 50%;
}

.gallery-columns-3 .gallery-item {
 max-width: 33%;
}

.gallery-columns-4 .gallery-item {
 max-width: 25%;
}

.gallery-columns-5 .gallery-item {
 max-width: 20%;
}

.gallery-columns-6 .gallery-item {
 max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
 max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
 max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
 max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
 display: none;
}

.bypostauthor {
 font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
}

.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000; /* Above WP toolbar. */
}
.admin-bar .header-ctbr{
    margin-top: 32px;
}
.header-ctbr {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    background-color: transparent;
}
.header-ctbr.scrolled {
    background-color: #0A3655!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    background-image: none!important;
}

.navbar {
    padding: 15px;
    font-size: 15px;
}

.navbar .nav-link {
    color: white !important;
    font-weight: 500;
    margin-right: 20px;
    font-size: 15px;
    font-family: 'Aeroportregulartrial';
}

.current-menu-item  .nav-link, 
.current-menu-ancestor  .nav-link, 
.current-menu-parent  .nav-link,
.navbar .nav-link:hover {
    color: #ffa500 !important;
}

.navbar .social-icons a {
    color: white;
    margin-left: 15px;
    font-size: 18px;
    transition: color 0.3s;
}

.navbar .social-icons a:hover {
    color: #ffa500;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

/* Hero Section */
.hero-video:before,
.hero-section:before{
    display: block;
    background: #0A3556;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: " ";
    opacity: 85%;
    z-index: 3;
}

.home .hero-section:before{
    opacity: 75%;
}

.hero-section {
    background-image: url('img/slide.png'); /* Replace with the actual image URL */
    background-size: cover;
    background-position: center;
    color: white;
    text-align: left;
    position: relative;
    height: 450px;
    padding-top: 190px;
}
.home .hero-section{
    height: 100vh;
    padding-top: 45vh;
}

.hero-section h1 {
    font-size: 73px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.hero-section h1 a{
    color: #FFF;
}

.hero-section h1 a:hover{
    color: #ffa500 !important;
}

.home .hero-section h1{
    max-width: 60%;
}

.hero-section p {
    font-size: 26px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    font-family: 'Aeroportlighttrial';
}

.hero-section p a{
    color: #FFF;
}

.hero-section p a:hover{
    color: #ffa500 !important;
}

.home .hero-section p{
    max-width: 50%;
    font-size: 36px;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px!important;
    }
}

.hero-section .container,
.header-ctbr .container{
    max-width: 1560px!important;
    width: 100%;
    position: relative;
    z-index: 99;
}

.quienes-somos-home{
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: url(img/bg-quienes-somos.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 1500px;
    color: #8C8D8D;
    font-size: 20px;
}

.quienes-somos-home .foto-2{
    bottom: 0;
    right: 0;
    border:8px solid #FFF;
}

.quienes-somos-home .foto-2:before{
    content: "\f4f4";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    width: 55px;
    height: 55px;
    background: #0284C9;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #FFF;
    font-size: 21px;
    border:8px solid rgba(255,255,255,.8);
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.quienes-somos-home .foto-2:hover:before{
    background: #FFF;
    border-color:#0284C9;
    color:#0284C9;
}

.quienes-somos-home .foto-2 img{
    margin-bottom: 0;
}
.quienes-somos-home img{
    margin-bottom: 50px;
}
.quienes-somos-home ul{
    padding:0;
    margin: 45px 0 0;
    list-style: none;
}

.quienes-somos-home a.mas{
    display: inline-block;
    background: #0284C9;
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Aeroportboldtrial';
    font-size: 20px;
    width: 190px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
}
.quienes-somos-home ul li{
    clear: both;
    font-size: 17px;
    color: #6E7070;
    margin: 0 0 50px;
}

.quienes-somos-home ul li strong{
    font-size: 27px;
    color: #000000;
    font-family: 'Aeroportlighttrial';
}

.quienes-somos-home ul li span{
    float: left;
    width: 70px;
    height: 70px;
    background:#0284C9;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    line-break: 70px;
    text-align: center;
    margin-right: 17px;
}

.quienes-somos-home ul li span img{
    height: 35px;
    margin-top: 15px;
    margin-bottom: 0;
}

.contadores{
    background: #0284C9;
    color: #FFF;
    font-family: 'Aeroportlighttrial';
    padding: 50px 0;
}

.contadores b{
    font-size: 73px;
    line-height: 73px;
}

.directorio{
    padding-top: 120px;
    background-color: #00335D;
    color: #FFF;
    background-image: url(img/patternc.svg);
    background-repeat: repeat;
    background-size: 100px;
}

.ofertas-empleo h2,
.directorio h2{
    font-size: 73px;
    text-transform: uppercase;
}

.ofertas-empleo p,
.directorio p{
    max-width: 50%;
    margin: 0 auto;
    font-family: 'Aeroportlighttrial';
    font-size: 16px;
    line-height: 16px;
}

.directorio-categoria-lista{
    background: #EBF6F8;
    font-family: 'Aeroportregulartrial';
    color: #00335D;
}

.directorio-categoria-lista .titulo:hover{
    color: #206D96;
}
.directorio-categoria-lista .titulo{
    font-size: 18px;
    text-decoration: none;
    color: #00335D;
    font-family: 'Aeroportboldtrial';
}

.directorio-categoria-lista b{
    font-family: 'Arial';
    font-weight: normal;
}

.directorio-categoria-lista a.mas{
    border: 1px solid #206D96;
    color: #206D96;
    font-size: 14px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding: 0 10px;
}

.directorio-categoria-lista a.mas:hover{
    background: #206D96;
    color: #FFF;
}

.ofertas-empleo a.mas{
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    background: #0284C9;
    line-height: 50px;
    height: 50px;
    width: 160px;
}
.ofertas-empleo a.mas:hover{
    background: #0284C9;
}
.ofertas-empleo{
    padding: 120px 0 0;
    background-color: #EBF6F8;
    background-image: url(img/ctrb-logo.svg);
    background-size: 1300px;
    background-repeat: no-repeat;
    background-position: center center;
    color: #00335D;
}

.empleo-lista{
    color: #666666;
    background: #FFFFFF;
    border-bottom: 2px solid #D2D5D9;
}

.empleo-lista .big{
    font-size: 65px;
    color: #0284C9;
}

.empleo-lista .titulo{
    font-size: 20px;
    color: #111111;
    text-decoration: none;
    font-family: 'Aeroportboldtrial';
}

.empleo-lista .titulo:hover{
    color: #0284C9;
}

.empleo-lista .area{
    text-decoration: none;
    color: #0284C9;
    font-size: 15px;
}

.empleo-lista .area i{
    font-size: 12px;
}

.empleo-lista span{
    font-size: 13px;
    line-height: 13px;
}

.empleo-lista .meta{
    text-decoration: none;
    font-size: 14px;
    color: #666666;
}

.empleo-lista .meta i{
    color: #0284C9;
}

.contactos{
    height: 500px;
}
.contactos .red-box {  top: 0;   left: 0;
  width: 100vw;
  height: 500px;
  display: block;
  position: absolute;
  z-index: 1000;
  padding: 0px;
}

footer{
    font-family: 'Aeroportlighttrial';
}
footer .nav-link{
    color: #FFF;
}
footer .nav-link:hover{
    color: #0284C9;
}

.content{
    color: #8C8D8D;
    font-size: 18px;
}

.mision-vision-valores{
    background: #FFF;
    color: #8C8D8D;
    font-size: 18px;
}

.mision-vision-valores h2{
    font-size: 73px;
    text-transform: uppercase;
    margin-bottom: 50px;
    color: #0A3556;
}

.logo-quienesomos{
    height: 100%;
    background: #D5D685;
    padding: 60px;
}

.logo-quienesomos img{
    margin-top: 90%;
}

.contenido-quienes-somos{
    font-size: 18px;
    color: #8C8D8D;
}

.contenido-quienes-somos ul{
    list-style: none;
    margin:30px 0 10px;
    padding: 0;
    font-size: 16px;
    color: #0A3556;
}

.contenido-quienes-somos li{
    clear: both;
    margin-bottom: 15px;
}

.contenido-quienes-somos li:before {
    content: "\f633";
    display: block;
    font-family: bootstrap-icons !important;
    float: left;
    height: 100px;
    font-size: 30px;
    color: #02C3C9;
    margin-right: 10px;
    line-height: normal;
}

.page .contenido-quienes-somos li:before{
    height: auto;
}

.page-id-9 .contenido-quienes-somos li:before{
    height: 100px;
}

.contenedor-quienes-somos{
    background: #FFF;
}

.quienes-somos-detalle{
    background-color: #0a3656;
    background-image: url(img/patternc.svg);
    background-size: 100px;
    padding: 100px 0 50px;
}

.qs{
    padding: 30px; 
    background: #fff; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    text-align: left; 
    height: 100%;
}

.qs h3{
    color: #206D96;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 20px;
}

.mision-vision-valores-detalle{
    background-color: #fff; 
    padding: 100px 0;
}

.mision-vision-valores-detalle h2{
    font-size: 52px;
    text-transform: uppercase;
}

.empleos-home .btn{
    background: #0284c9;
    color: #FFF;
    font-size: 20px;
    border-radius: 0;
    width: 160px;
    height: 60px;
    line-height: 60px;
    padding: 0;
}
.empleos-home{
    background: url(img/bgempleos.png) center no-repeat #ebf6f8;
}

.empleos-home h2{
    font-size: 73px;
    color: #00335d;
}

.empleo-item{
    background: #FFF;
    border-bottom: 2px solid #d2d5d9;
    font-size: 13px;
    color: #666666;
}
.empleo-item span{
    display: block;
    background: #0284c9;
    width: 65px;
    height: 65px;
    border-radius: 100%;
}
.empleo-item strong{
    color: #0284c9;
    display: block;
}

.empleo-item strong:before{
    content:" ";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #0284c9;
    border-radius: 100%;
    margin-right: 10px;
}

.empleo-item h4 a{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    line-height: 20px;
}

.empleo-item h4 a:hover{
    color: #0284c9;
}

.map-container {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.form-container h3{
    font-weight: bold;
    color: #0284c9;
    text-transform: uppercase;
    border-bottom: 2px solid #ebf6f8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.form-container {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 400px;
    border-bottom: 2px solid #d2d5d9;
}

.form-container p{
    margin: 0;
    padding: 0;
}

.form-container .btn{
    background: #0284c9;
    color: #FFF;
    font-size: 20px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border:0;
}

.form-container .form-control{
    border-radius: 0;
}

#footer{
    background-color: #0a3656!important;
}

.menu-page{
    border-radius: 0!important;
    border: 1px solid #0084c7!important;
}

.menu-page .card-header{
    border-radius: 0!important;
    background: #0084c7;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

.menu-page .nav-link{
    color: #0a3656;
    border-bottom: 1px solid #0084c7;
}

.menu-page .nav-link:hover,
.menu-page .nav-link.active{
    background: #0084c7;
    color: #FFF;
}

.wpcf7 label{
    color: #333;
}
.wpcf7 h3{
    font-weight: bold;
    color: #0084c9;
}

.header-search-bar .form-select,
.header-search-bar .form-control,
.wpcf7 .form-control{
    border-radius: 0;
    height: 45px;
    font-size: 16px;
}

.wpcf7 textarea.form-control{
    height: auto;
}

.wpcf7 .form-control.wpcf7-file{
    height: auto;
}

small{
    font-size: 10px;
}

.header-search-bar button[type=submit]{
    text-transform: capitalize;
    color: #666;
    height: 35px;
    padding: 0;
    background-color: #f4f4f4;
    border-radius: 3px;
    border: 0;
    height: 45px;
    line-height: 45px;
    white-space: nowrap;
}
.header-search-bar button[type=submit]:hover{
    background: #dbdbdb;
    color: #1a1a1a;
}
.header-search-bar {
  position: relative;
  display: block;
  padding: 15px 15px 15px;
  margin-bottom: 20px;
  top: -5px;
  background: #fff;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  box-shadow:  0 5px 5px -5px rgba(0,0,0,.1);
}

.header-search-bar form {
  margin-bottom: 0;
}

.header-search-bar input::-webkit-input-placeholder {
   color: #999;
}

.header-search-bar input::-webkit-input-placeholder {
   color: #999;
}

.header-search-bar input:-moz-placeholder { /* Firefox 18- */
   color: #999;
}

.header-search-bar input::-moz-placeholder {  /* Firefox 19+ */
   color: #999;
}

.header-search-bar input:-ms-input-placeholder {
   color: #999;
}

.uer-directory-single {
    position: relative;
    transition: all .3s ease;
    background: #fff;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
}

.uer-directory-single:hover {
    box-shadow: 0 0 15px rgba(0,0,0, .1);
}

.uer-directory-single .uer-image {
    position: relative;
    display: block;
    width: 100%;
    height: 220px;
}

.user-details {
    position: relative;
    padding: 25px 20px;
    border-radius: 0 0 3px 3px;
}

.user-details h6{
    margin: 0;
    color: #0A3655!important;
    font-size: 18px;
    font-weight: 700;
    font-family: "Poppins", serif;
}


.user-details p i{
    font-size: 10px;
}
.user-details p{
    color: #8c8c8c;
    margin: 0;
}

.user-details a{
    color: #999;
}

.logo-directorio{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    text-align: center;
}

.logo-redes{
    position: relative;
    padding: 21px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 3px rgba(206, 206, 206, 0.36);
}

.profile-main {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 0 3px rgba(206, 206, 206, 0.36);
    background: #fff;
    color: #6E7070;
}

.profile-main h3 {
    font-size: 18px;
    font-weight: bold;
    color: #0084c9;
    margin-top: 0px;
    border-bottom: 1px solid #f1f1f1;
    padding: 30px;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.profile-in a{
    color: #0084c9;
}

.profile-in a:hover{
    color: #0A3655!important;
}

.profile-in {
    padding: 30px;
    padding-top: 0px;
}

.profile-in .media{
    margin-bottom: 25px;
}

.profile-in .media h6 {
    margin-top: 0px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #0a3656;
}

.profile-in .media p {
    line-height: 22px;
    color: #6E7070;
}

.logo-redes a{
    display: inline-block;
    background: #eee;
    color: #0a3656;
    width: 40px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
}

.logo-redes a:hover{
    background: #0084c9;
    color: #FFF;
}

.btn-cat{
    background-color: #0084c9;
    color: #FFF;
    border-radius: 45px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    padding: 0 25px;
    margin-bottom: 15px;
}

.btn-cat.active,
.btn-cat:hover{
    background: #0a3656!important;
}

.detalle{
    position: relative;
    transition: all .3s ease;
    background: #fff;
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
}

.detalle .detalle-content{
    padding: 0 20px;
    font-size: 18px;
    color: #8C8D8D;
}

.detalle .social-share a{
    color: #FFF;
}
.detalle a{
    color: #0084c7;
}

.detalle h1{
    font-size: 50px;
    font-weight: bold;
    color: #0a3656!important;
    padding: 20px 0 15px;
}

.detalle .foto-princial{
    width: 100%;
}

.btn-enviar{
    background: #0a3656;
    border: 0;
    border-radius: 0;
    color: #FFF;
    padding: 0 30px;
    line-height: 50px;
}

#menu-menu-principal{
    background: none;
}

.wp-block-table.is-style-stripes td {
    border-bottom: 1px solid #eee;
    padding: 15px;
    line-height: 18px;
    color: #8C8D8D;
}

.table>:not(caption)>*>*, .wp-block-table table>:not(caption)>*>*{
    color: #8C8D8D;
    padding: 10px;
}

.wp-block-table{
    border: 1px solid #eee;
    color: #8C8D8D;
    font-size: 14px;
}
.wp-block-table thead{
    border-bottom: 0;
}
.wp-block-table.is-style-stripes th{
    background: #0084c9;
    color: #FFF;
    text-align: center;
    border-bottom: 0;
}

.wpcf7-form-control.wpcf7-submit{
    border-radius: 0;
    background: #0084c9;
    border-color: #0084c9;
}

.wpcf7-form-control.wpcf7-submit:hover{
    background-color: #0A3655 !important;
}

.wp-block-column{
    text-align: center;
}

#widget-area{
    display: block;
}


.is-style-rounded img{
    border:5px solid #0084c7;
}

@media (max-width: 575.98px) {
    #menu-menu-principal{
        background: #0a3656;
        padding: 10px 20px;
    }
    .navbar-brand img{
        height: 30px!important;
    }
    .ofertas-empleo p, .directorio p,
    .home .hero-section p,
    .home .hero-section h1{
        max-width: 100%;
        padding: 0 25px;
    }
    .hero-section h1{
        font-size: 38px;
    }
    .home .hero-section p{
        font-size: 24px;
    }
    .empleos-home h2,
    .ofertas-empleo h2, .directorio h2 {
        font-size: 38px;
        text-transform: uppercase;
    }
    .quienes-somos-home{
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .directorio{
        padding-top: 50px;
    }

    .contadores b{
        font-size: 45px;
    }

    .logo-quienesomos img{
        margin-top: 0;
    }
    .empleo-item span{
        width: 45px;
        height: 45px;
    }
    .navbar-nav .dropdown-menu{
        background: #0c4167;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .navbar-nav .dropdown-menu a.dropdown-item{
        color: #FFF;
    }
    #widget-area{
        display: none;
    }
    .hero-section{
        height: 220px;
        padding-top: 100px;
    }

    .uer-directory-single .uer-image{
        height: 130px;
    }

    .user-details{
        padding: 15px 10px;
    }
}