@font-face { 
  font-family: "effrabold"; 
  font-style: normal; 
  font-weight: normal; 
  src: url("/wp-content/themes/ds_cenote/assets/fonts/effra_bold.woff2") format("woff2"),
       url("/wp-content/themes/ds_cenote/assets/fonts/effra_bold.woff") format("woff");
}

/* BEGIN from WP: styles.min.css */


.topbar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.topbar__logo {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block
}

.topbar__logo img {
    height: 100%;
    width: auto;
    display: block
}

.topbar__nav li {
    display: inline-block
}

.topbar__nav li:not(:first-child) {
    margin-left: 30px
}

.topbar__nav li a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px
}

body.scrolled .topbar {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    background-color: #FFFFFF
}

body.scrolled .topbar__nav li a {
    color: #000000
}

.topbar {
    height: 20px;
    padding-top: 20px;
    padding-bottom: 20px
}

.topbar__logo {
    height: 20px
}

.topbar__logo h3 {
    font-size: 20px;
    line-height: 20px
}

body.scrolled .topbar {
    height: 15px;
    padding-top: 20px;
    padding-bottom: 20px
}

body.scrolled .topbar__logo {
    height: 15px
}

body.scrolled .topbar__logo h3 {
    font-size: 15px;
    line-height: 15px
}

/* END FROM WP */

/* BEGIN from WP: cenote.css */


.container{ max-width: 1200px; width: 100%; box-sizing: border-box; }

.topbar__logo{ height: 50px; }
.topbar__nav li{ transition: all 0.3s ease 0s; }
.topbar__nav li a{ color: #383838; font-size: 18px; line-height: 21px; font-family: 'effrabold'; transition: all 0.3s ease 0s; text-transform: capitalize; position: relative; }
.topbar__nav li a:before{
	content:'';
	position: absolute;
	left: 0;
	bottom:-14px;
	height: 4px;
	width: 100%;
	background: linear-gradient(134.72deg, #4049AA 0%, #266F8F 100%);
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.topbar__nav li.current-menu-item > a:before , 
.topbar__nav li.active > a:before , 
.topbar__nav li:hover a:before { opacity: 1; bottom: -6px; }

.topbar__nav li:not(:first-child){ margin-left: 65px; }


/* ... */

/*body.scrolled .topbar{ box-shadow: 0 0.5px 0 0 #B2B2B2; }*/
body.scrolled .topbar__logo{ height: 25px; position: relative; top: -3px; }


/* END from WP */