/*
Theme Name: Puerto Surf
Description: Surf House & Surf School
Version: 1.0
Author: Kriesi
Author URI: https://www.kriesi.at
Template: enfold
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
					font-family: 'Roboto', sans-serif;
}

.grid-entry .inner-entry {display: flex !important;}
h3.grid-entry-title.entry-title a {
    font-family: 'Lobster', cursive;
}
#top #wrap_all .av-social-link-socialwall a:before {
					content: "";
					width: 20px;
					height: 20px;
					display: inline-block;
					vertical-align: middle;
					background: url(https://www.puertosurf.com.mx/wp-content/uploads/2017/10/share.png) no-repeat center center;
					background-size: contain;
}
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2, .template-page .entry-content-wrapper h3 {
					line-height: 1.4em;
					background-color: transparent;
					text-transform: none;
					letter-spacing: 0px;
}
#welle-small {
					margin-top: -28px;
					background-color: transparent
}
.main_color b, .main_color b a {
    color: #322d27;
}
h3.widgettitle {
					color: #ffb94f;
}
#footer, #footer a {
					color: #cbc7c2
}
.avia-menu-subtext {display:none;}
.socialwall .image-overlay, .avia_transform .socialwall a .image-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
}
.widgettitle {
					font-weight: 300;
					text-transform: none;
					letter-spacing: 0px;
}
body a.avia-button {
					font-family: 'Lobster', cursive;
					border-radius: 30px;
					padding-left: 30px;
					padding-right: 30px;
					letter-spacing: 1px;
}
body a.avia-button > span {
					font-family: 'Lobster', cursive;
					font-size: 16px;
					letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6, button {
					font-family: 'Lobster', cursive;
					letter-spacing: 1px;
					font-weight: 300 !important;
}
#avia-menu .avia-menu-text {
					font-family: 'Roboto', sans-serif;
					text-transform: uppercase;
					font-size: 12px !important;
					font-weight: 400;
					letter-spacing: 1px;
}
div .slideshow_caption h2 {
					text-transform: none;
}
#header_meta {
					background-color: #241c1a;
}
#header_meta .sub_menu {
					float: right;
}
#top .avia-slideshow-button {
					font-size: 16px;
					background: transparent;
					border-radius: 30px;
					padding-left: 30px;
					padding-right: 30px;
					border: 3px solid #ffb94f
}
.avia-size-large .avia_iconbox_title {
					font-size: 20px;
}
.avia-button.avia-size-x-large .avia_iconbox_title {
					font-size: 26px;
}
#zimmer .flex_column_table {
					border: 1px solid #22180c;
}
#zimmer .flex_column_table .avia-image-container {
					margin-right: 0;
}
#zimmer .flex_column_table .av-special-heading {
					background: #ffb94f;
					padding-left: 20px;
					padding-top: 10px;
}
#zimmer .flex_column_table .av-special-heading h3 {
					color: #fff;
}
#zimmer .flex_column_table .av_textblock_section {
					padding-left: 20px;
					padding-right: 20px;
					padding-top: 0px;
}
#zimmer .first-table-item {
					text-transform: uppercase;
}
#kontakt-zimmer {
					margin-top: -140px;
					background-color: transparent;
					position: relative;
					z-index: 3
}
#zimmer-review {
					margin-top: -140px;
}
.avia_wpml_language_switch {
					margin-right: 10px;
}
#avia-menu .avia-menu-text {
					font-size: 16px;
}
#yellowsection .entry-content-wrapper {
					margin-top: -110px;
}
#wrap_all #advanced_menu_toggle {
					margin-top: 10px;
}
#top .social_bookmarks {
					margin: 0 0 0 0px;
}
#top #wrap_all .av-social-link-instagram a:before {
	content:"\F16D";
	font-family: 'entypo-fontello';	
    width: 20px;
    height: 20px;
    display: inline-block;
    }
#top #wrap_all .av-social-link-facebook a:before {
	content:"\E8F5";
	font-family: 'entypo-fontello';	
    width: 20px;
    height: 20px;
    display: inline-block;
    }
.main_color strong {
					color: #f5bc31;
					font-weight: normal;
}
.avia-fullscreen-slider {
					border: none !important;
}
#top .av-sort-yes-tax .sort_by_cat a, #top .av_inherit_color a.puerto-anchor {
					font-size: 16px;
					text-decoration: none;
					border-bottom: 1px solid;
					line-height: 1.5em !important;
					display: inline-block;
}
#top .av-sort-yes-tax .sort_by_cat {
					margin-top: 15px;
}
#js_sort_items .text-sep {
					line-height: 1.5em;
}
a.puerto-anchor {
					color: #322d27;
}
/* Portfolio
----------------*/
.grid-entry .avia-arrow {
					display: none;
}
body#top .portfolio-preview-content p, body#top .portfolio-preview-content ul li {
					font-size: 16px;
					line-height: 1.65em;
}
.portfolio-preview-title, .portfolio-preview-title a {
					font-size: 28px;
					font-family: 'Lobster', cursive;
}
.portfolio-preview-image, .portfolio-preview-content {
					width: 50%;
}
.avia-slideshow li img {
					border-radius: 0px;
}
#top .scroll-down-link {
					bottom: 80px;
}
.av-preloading-logo {
					max-width: 200px;
					max-height: 200px;
}
#CDSWIDEXC {margin:0 !important;}

/* Table
----------------*/
tr th:first-child, tr td:first-child {
					letter-spacing: 0px;
					text-transform: none;
}
.avia-data-table .avia-desc-col {
					text-align: left;
}
.main_color tr:nth-child(odd), table.avia-table, tr th:first-child, tr td:first-child, .main_color tr:nth-child(even), .main_color tr {
					background-color: transparent;
					color: #322d27;
}
table.avia-table tr th {
					width: 40%;
					color: #322d27;
					font-weight: normal;
}
table.avia-table tr th, table.avia-table tr td {
					border-left: 0;
					border-right: 0px;
					border-top-width: 1px;
					border-bottom-width: 1px;
					line-height: 1.65em;
					font-size: 16px;
}
.ajax_slide.open_slide {
					background-color: #f2f2f2;
}
.grid-entry-excerpt {
					font-size: 16px;
					font-style: normal;
					color: #fff;
					margin-bottom: -2px;
}
div.portfolio-preview-image {
					border: none;
}
.ajax_slide header.entry-content-header {
pointer-events: none;
}
.main_color .grid-content {
					position: absolute;
					height: auto;
					background-color: transparent;
					width: 100%;
					z-index: 301;
					padding: 40px;
}
.image-overlay, .avia_transform a .image-overlay {
					position: absolute;
					background: #000;
					z-index: 300;
					height: 100%;
					width: 100%;
					opacity: 0.4;
					filter: alpha(opacity=0.4);
					left: 0;
					top: 0;
}
#top .portfolio-preview-image .avia-gallery .image-overlay {
					opacity: 0;
					filter: alpha(opacity=0);
}
#top div .avia-gallery img {
					border-width: 4px;
					padding: 0px;
					border-color: transparent;
					background-color: transparent;
}
.grid-entry-title {
					font-size: 24px;
					font-weight: 500;
					color: #fff !important;
}
.avia_transform a:hover .image-overlay {
					opacity: 0 !important;
					filter: alpha(opacity=0);
}
.image-overlay .image-overlay-inside {
					display: none;
}
.avia_transform a .image-overlay {
					-webkit-transition: opacity 0.4s ease-in-out;
					-moz-transition: opacity 0.4s ease-in-out;
					transition: opacity 0.4s ease-in-out;
}
div .av_one_third {
					padding: 5px;
					/* width: calc((100% - 30px) / 3); */
}
div .av_one_fourth {
					padding: 5px;
					/* width: calc((100% - 40px) / 4); */
}
#footer div .av_one_third {
					padding: 5px;
					width: 29.2%;
}
#CDSWIDCOE {
					margin: 0 !important;
}
.cdsROW.narrow {
					width: 148px !important;
}
@media only screen and (min-width: 768px) {
					/* Split menu
----------------*/
					.av-main-nav li:nth-child(2) {
										margin-right: 240px;
					}
					#header_main .av-logo-container {
										position: absolute;
										top: 5px;
										left: 50%;
										transform: translateX(-50%);
					}
					#header {
										margin-top: 0px;
					}
					.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {
										padding-top: 110px;
					}
}
@media (max-width: 767px) {
					.mobile_logo {
										width: 70px;
										display: block !important;
										margin: 5px auto 0;
										position: absolute;
										left: 0;
										right: 0;
					}
}