/*
Theme Name: Big Cabo Fest 2023
Author: WebberSites Website Design & Development
Author URI: http://webbersites.com
Description: Custom designed theme by WebberSites Website Design & Development
Tags: 
Text Domain: webbersite
*/




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-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
.clear {
	clear: both
}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

.text-align-center {text-align: center}

.ctct-form-embed.form_0 .ctct-form-defaults {background-color:transparent !important;}

span.wpcf7-list-item {font-size:1.3vw; margin-left:0 !important; padding-right:1vw;}
.lodging-choice span.wpcf7-list-item {padding-right:0;}

.page-id-2742 .entry-content{text-align:center; font-size:2vw;}

.page-id-2742 .entry-content p {text-align:center; font-size:2vw;}

.page-id-2742 .entry-content input {font-size:3vw; padding:1vw; width:10vw;}


.page-id-2908 #content {margin:0;}
.page-id-2908 h2 {text-align:center; font-size:3vw}

/*---------------------GENERAL---------------------*/

@font-face {
  font-family: 'FuturaStd-Condensed';
  src: url('fonts/FuturaStd-Condensed.eot?#iefix') format('embedded-opentype'),  url('fonts/FuturaStd-Condensed.otf')  format('opentype'),
	     url('fonts/FuturaStd-Condensed.woff') format('woff'), url('fonts/FuturaStd-Condensed.ttf')  format('truetype'), url('fonts/FuturaStd-Condensed.svg#FuturaStd-Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'akaPosse';
  src: url('fonts/akaPosse.eot?#iefix') format('embedded-opentype'),  url('fonts/akaPosse.woff') format('woff'), url('fonts/akaPosse.ttf')  format('truetype'), url('fonts/akaPosse.svg#akaPosse') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaStd-CondensedBold';
  src: url('fonts/FuturaStd-CondensedBold.eot?#iefix') format('embedded-opentype'),  url('fonts/FuturaStd-CondensedBold.otf')  format('opentype'),
	     url('fonts/FuturaStd-CondensedBold.woff') format('woff'), url('fonts/FuturaStd-CondensedBold.ttf')  format('truetype'), url('fonts/FuturaStd-CondensedBold.svg#FuturaStd-CondensedBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrushedTraveler';
  src: url('fonts/BrushedTraveler.eot?#iefix') format('embedded-opentype'),  url('fonts/BrushedTraveler.woff') format('woff'), url('fonts/BrushedTraveler.ttf')  format('truetype'), url('fonts/BrushedTraveler.svg#BrushedTraveler') format('svg');
  font-weight: normal;
  font-style: normal;
}



a {color:#980000; cursor:pointer}

.desktop-only {
	display: block;
}
.mobile-only {
	display: none;
}
#toggle-menu {
	display: none;
}
body {
	color:#000;
	font-family: 'FuturaStd-Condensed';
	background-image:url(img/BCF-Paper-Background.jpg);
}
strong, b {font-family: 'FuturaStd-CondensedBold';}

h1, h2, h2, h4 {font-family: 'akaPosse'; font-weight:normal;}

h5 {font-family: 'BrushedTraveler';}

* {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p {font-size: 1.5vw;
line-height: 2vw; margin-bottom:1.2vw;}

p.fine-print {font-size: 14px;
line-height: 16px; margin-bottom:14px;}

.padding-0{
    padding-right:0;
    padding-left:0;
}

.page-id-13 h4 {font-size:2.5vw; text-align:center; margin-bottom:0; padding-bottom:0; padding-top:2vw; color:#980000}


#lodging-choice {padding:0 8vw;}

#lodging-choice {
margin: 0 10%;
width: 80%;
padding: 0 8vw;
}

/*---------------------NAVIGATION---------------------*/
.disclaimer {padding:2vw 1vw;}
#alert-box {background-color:#980000; color:#FFF; font-size:1.5vw; padding:.5vw; text-align:center; font-family: 'akaPosse'; font-weight:normal;}
#alert-box a {color:#FFF;}
#alert-box a:hover {text-decoration:none; color:#000;}

#alert-box p {padding:0; margin:0;}
ul.sub-menu {
	display: none;
	text-align: left;
	margin-left: -2.7vw;
}
ul.sub-menu .menu-item {
	padding-bottom: 1vw;
}
ul.sub-menu a {
	color: #faa21b;
}
ul.sub-menu a:hover {
	color: #d02127;
	text-decoration:none;
}
nav ul li:hover ul {
	display: block;
	position: absolute;
	top: 4vw;
	padding-left: 0;
	background-color: #000;
	z-index: 99999;
}
nav ul li {
	position: relative;
}

nav ul.sub-menu {
	display: block;
	padding: 0;
}
nav ul li:hover ul {
	position: static;
}
nav ul li ul a {
	color: #faa21b;
}
nav ul.sub-menu a {
	color: #faa21b;
}

/*  dropdown nav positioning  */

nav ul li {
	position: relative;
}
ul.sub-menu {
	display: none;
	text-align: left;
	margin-left: -2.7vw;
}
ul.sub-menu .menu-item {
	padding-bottom: 1vw;
}
nav ul li:hover ul {
	display: block;
	position: absolute;
	top: 4vw;
	padding-left: 0;
	background-color: #000;
	z-index: 99999;
}

/*  dropdown nav coloring  */

ul.sub-menu a {
	color: #faa21b;
}
ul.sub-menu a:hover {
	color: #d02127;
}

/*  dropdown nav mobile   */

nav ul.sub-menu {
	display: block;
	padding: 0;
}
nav ul li:hover ul {
	position: static;
}
nav ul li ul a {
	color: #faa21b;
}
nav ul.sub-menu a {
	color: #faa21b;
}
nav#the-main-menu {
	padding: 1vw;
	text-align: center;
}
.menu-item {
	display: inline;
	padding: 0 1vw;
	
}

/*---------------------HEADER---------------------*/

.logo {width:280px; position:absolute; margin-left:-140px; left:50%; z-index:99991;}
.logo img {width:100%; height:100%;}
#header {background-image:url(img/Cabo-Fest-Header-Home.jpg); background-size:cover; position:relative; height:350px; background-position:bottom center;}
.page-id-13 #header {background-position:top center;}
#content {padding-top:1vw;; min-height: calc(100vh - 280px); height:auto; margin:0 10vw;}
#contentx {margin:0 10vw}
.page-id-6 #content, .page-id-9 #content {margin:0; padding:0;}
.page-id-11 #content {margin:0 5vw; padding:0;}



.side-photo-outer {width:100%; padding-top:3vw; padding-bottom:2vw; padding-right:3vw; overflow:hidden;}
.side-photo-inner img {max-width:none !important; width:100%!important; height:auto!important}
.faq-top-photos {padding:3vw;}

.reg-bottom-photos {padding:0;}

.side-photo-inner img, .faq-top-photos img, .page-id-1855 .grid-item img  {width:90%; margin:1vw; height:auto; border:4px solid #fdecc2; box-shadow:2px 4px 10px hsla(0,0%,0%,.6);}



.page-id-11 .side-photo-outer { margin-top:7vw; padding:2vw;  padding-bottom:6vw; }

	#left-1 .side-photo-outer {padding-right:1vw !important;}
	#right-1 .side-photo-outer {padding-left:1vw!important;}

.reg-bottom-middle {padding-top:5vw;}

.left-pic {
-ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
	float:left;
	margin-top:1vw;
}


.right-pic {
-ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
	float:right;
	margin-top:1vw;
}




.side-photo-inner {
-ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
	float:right;
}

.side-photo-outer.side-photo-right  {padding-right:0; padding-left:1vw;}
.side-photo-outer.side-photo-left  {padding-right:2.2vw; padding-left:0;}
.page-id-11 .side-photo-outer.side-photo-right {padding-right:2vw; padding-left:2vw;}

.side-photo-right .side-photo-inner {
-ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
	float:left;
}

.side-photo-left .side-photo-inner {
-ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
	float:right;
}

#left-1 .side-photo-inner, .faq-photo-1 .side-photo-inner {
	-ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);float:left;}
	
#right-1 .side-photo-inner, .faq-photo-2 .side-photo-inner { 
	-ms-transform: rotate(2.5deg);
    -webkit-transform: rotate(2.5deg);
    transform: rotate(2.5deg);}
	
#right-2 .side-photo-inner, .faq-photo-3 .side-photo-inner {
	-ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);}
	
	
#left-3 .side-photo-inner {
	-ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);}
	
#right-3 .side-photo-inner {
	-ms-transform: rotate(2.2deg);
    -webkit-transform: rotate(2.2deg);
    transform: rotate(2.2deg);}


#bottom-1 .side-photo-inner {
	-ms-transform: rotate(-2.2deg);
    -webkit-transform: rotate(-2.2deg);
    transform: rotate(-2.2deg); }

#bottom-2 .side-photo-inner {
	-ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);}

#bottom-3 .side-photo-inner {
	-ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);}

#bottom-4 .side-photo-inner {
	-ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);}

#bottom-1, #bottom-2, #bottom-3, #bottom-4 {padding-bottom:2vw;}

h1 {font-size:4.5vw; color:#422105; 
display:inline-block;
background: -webkit-linear-gradient(#652e09, #422105);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   position: relative;
  margin:2vw 0;
  } 

h1:after {
background: none;
    content: attr(data-text);
    left:0 ;
    position: absolute;
   text-shadow:.2vw .32vw 0 hsla(0,0%,0%,.28);
    top: 0;
    z-index: -1;
	
	}
.header-headline, .header-headline-2 {text-align:center;}


#sports .side-photo-outer {padding-top:1vw;}

input[type=password] {margin: .3vw;
font-family: helvetica, arial;
font-size: 18px;
padding: 5px;}

.cmicca-form-text, .cmicca-buttons-field {text-align:center;}
.cmicca-login-field label {display:none;}
.cmicca-buttons-field button.cmicca_accesscode_trigger {display: inline-block;
padding: 1vw 2vw;
font-size: 2.5vw;
line-height: 2.4vw;
	border:0;
color: #FFF;
background-color: #000;
font-family: 'akaPosse';}
.cmicca-form-text {font-size:1.2vw; text-align:center;}
.cmicca-accesscode-container h2 {text-align:center; padding:1vw; font-size:2.2vw !important;}
.cmicca-accesscode-container {width:400px !important; border:0 !important; margin:0 auto !important;  display:block !important; float:none !important;}
/*---------------------CUSTOM Nav---------------------*/
#custom-nav a {color:#000;}
#custom-nav {position:absolute; bottom:0; height:104px; text-align:center; width:100%;}
.custom-menu-item {width:20%; height:80px; background-image:url(img/BCF-nav-plank.jpg); display:inline-block; background-size:100% 100%; vertical-align:top; font-family: 'akaPosse'; font-family: 'akaPosse'; text-align:center; font-size:40px; padding-top:17px;}
.custom-menu-gap {width:20%; height:80px; background-image:url(img/BCF-nav-plank.jpg); display:inline-block; background-size:100% 100%; vertical-align:top;}
.triple-1, .triple-3 {border:4px solid #000; border-left:0; border-right:0;}
.triple-2 {border:4px solid #bd8948;  border-left:0; border-right:0;}
.custom-menu-item.item-1x {font-size:28px; padding-top:0; line-height:24px;}
.custom-menu-item.item-1 strong {font-size:18px; line-height:10px; font-family: 'FuturaStd-CondensedBold';}
.custom-menu-item.item-2 {font-size:32px; padding-top:12px; line-height:28px; }

.custom-menu-item.item-4 { }
.custom-menu-item.item-1, .custom-menu-item.item-2b {width:10%; }
.custom-menu-item.item-3, .custom-menu-item.item-3b {width:10%; }
	
.custom-menu-item.item-3b {font-size:32px; padding-top:12px; line-height:28px; }

/*---------------------FOOTER---------------------*/


#footer {
    display: block;
   background-image:url(img/BCF-footertexture.jpg);
   background-size:cover;
   height:16vw;
  color:#fcf3d0;
    bottom: 0;
	text-align:center;
	
	
	width:100%;
	padding:2vw 10vw;
}
#footer a{
	color:#fcf3d0; 
}

.footer-wood-buttons {font-size:2.5vw; line-height:2.3vw; font-family: 'akaPosse'; background-size:cover; padding:.8vw; width:31%; color:#000; display:inline-block; margin:0 1%; margin-bottom:2vw; vertical-align:top; box-shadow:1px 5px 10px #000;}
.footer-wood-buttons.wood-button-1 {background-image:url(img/BCF-wood-button-1.jpg); height:6vw;}
.footer-wood-buttons.wood-button-2 {background-image:url(img/BCF-wood-button-2.jpg); height:6vw;}
.footer-wood-buttons.wood-button-3 {background-image:url(img/BCF-wood-button-3.jpg); height:6vw; font-size:2vw; line-height:1.8vw; padding:.3vw 2.5vw;}

.clear {clear:both;}

.social-media img {width:auto; height:4.5vw; margin:0 1vw;}
a.footer-utlility-links { font-family: 'FuturaStd-CondensedBold'; color:#fcf3d0; border:2px solid #fcf3d0; padding:1vw; display:block; width:100%; font-size:1.5vw;}



#copyright {margin-top:0; font-size:1.4vw; line-height:1.6vw;}


/*---------------------HOME---------------------*/

.page-id-6 #content a {}
.page-id-6 #content a:hover {color:#000; }
.page-id-6 h2 {font-size:5vw; text-align:center; width:100%;}
.page-id-6 h3 {font-size:3vw; line-height:3.3vw; margin-top:1vw; text-align:center; width:100%;  font-family: 'akaPosse';}
.page-id-6 h3 strong {font-family: 'FuturaStd-Condensed'; font-size:1.7vw; font-weight:normal}
.page-id-6 h4 {font-size:3vw; line-height:3.3vw; margin-top:1vw; text-align:center; font-weight:normal}
.page-id-6 h5 {font-size:3vw; line-height:3.3vw; margin-top:1vw; text-align:center; font-weight:normal}
.page-id-6 .section-4 strong {display:block; text-align:center; font-size:1.5vw;}

.page-id-6 h6 {font-family: 'FuturaStd-Condensed';  margin: .6vw 2vw;
text-align: center;
font-size: 2vw;
background-image: url(img/bar-black.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;}


.section-4 .header-headline-2 h1 {font-size:4vw; text-align:center; margin:0; margin-top:1vw; text-align:center;}



#content ul li {
	font-size:1.5vw;
	line-height:2vw;
	margin: 0;
	padding: .5vw 0 .8vw 4.3vw;
	list-style: none;
	background-image: url("img/BCF-star-bullet.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 3.3vw;
}

h3.boxed {background-color:#000; color:#FFF; display:inline-block; padding:1vw;}



#artists {margin:2vw 0; margin-bottom:0;}
#artists ul li {background-image:none; padding:0; display:inline-block; vertical-align:top;  margin:0; 
font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
	}
	
#artists ul li {width:12.3vw;}
#artists ul li.artist-columns-6 {width:16.666vw;}
#artists ul li.artist-columns-7 {width:16.3vw;}
#artists ul li.artist-columns-8 {width:12.3vw;}
#artists ul li.artist-columns-9 {width:20vw; margin-bottom:2vw;}
#artists ul li.artist-columns-10 {width:20vw; margin-bottom:2vw;}

#artists ul li img {width:100%; height:auto; margin:0;}
.artist-name {text-align:center; font-family: 'akaPosse'; padding:.5vw;  color:#000; font-size:1.5vw; line-height:2vw; margin:0;}

.artist-columns-7 .artist-name {font-size:1.7vw; line-height:2vw;}

.artist-columns-8 {width:10vw;}
.artist-columns-8 .artist-name {font-size:1.4vw; line-height:2vw;}

hr {display: block;
    height: 3px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1vw 0;
    padding: 0; }
	
	
.faqs ul li {}

.faqs h2 {font-family: 'FuturaStd-CondensedBold'; font-size:1.7vw; font-weight:normal;}


.page-id-11 #content a {text-decoration:underline; font-family: 'FuturaStd-CondensedBold';}

.sponsor_logos img {width:20%; height:auto;}
/*---------------------PAYMENT---------------------*/

.page-id-138 #container {padding-bottom:3vw;}

.payment-footer-info {padding:2vw 5vw;}

.page-id-138 h2 {font-size:4vw;}

/*---------------------RESERVASHE---------------------*/
ol {
  max-width: 100%;
  counter-reset: my-awesome-counter;
  list-style: none;
  font-family: 'akaPosse'; 
 
}
ol li {
	 padding-left: 5vw;
	 font-size: 3vw;
	  font-size: 4vw;
  margin: 0 0 2vw 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol li::before {
  content: counter(my-awesome-counter);
  color: #fbf4cd;
  font-size: 3vw;
  font-weight: bold;
  position: absolute;
  left: 0;
  line-height: 4vw;
  width: 4vw;
  height: 4vw;
  top: 0;

  background: #980000;
  
  border-radius: 50%;
  text-align: center;
  box-shadow: .3vw .3vw 0 hsla(0,0%,0%,.28);
}
#paymenttypeModal .modal-body {text-align:center;}
#paymenttypeModal .modal-body a {font-size:3vw; line-height:3.3vw; display:inline-block; padding:1vw; margin-bottom:1vw; background-color:#000; color:#FFF;}
#paymenttypeModal h4.modal-title {text-align:center; width:100%;}
.page-id-13  a.big-button,  .page-id-6  a.big-button {display:inline-block; padding:1vw 2vw; font-size:3vw; line-height:3.4vw; color:#FFF; background-color:#000; font-family: 'akaPosse';}
.page-id-6  a.big-button:hover {color:#FFF !important;}
span#amount-due {font-size:2vw; font-family: 'akaPosse'; margin-right:2vw;}
.entry-content table {margin:2vw 0;}

.entry-content table, .entry-content th, .entry-content td {
  border:1px solid #000;
}
.entry-content table table {
    border-bottom:0;
    border-left:0;
}
.entry-content table td, .entry-content table th {
    border-top:0;
    border-right:0;
}

.entry-content td p {font-size:1.8vw; line-height:1.9vw; margin-top:.7vw; margin-bottom:0;}

.entry-content td.table-header {color:#FFF; background-color:#000; font-family: 'FuturaStd-CondensedBold';}

.entry-content td {font-family: 'FuturaStd-Condensed'; font-size:1.8vw; line-height:1.9vw; padding:.5vw;}

/*---------------------MUSIC---------------------*/

#music.event-section {width:100%; background-image:url(img/background-music.jpg); padding:2vw 0; margin-bottom:1vw; background-size:cover;}
#sports.event-section {width:100%; background-image:url(img/background-sports.jpg); padding:2vw 0; margin-bottom:1vw; background-size:cover;}
#events.event-section {width:100%; background-image:url(img/background-events.jpg); padding:2vw 0; margin-bottom:1vw; background-size:cover;}
.event-section p {font-size:1.5vw; line-height:2vw;}
.page-id-9, .page-id-1680 #content {margin:0; padding:0;}
.page-id-1680 #content {min-height:30vw}
.page-id-9 h2 {font-size:2vw; color:#000; margin-top:0; margin:1vw 0; }
.page-id-9 h4 {font-family: 'BrushedTraveler'; margin:1vw 0; margin-bottom:2vw; font-size:2vw; line-height:3vw; }
.page-id-9 h3 {font-size:3vw; line-height:3.5vw; margin:1vw 0; text-transform:uppercase; font-family: 'akaPosse';}
.page-id-9 .event-section h3 {font-family: 'BrushedTraveler';font-size:2vw; line-height:3vw; color:#000; width:100%; text-align:center; margin-bottom:1vw;}
#music {text-align:center;}
#music p {color:#FFF; margin-bottom:1vw;}
#music p strong {font-family: 'FuturaStd-CondensedBold';}
.page-id-9 h1 {margin-bottom:0;}
.event-section h4 {font-size:5.5vw; line-height:5.7vw; text-align:left; color:#FFF; text-shadow:.3vw .3vw 0 #000; margin-bottom:1vw; font-family: 'akaPosse';}
.col-right-side {padding-left:4vw;}
.centered {text-align:center; display:block;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.sub-events-container {margin:0 5vw;}
.event-section a.white-buttons {font-size:2.5vw; color:#000; display:inline-block; padding:.6vw 1.5vw; background-color:#FFF; font-family: 'akaPosse'; box-shadow: .3vw .3vw 0 #000;}
.page-id-9 .event-section h2 {width:100%; text-align:center; color:#f9ba1a; font-size:4vw; text-shadow: .3vw .3vw 0 hsla(0,0%,0%,.28); margin-bottom:1vw;}

.small-print {font-size:.9vw;}
#t3, #t2 {display:none;} 

button.submit-button {display: inline-block;
box-shadow: .3vw .3vw 0 #000;
padding: 1vw 2vw;
font-size: 3vw;
line-height: 3.4vw;
color: #FFF;
border:0;
background-color: #980000; 
margin:1vw 0;
font-family: 'akaPosse';}

button.submit-button:hover {box-shadow: .2vw .2vw 0 #000; }

/*---------------------REG FORM---------------------*/
input {border:1px solid #000; border-radius:0; }
label {font-family: 'FuturaStd-CondensedBold'; }
.modal label {width:50%;}
.page-id-20 h2, .page-id-155 h2, .page-id-217 h2 {font-size:3vw; line-height:3vw;}
h2.h2-below {font-size:2vw;}
.page-id-155 input[type=text], .page-id-155 input[type=tel], .page-id-155 input[type=email] {margin:.3vw ; font-family:helvetica, arial; font-size:18px; padding: 5px}
.page-id-217 input[type=text], .page-id-217 input[type=tel], .page-id-217 input[type=email] {margin:.3vw ; font-family:helvetica, arial; font-size:18px; padding: 5px}

.modal input[type=text], .modal input[type=email], .page-id-155 input[type=tel], .page-id-155 input[type=email], .page-id-155 .modal input[type=text], .modal .page-id-155 input[type=tel], .modal .page-id-155 input[type=email], 
.page-id-217 input[type=tel], .page-id-217 input[type=email], .page-id-217 .modal input[type=text], .modal .page-id-217 input[type=tel], .modal .page-id-217 input[type=email]
{width:100%; }



  #payment-form input[type=text],#payment-form input[type=email],#payment-form input[type=tel] {width:355px;}

.modal input[type=text], .modal input[type=email] {margin-bottom:10px}

.page-id-155 input[type=text] {width:257px;}
.page-id-155 input.short-input, .page-id-155 .short-input input {width:140px !important;}
.page-id-155 input.shorter-input, .page-id-155 .shorter-input input {width:70px !important;}

.page-id-217 input[type=text] {width:257px;}
.page-id-217 input.short-input, .page-id-217 .short-input input {width:140px !important;}
.page-id-217 input.shorter-input, .page-id-217 .shorter-input input {width:70px !important;}


.modal {z-index:99999;}
h4.modal-title {font-size:36px; text-trasform:uppercase;}

h4.modal-title {font-family: 'akaPosse' !important;}

 select {font-size:2vw;}
 
 .t2-hide, .t3-hide {display:block;}
  
  

  
  
 .form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #000;
     color: #FFF;
     top: 10px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 7px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #000;
}
.form-radio:checked
{
     background-color: #000;
}
label
{
     font: 300 16px/1.7 'Open Sans', sans-serif;
     color: #000;
     cursor: pointer;
} 

.form-radio.disabled-radio {background-color: #474747;}
.disabled-label {color: #474747;}


.departure-date input, .return-date input {width:50% !important;}




.grid {


    -webkit-column-count: 3; /* Chrome, Safari, Opera */

    -moz-column-count: 3; /* Firefox */

    column-count: 3;

    margin: 0;

}

.grid-item {
	position:relative;
    margin-bottom: 15px;
}


.columns-2 {
    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;
}

.columns-3 {
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
}

.photo-gallery-box .darkening-box {position:absolute; top:0; left:0; width:100%; z-index:1; background-color:hsla(0,0%,0%,0.0);}
.photo-gallery-box {border:1px solid white; width:31%; margin:1vw 1%; display:inline-block; position:relative; height:20vw; background-size:cover; background-position:center center;  font-size:2vw; color:#FFF; }
.photo-gallery-box span {z-index:2; color:#FFF; position:absolute; }
/*h1.entry-title {font-size:2vw; text-align:center;}*/


#caption {text-shadow:1px 1px 0 #000; display: table;  width:100%; height:100%; position:absolute; z-index:3; font-size:27px !important; font-size:1.9vw !important; float:left; color: #FFF; line-height:2.2vw; padding: 2vw;; text-align:center;}

.galleries {padding:3vw; padding-top:0;}

#caption-inner { background-color:hsla(0,0%,0%,0.5); position:absolute; bottom:0; width:100%; left:0; padding:.3vw;}

.page-id-1855 #content ul li {background:none; padding:0;}

.page-id-1855 #content {margin:2vw 5vw;}


/*---------------------PAYMENT---------------------*/
.page-id-138 input[type=text] {width:257px;}
.page-id-138 input.short-input, .page-id-138 .short-input input {width:140px !important;}
.page-id-138 input.shorter-input, .page-id-138 .shorter-input input {width:50px !important;}
.page-id-155 select.wpcf7-select { width:auto;}

/*.page-id-155 select.wpcf7-select {
  font-size: 1.4vw;
  height: auto;
  width:auto;
  padding:.2vw 1vw;
  margin-top:1.4vw;
  -webkit-appearance: none;
  border-radius:0;
  font-family:helvetica, arial;
  border:1px solid #000;
}

*/

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: DodgerBlue;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*---------------------UNDER 1200---------------------*/

@media (max-width: 1200px) { 

.custom-menu-item.item-1 strong {font-size:14px; line-height:10px; font-family: 'FuturaStd-CondensedBold';}
.custom-menu-item.item-2 {font-size:26px; padding-top:12px; line-height:28px; }

.custom-menu-item.item-4 {font-size:33px; padding-top:22px; line-height:28px; }
	.custom-menu-item.item-3b {font-size:26px; padding-top:12px; line-height:28px; }
	
}


@media (max-width: 1000px) { 

.custom-menu-item.item-1 strong {font-size:14px; line-height:10px; font-family: 'FuturaStd-CondensedBold';}
.custom-menu-item.item-2 {font-size:26px; padding-top:12px; line-height:28px; }
.custom-menu-item.item-3b {font-size:22px; padding-top:12px; line-height:28px; }
.custom-menu-item.item-4x {font-size:22px; padding-top:12px; line-height:28px; }
	
}

/*---------------------MOBILE---------------------*/
.desktop-only {
		display: inline;
	}


@media (max-width: 767px) {
	
	.page-id-155 select.wpcf7-select {
      font-size: 4vw;

    }
	
	.grid {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    margin: 0 15px;
	}

	.grid-item {
		margin-bottom: 5vw !important;
	}


	.page-id-1855 .grid-item img {width: 100%;
margin: 0;}
	
	.page-id-1855 h1 {margin-bottom:5vw;}
	
	.left-pic, .right-pic {padding:6vw 3vw; float:none; }
	.faq-top-photos .left-pic {display:none}
	
	h1 {margin-top:6vw;}
	
	
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		display: block;
	}
	#header {
		min-height: 15vw;
	}
	#toggle-menu {
		display: block;
		position: absolute;
		z-index:99992;
		width: 10vw;
		height:auto;
		top: 3vw;
		right: 3vw;
		padding: 0;
		border: 0px;
	}
	#toggle-menu img {
		width: 100%;
		height: auto;
	}
	
	
	p {font-size: 5vw;
line-height: 6vw; margin-bottom:6vw;}


	.custom-menu-item {display:none;}
	.custom-menu-gap {width:100%; height:8vw; background-image:url(img/BCF-nav-plank.jpg); display:inline-block; background-size:50% 100%; vertical-align:top;}
	#custom-nav {height:calc(8vw + 12px); }
	
	.side-photo-inner {
-ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
	float:right;
		margin:5vw 0;
}

.side-photo-outer, .side-photo-outer.side-photo-right  {padding-right:3vw; padding-left:3vw;}
	


.side-photo-right .side-photo-inner {
-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
	float:left;
}

.page-id-6 #left-1 {display:none;}
#left-1 .side-photo-inner, #left-2 .side-photo-inner {
	-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
	}
	
#right-1 .side-photo-inner {
	-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);}
	
#right-2 .side-photo-inner {
	-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);}
	
	
#left-3 .side-photo-inner {
	-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);}
	
#right-3 .side-photo-inner {
	-ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);}
	
	
	
	
	

	nav#the-main-menu{
		display:none;
	}
	nav#the-mobile-menu {
		width: 100%;
		position: absolute;
		top: 47.8vw;
		z-index: 99990;
		background-color: hsla(0, 0%, 0%, 1);
		background-image:url(img/leather-mobile.jpg);
		background-position:bottom center;
		display: none;
		padding:8vw 0;
	}
	nav#the-mobile-menu ul {
		list-style-type: none;
	}
	nav#the-mobile-menu li {
		list-style: none;
		text-align: center;
		-webkit-transition: background-color .5s, -webkit-transform .5s;
		display: block;
		padding: 4vw 2vw;
		font-size: 7.5vw;
		font-family: 'akaPosse';
	}
	nav#the-mobile-menu li a {color:#FFF; text-shadow:.5vw .5vw 0px #000;}
	.logo {width:39vw; position:absolute; margin-left:-19.5vw; left:50%; z-index:99991;}
.logo img {width:100%; height:100%;}
#header {background-image:url(img/Cabo-Fest-Header-Home.jpg); background-size:cover; position:relative; height:45vw; background-position:center center;}

	  
	
	
#contentx {margin:0 5vw;}
	#content {margin:0 5vw; padding-top:8vw;}
	.page-id-6 #content {margin:0; padding-top:8vw;}
	.page-id-9 #content {margin:0; padding:0; padding-top:8vw; }
	.page-id-13 #content {margin:0; padding:0; padding-top:8vw; }
	
	h1 {
font-size: 8.5vw;
	}
	.section-4 .header-headline-2 h1 {font-size: 8.5vw; text-align:center; margin:0; margin-top:1vw; text-align:center;}
	
	
	h1:after {
	background: none;
    content: attr(data-text);
    left:0 ;
    position: absolute;
    text-shadow:.6vw .6vw 0 hsla(0,0%,0%,.28);
    top: 0;
    z-index: -1;
	}
	
	.page-id-9 .entry-content {padding:0 5vw;}
	.page-id-6 h2 {font-size:9.5vw; text-align:center; width:100%;}
.page-id-6 h3 {font-size:5vw; line-height:5.3vw; margin-top:1vw; text-align:center; width:100%;  font-family: 'akaPosse';}
.page-id-6 h3 strong {font-family: 'FuturaStd-Condensed'; font-size:4vw; font-weight:normal}

.page-id-6 h4 {
font-size: 6vw;
line-height: 6.3vw;
margin-top: 2vw;

}
 
.page-id-6 h6 {font-size:4vw;}
.page-id-6 h5 {font-size:4vw;}
.page-id-6 .section-4 strong {font-size:3.5vw; line-height:4vw;}

#content ul li {
	font-size:5vw;
	line-height:5.5vw;
	margin: 0;
	padding: .5vw 0 2vw 6.3vw;
	list-style: none;
	background-image: url("img/BCF-star-bullet.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 5vw;
}
#artists ul li {background-image:none; padding:0; display:inline-block; vertical-align:top; width:50vw; margin:0; 
font-size:0;
	line-height:0;
	margin: 0;
	padding: 0;
	margin-bottom:2vw;
	}
	
	
	#artists ul li.artist-columns-7, #artists ul li.artist-columns-8 {width:50vw;}
	#artists ul li.artist-columns-7 .artist-name, #artists ul li.artist-columns-8 .artist-name {font-size:6vw; line-height:6vw;}
	
	#artists {text-align:center;}
	
	.artist-name {font-size:5vw; line-height:5vw;}
	.section-3 ul {margin:3vw 0}
	
	
	#footer {
    display: block;
   background-image:url(img/leather-mobile.jpg);
   background-size:cover;
   background-position:bottom center;
   height:auto;
  color:#fcf3d0;
    bottom: 0;
	text-align:center;
	
	
	width:100%;
	padding:10vw 10vw;
}
#footer a{
	color:#fcf3d0; 
}

.footer-wood-buttons {font-size:5vw; line-height:5vw; font-family: 'akaPosse'; background-size:cover; padding:3vw; width:100%; color:#000; display:inline-block; margin:0 1%; margin-bottom:4vw; vertical-align:top; box-shadow:1px 5px 10px #000;}
.footer-wood-buttons.wood-button-1 {background-image:url(img/BCF-wood-button-1.jpg); height:auto;}
.footer-wood-buttons.wood-button-2 {background-image:url(img/BCF-wood-button-2.jpg); height:auto;}
.footer-wood-buttons.wood-button-3 {background-image:url(img/BCF-wood-button-3.jpg); height:auto; font-size:5vw; line-height:5vw; padding:2vw;}

.wood-button-2 div {display:inline;}

#footer .col-sm-4 {padding:0;}

a.footer-utlility-links {
font-family: 'FuturaStd-CondensedBold';
color: #fcf3d0;
border: 2px solid #fcf3d0;
padding: 2vw;
display: block;
width: 100%;
font-size: 5vw;
margin-bottom:4vw;
}

.social-media img {
width: auto;
height: 15vw;
margin: 0 2.5vw;}


.page-id-9 .event-section h2 {font-size:10vw; line-height:12vw;}
.page-id-9 h3 {font-size:4vw; line-height:6vw;}
#music p { font-size:4vw; line-height:5vw; margin-bottom:0;}

.page-id-9 h2, .page-id-9 h3 {font-size:4.5vw; line-height:5vw;}
.event-section p {
font-size: 4vw;
line-height:5vw;
}

.page-id-9 h4 {
font-family: 'BrushedTraveler';
margin: 1vw 0;
margin-bottom: 2vw;
font-size: 5vw;
line-height: 8vw;
}
	
	#events .side-photo-outer.side-photo-right {padding:0}

.event-section h4, .page-id-9 .event-section h4 {font-size:8vw; line-height:9vw; text-align:center; display:block; margin-top:4vw; font-family: 'akaPosse';}
.event-section a.white-buttons {font-size:6vw; color:#000; display:inline-block; margin:0 auto; margin-bottom:2vw; padding:1vw 2vw; background-color:#FFF; font-family: 'akaPosse'; box-shadow: .3vw .3vw 0 #000;}
.page-id-9 .event-section h3 {font-size:4vw; line-height:5vw;}
.page-id-9 .side-photo-outer {display:none;}
	
.page-id-9 .side-photo-outer.side-photo-right {display:block;}
.event-section {padding:4vw 0 !important}

.faqs h2 {font-size:5.5vw; line-height:6vw; margin:3vw 0;}




.page-id-11 #content {margin:0;}

ol li {
	 padding-left: 10vw;
	  font-size: 7vw;
  margin: 0 0 2vw 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol li::before {
  content: counter(my-awesome-counter);
  color: #fbf4cd;
  font-size: 7vw;
  font-weight: bold;
  position: absolute;
  left: 0;
  line-height: 8vw;
  width: 8vw;
  height: 8vw;
  top: 0;

  background: #980000;
  
  border-radius: 50%;
  text-align: center;
  box-shadow: .3vw .3vw 0 hsla(0,0%,0%,.28);
}

.page-id-13 a.big-button,  .page-id-6  a.big-button {
display: inline-block;
margin:3vw 0; margin-top:4vw;
padding: 3vw 3vw;
width:100%; 
font-size: 7vw;
line-height: 7.4vw;


font-family: 'akaPosse';
}
#paymenttypeModal .modal-body a {font-size:7vw; line-height:7.4vw; padding:3vw;}
p.fine-print {font-size: 16px;
line-height: 18px; margin-bottom:14px;}
.page-id-17 .entry-content img {margin:4vw 0; width:100%; height:auto;}
.page-id-17 #content {margin:0;}
p.smaller-text {font-size:4vw; line-height:4vw; margin-bottom:.5vw;}

.entry-content td p {
font-size: 4vw;
line-height: 5vw;
margin-top: 1vw;
margin-bottom: 0;
}

.entry-content td {
font-family: 'FuturaStd-Condensed';
font-size: 2.9vw;
line-height: 3vw;
padding: 1vw .5vw;
}

.page-id-20 .text-align-right, .page-id-155 .text-align-right, .page-id-217 .text-align-right {text-align:left; padding-bottom:.3vw; padding-top:1vw; font-size:4vw; line-height:4vw;}
.page-id-20 h2, .page-id-155 h2, .page-id-217 h2 {
font-size: 7vw;
line-height: 8vw;
margin-bottom:3vw;
}
	
	#lodging-choice {
margin: 0 ;
width: 100%;
padding: 0 8vw;
}
	
	

.page-id-138 .text-align-right {text-align:left;}
.page-id-138 #container {padding-top:8vw;}

.page-id-155 #container {padding:5vw;}
.travelers-radios, .mobile-centered {text-align:center;}
.page-id-155 input.short-input, .page-id-155 .short-input input {width:30vw !important;}
.page-id-155 input.shorter-input, .page-id-155 .shorter-input input {width:12vw !important;}
#payment-form input[type=text], #payment-form input[type=email], #payment-form input[type=tel] {width:100%;}
.page-id-155 .entry-form input.shorter-input{width:12vw;}
span#amount-due {width:100%; text-align:center; display:block; font-size:5vw;}
button.submit-button {font-size:7vw; padding:5vw;}
#copyright {
margin-top: 0;
font-size: 3.4vw;
line-height: 3.6vw;
}
.page-id-20 h2, .page-id-155 h2, .page-id-217 h2 {font-size:8vw !important; line-height:8vw!important;}

	span.wpcf7-list-item {font-size:4vw; line-height:6vw;}
	
	.boats-inner {text-align:center; padding:10vw!important; margin-bottom:1vw;}
	.boats-inner strong {font-size:5vw !important;}
	
	.home img.aligncenter {width:100%; height:auto;}
	
	
	.page-id-2742 .entry-content input {font-size:6vw; padding:2vw; width:25vw;}
	
	.page-id-2742 .entry-content {font-size:4vw;}
	.page-id-2908 h2 {text-align:center; font-size:6vw; margin-top:4vw;}
}




div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {margin:0 !important}
div.ctct-form-embed div.ctct-form-defaults {margin-top:0 !important; padding-top:0 !important;}