/*
Theme Name:  The Cuban Club - Ybor City
Theme URI:   http://divithemes.reviews
Version:     1.3
Description: Divi child theme.
Author:      Steve Saladino
Template:    Divi
*/

@import url("../Divi/style.css");

/* SITEWIDE STYLES */
body, p {color:#444; font-size:16px;}
body {background-color:#fff; background-image:url('https://cubanclubybor.com/wp-content/uploads/2021/10/bg-lite10.jpg'); background-position:center center; background-size:cover;}
div.clear {clear:both;}

a, a:link, a:visited, a:hover {color:#b07c40 !important; font-weight:bold;}

.center {text-align:center !important;}

hr {color:#e8d16a; margin:30px 0 !important;}

p.fineprint {color:#444; font-weight:normal; font-size:14px; font-style:italic;}

img#logo {padding:15px; margin-left:-275px !important; width:300px; border:0px dotted yellow;} /* Main Logo */

.page h1.main_title {display:none;} /* Turns off automatic pageheaders */

a.button, div.button input {display:inline-block; border:1px solid orange; background:#000; font-family: 'Bebas Neue', sans-serif; font-size:22px; font-weight:normal; text-transform:uppercase; color:#fff !important; padding:10px 15px !important; margin-top:10px !important; text-align:center;}
a.button:hover, div.button input:hover {background:#9a0e93;}

a.bigbutton, div.bigbutton input {display:block; width:85%; border:1px solid orange; background:#000; font-family: 'Bebas Neue', sans-serif; font-size:40px; font-weight:normal; text-transform:uppercase; color:#fff !important; padding:25px 35px 35px 35px  !important; margin:10px auto !important; text-align:center; line-height:100%;}
a.bigbutton:hover, div.bigbutton input:hover {background:#9a0e93;}

.noshow {display:none !important;}

/* HEADLINES */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{font-family: 'Bebas Neue', sans-serif; 
	font-weight: normal;
	font-style: normal;
        color: #444;
}

h1 {font-size:42px;}
h2 {font-size:38px;}
h3 {font-size:32px;}
h4 {font-size:26px !important;}
h5 {font-size:20px;}
h6 {font-size:14px;}


.underline {margin-bottom:25px; border-bottom:1px dotted orange; padding:0 0 15px 0;}
.doubleline {border-top:1px dotted orange; border-bottom:1px dotted orange; padding:30px 0; margin:0 auto 25px !important; }
.callout {border-top:1px dotted #9a0e93; border-bottom:1px dotted #9a0e93; padding:30px 5%; margin:25px auto !important; font-style:italic; }
.allcaps {text-transform:uppercase;}
.inactive, .inactive p, .inactive .callout, .inactive .allcaps {color:#666 !important;}


/* TEMPLATE STYLES */
div#page-container {background:transparent !important;}
header#main-header {background:rgba(0,0,0,1.0) !important; border:0px dotted red;}
div#main-content {background:transparent;}
div.container {background:transparent !important; }
div#main-content div.container {padding-top:0 !important; width:100%;}
div#content-area {background-color:transparent; padding:0 0 50px 0; width:100%; border:0px dotted red; }
div#left-area {background:transparent !important; border:0px dotted blue;}
div.sliderbox {margin:0; padding:0 !important; text-align:center; border:0px dotted gold;}

/* TEMPLATE STYLES FOR VENUE PAGES */
#venue div#content-area {background-color:transparent !important; padding:0 !important;}

/* SECTION */
div.section {display:block; border:0px dotted yellow; width:70%; padding:50px 0 !important; margin:auto; color:#444 !important;}

/* SEMI-TRANSPARENT TEXT AREA */
div.text-area {background:rgba(0, 0, 0, 0.8); position:relative; color:#fff; z-index:1000; border-radius:30px; width:70%; margin:auto; margin-bottom:100px; padding: 60px 6%;}
div.leftcolumn {width:70%; padding-right:5%; border-right:1px solid #e8d16a; display:table-cell;}
div.rightcolumn {width:30%; padding-left:5%; display:table-cell; }
div.rightcolumn div.details p span {font-family: 'Bebas Neue', sans-serif; font-size:20px; color:#e8d16a; }
div.rightcolumn div.details p {padding:0; margin-bottom:2px !important;}
div.contactbox {width:100%; display:table; border-collapse:collapse; line-height:130%; color:#444;}
div.contactbox h2 {margin:30px 0 0 0;}
div.contactbox div.tr {display:table-row;}
div.contactbox div.td {display:table-cell; width:50%; padding:0px 4%;}
div.contactbox input {width:85%; height:25px; margin-bottom:5px; display:inline; }
div.contactbox div.button input {width:auto; height:auto;}
div.radiobuttons span.wpcf7-list-item-label, div.radiobuttons input {color:#444; display:inline !important; width:auto !important; margin-right:5px;}

/* MAIN NAVIGATION */
div#et-top-navigation {}
nav#top-menu-nav {border:0px dashed orange; padding:0 0 0 0 !important; margin:0 !important; text-align:center !important;}
ul#top-menu li.menu-item {border:0px dashed purple; padding:15px 7px !important; margin:0; text-align:center !important;}
ul#top-menu li.menu-item a, span.select_page {font-family: 'Bebas Neue', sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase; color:#fff !important; padding:0; text-align:center !important; line-height:105%;}
ul#top-menu li.menu-item a:hover {color:orange !important;}

/* DROP DOWN MENU */
ul#top-menu li {margin:0; padding:30px 12px 5px 12px;}
ul#top-menu li a, ul#top-menu li a:link, ul#top-menu li a:visited, ul.sub-menu li a, ul.sub-menu li a:link, ul.sub-menu li a:visited {font-size:22px; padding:0;}
ul#top-menu li a:hover {color:orange!important;} 

.nav li ul {width: auto; background-color:transparent !important; visibility: hidden; opacity: 0; border-top: 3px solid #e8d16a !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}

ul.sub-menu {padding:0 !important; margin-top:5px;}
ul.sub-menu li {border:1px solid #333 !important; background-color: rgba(0,0,0,0.7); margin-top:-1px !important; padding:10px 12px !important;}
ul.sub-menu li:hover {background-color: rgba(40,40,40,0.7);}
ul.sub-menu li a {font-family: 'Bebas Neue', sans-serif; font-size:22px !important; text-transform:uppercase !important; color:#fff !important; padding:0 !important; line-height:100%;}

/* CALENDAR SETTINGS */
div#em-wrapper {background:transparent;}
div.em-calendar-wrapper {background-color: rgba(0,0,0,0.8); margin-bottom:200px;}
table.em-calendar.fullcalendar {background:transparent; font-family: 'Bebas Neue', sans-serif; font-size:24px; font-weight:normal; color:#fff;}

table.em-calendar.fullcalendar td {vertical-align:top;}
table.em-calendar.fullcalendar td a.em-calnav.full-link.em-calnav-prev {background:transparent;}
table.em-calendar.fullcalendar td.month_name {background:transparent; text-align:center; }
table.em-calendar.fullcalendar td a.em-calnav.full-link.em-calnav-next {background:transparent;}

table.em-calendar.fullcalendar tr.days-names {background:#222;}
table.em-calendar.fullcalendar td.eventful li,
table.em-calendar.fullcalendar td.eventful-pre li,
table.em-calendar.fullcalendar td.eventful-today li {
	font-family: 'Bebas Neue', sans-serif;
	font-size:16px;
	font-weight:normal !important;
	color:#444;	
	list-style-type:none;
	line-height:110%;
	margin:0 0 10px -15px;
	}
table.em-calendar.fullcalendar td.eventless-pre, table.em-calendar.fullcalendar td.eventful-pre {background:transparent; color:#666;}
table.em-calendar.fullcalendar td.eventless-today, table.em-calendar.fullcalendar td.eventful-today {background:transparent; border:2px solid #9a0e93;} 
table.em-calendar.fullcalendar td.eventful {background:transparent;}
table.em-calendar.fullcalendar td.eventful a {background:transparent;}
table.em-calendar.fullcalendar td.eventful li a	{font-size:20px; color:#e8d16a; text-decoration:none; font-weight:normal !important;}
table.em-calendar.fullcalendar td.eventful-pre li a	{font-size:20px; color:#666;  text-decoration:none; font-weight:normal !important;}
table.em-calendar.fullcalendar td.eventful-today li a {font-size:20px; color:#e8d16a; text-decoration:none; font-weight:normal !important;}
table.em-calendar.fullcalendar td.eventless-post {background:transparent; color:#666;}

/* COLUMN STYLES */
div.tr {display:table-row; max-width:100%;}
div.td {display:table-cell; vertical-align:top !important;}
.nopadding {padding:0 0 0 0 !important;}
.halfpadding {padding:25px 2.5% !important;}
.toppadding {padding:50px 0 !important;}


/* ONE COLUMN */
div.onecolumn {display:block; width:90%; max-width:100%; border-bottom:0px dotted orange; padding:50px 5%;}

/* TWO COLUMNS */
div.twocolumn {display:table; width:100%; max-width:100%;}
div.twocolumn div.td {width:50%; padding:50px 5%;}
div.twocolumn div.td.lined {border-right:1px dotted #9a0e93;}

/* THREE COLUMNS */
div.threecolumn {display:table; width:100%; border-bottom:1px dotted #ddd;}
div.threecolumn div.td {width:33.3%; padding:50px 5%;}
div.threecolumn div.td.lined {border-right:1px dotted #032878;}

/* FOUR COLUMNS */
div.fourcolumn {display:table; width:100%; border-bottom:1px dotted #032878;}
div.fourcolumn div.td {width:25%; padding:50px 5%;}
div.fourcolumn div.td.lined {border-right:1px dotted #032878;}


/* VARIOUS COLUMN WIDTHS */
div.td.twenty {width:20% !important;}
div.td.thirty {width:30% !important;}
div.td.forty {width:40% !important;}
div.td.sixty {width:60% !important;}
div.td.seventy {width:70% !important;}
div.td.eighty {width:80% !important;}

/* FLEX COLUMNS */
div.flexcol {border:0px dotted red; display:inline-block; width:49.5%; padding:20px 2%; margin:0 !important; box-sizing:border-box !important; vertical-align:top !important;}
div.flexcol.textpadding {padding:20px 5% 20px 0 !important;}
div.flexcol.nopadding {padding:0 0 0 0 !important;}


/* VARIOUS FLEX COLUMN WIDTHS */
div.flexcol.ten {width:9% !important;}
div.flexcol.twenty {width:19.5% !important;}
div.flexcol.thirty {width:29.5% !important;}
div.flexcol.forty {width:39.5% !important;}
div.flexcol.sixty {width:59.5% !important;}
div.flexcol.seventy {width:69.5% !important;}
div.flexcol.eighty {width:79.5% !important;}
div.flexcol.all {width:99.5% !important;}

div.flexcol.one-third {width:89.5% !important;}

/* INSET BOX */
div.flexcol.insetbox {background-color:#000; color:white; padding:30px 0;}
.insetbox h1, .insetbox h2, .insetbox h3, .insetbox h4, .insetbox h5, .insetbox h6 {color:#e8d16a !important;}

/* BIDS */
.bids p, li {font-size:15px; padding:0 !important; margin-top:10px !important; margin-bottom:0 !important; line-height:110%;}
.bids div.twocolumn {display:table; width:100%; max-width:100%;}
.bids div.twocolumn div.td {width:50%; padding:10px 5% !important;}

/* WEDDINGS */
.wedding h2 {color:#95d1a4; margin-top:20px;}
.wedding h2 span {color:#f7b481;}
span.save {font-weight:bold; font-style:italic; margin:0 !important; padding:0 !important;}
.wedding div.colorbox {background-color:#95d1a4;}

/* BOARD OF DIRECTORS */
ul.board {text-align:center !important;}
ul.board li {font-size:18px; padding:0; margin:0 0 16px -16px !important; line-height:1em; list-style-type:none;}
ul.board li span {font-size:16px; color:#e8d16a; font-weight:normal; font-style:italic;}




/* FOOTER INFO */
div#footer-bottom {position:relative; z-index:1000; bottom:0; width:99.5%; background:#000;}
#footer-info {color:#fff; line-height:120%; text-align:center !important; width:100%;}
#footer-info span {color:#e8d16a; font-weight:bold;}
#footer-info span.name {color:#fff; font-family: 'Bebas Neue', sans-serif; font-size:20px; font-weight:normal; text-transform:uppercase;}
#footer-info span.fineprint {color:#fff; font-weight:normal; font-size:12px;}
#footer-info span.fineprint a {color:#e8d16a;}

#footer-info p.socmed {color:#fff; font-size:18px; padding-bottom:15px;}








/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
	
img#logo {margin-left:0px !important; width:300px;} /* Main Logo */

	
div#content-area {padding:50px 0; width:100%;}
div.sliderbox {margin:30px 0 0 0 !important;}
div.text-area {width:80%; padding:20px 10%;}



/* RESPONSIVE MENU NARROW */
ul#top-menu li a, ul#top-menu li a:link, ul#top-menu li a:visited, ul.sub-menu li a, ul.sub-menu li a:link, ul.sub-menu li a:visited {font-family: 'Bebas Neue', sans-serif !important; font-size:22px !important; text-transform:uppercase !important; color:#fff !important; padding:0 !important; line-height:100%;}

div#et_mobile_nav_menu li.menu-item {background-color: rgba(0,0,0,0.7); margin-top:-1px !important; padding:10px 12px !important; font-weight:normal !important;}

div#et_mobile_nav_menu li.menu-item a {font-family: 'Bebas Neue', sans-serif !important; font-size:22px !important; text-transform:uppercase !important; color:#fff !important; padding:0 !important; line-height:100%;}

ul.sub-menu {padding:0 !important; margin-top:5px;}
ul.sub-menu li {border:1px solid #333 !important; background-color: rgba(0,0,0,0.7); margin-top:-1px !important; padding:10px 12px !important;}
ul.sub-menu li:hover {background-color: rgba(40,40,40,0.7);}
ul.sub-menu li a {font-family: 'Bebas Neue', sans-serif; font-size:22px !important; text-transform:uppercase !important; color:#fff !important; padding:0 !important; line-height:100%;}
	
/* ONE COLUMN NARROW */
div.onecolumn {padding:40px 4%;}

/* TWO COLUMNS NARROW */
div.twocolumn {display:block; max-width:100%;}
div.twocolumn div.td {display:block; width:92%; padding:50px 4%; border-right:0px; border-bottom:1px dotted #333;}
	div.twocolumn div.td.lined {border-right:0px dotted #333;}


/* THREE COLUMNS NARROW */
div.threecolumn {display:table; max-width:100%;}
div.threecolumn div.td {display:block; width:92%; padding:50px 4%; border-right:0px; border-bottom:1px dotted #333;}

/* FOUR COLUMNS NARROW */
div.fourcolumn {display:block; max-width:100%;}
div.fourcolumn div.td {display:block; width:92%; padding:50px 4%; border-right:0px; border-bottom:1px dotted #333;}

/* VARIOUS COLUMN WIDTHS NARROW */
div.twocolumn div.td.twenty, div.twocolumn div.td.thirty, div.twocolumn div.td.forty, div.twocolumn div.td.sixty, div.twocolumn div.td.seventy, div.twocolumn div.td.eighty  {width:92% !important; display:block !important;}
	
/* FLEX COLUMNS MOBILE */
div.flexcol {display:inline-block; padding:1.5% !important; margin:0 !important; width:100% !important; vertical-align:top !important;}

/* VARIOUS COLUMN WIDTHS MOBILE */
div.flexcol.ten, div.flexcol.twenty, div.flexcol.thirty, div.flexcol.forty, div.flexcol.sixty, div.flexcol.seventy, div.flexcol.eighty, div.flexcol.ninety, div.flexcol.one-third {width:100% !important; display:block !important;}

}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
div.container {background:transparent !important; width:100% !important;}
div.sliderbox {margin-bottom:0px;}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}