/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Header Styles */
#top .av_header_transparency #header_meta { background: #f26724!important; margin-bottom: 20px; }
.phone-info  { color: #fff!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 16px; text-transform: uppercase;}
.social_bookmarks a {  color: white !important; }
#header_main_alternate { margin-top: -50px; }
#top #header .av-main-nav > li > a .avia-menu-text {  font-family: 'Source Sans Pro', sans-serif; }
.av-main-nav li:nth-child(3) {	margin-right:250px; }
.container_wrap_meta { background-color: #f26724!important; }
.av_secondary_left .sub_menu { color: #fff!important; }
.sub-menu li  { color: #fff!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 16px; text-transform: uppercase;}

/* Homepage Styles */
.parallelogram { width: 700px; height: 500px; transform: skew(20deg); background: #fff; }
.parallelogram-right { width: 700px; height: 500px; transform: skew(-20deg); background: #fff; }
.parallelogram-right h4 { color: #fff!important; }

.parallelogram-slots { width: 700px; height: 150px; transform: skew(-20deg); background: #fff; } 

/* All Website Styles */
h2 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 42px; text-transform: uppercase; }
h3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 36px; text-transform: uppercase; }
h4 { color: #f26724!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 28px; text-transform: uppercase; }
.band-txt h4 { color: #fff!important; }
.band-h2 h2 { color:#00bbbb!important; }
.hp-main-box { min-height: 500px!important; } 
.hp-main-box img { margin-top: -100px; } 
.main-promo-hp { margin-top: -200px; }

.avia-button.avia-size-small, .avia-button.avia-size-medium, .avia-button.avia-size-large { border: 3px solid #fff!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 18px; }
.green-bor { border-bottom: 10px solid #00bbbb!important; } 
.orange-bor { border-bottom: 10px solid #f26724!important; } 
.unskew { transform: skew(-20deg); /* UNSKEW */ }
.unskew-right { transform: skew(20deg); /* UNSKEW */ }
.pad-lft { padding-left: 60px; padding-right: 40px; } 
.mar-lft-btn { margin-left: 40px; }   
.pad-right { padding-left: 40px; padding-right: 40px; } 
.mar-right-btn { margin-left: 80px; }  
.band-txt { padding: 15px; }
.charity-img { margin-top: -40px!important;  }

.charity-img img { border-top: 4px solid #fff; border-left: 4px solid #fff; border-right: 4px solid #fff; border-bottom: 4px solid #fff; }

/* Footer Styles */
.footer_color { border-top: solid #fff 5px; background: #f26724 url(https://www.southbeachcasino.ca/wp-content/uploads/2020/07/SBC-footer-dolphin.jpg) top left no-repeat!important; }  
.footer_color { color: #fff; }
.footer_color strong { color: #fff; font-size: 18px; }
.footer_color p { font-size: 16px; }
.footer_color h3 { color: #fff!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 36px; }
.footer-nav li { color: #fff!important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700!important; font-size: 36px; text-align: center; text-transform: uppercase; padding: 10px 0 10px 0; }
.footer-logo { display: block;  margin: 0 auto; padding-top: 50px; }
.footer_color a { color: #fff; text-decoration: none; }
.footer_color a:hover { border-bottom: 3px solid #00aca1; } 

.footer-a-txt a { color: #01babc!important; text-decoration: underline; }


 
/*    
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

/*
Tablet Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1024px) { 
	
	.hp-box-1 h2 { font-size: 20px!important; }
	.footer-nav li { font-size: 30px!important; }  
	.parallelogram { height: 100%!important; transform: skew(0deg); margin-top: 200px!important; margin-bottom: 80px!important; text-align: center!important; }
	.parallelogram-right { height: 100%!important; transform: skew(0deg); margin-top: 20px!important; margin-bottom: 80px!important; text-align: center!important; }
	
	.unskew { transform: skew(0deg); /* UNSKEW */ }
	.unskew-right { transform: skew(0deg); /* UNSKEW */ }  	
	
	.pad-lft { padding: 20px; } 
	.mar-lft-btn { margin-left: 0px; }    
	.pad-right { padding: 20px; } 
	.mar-right-btn { margin-left: 0px; }
	
	.footer_color h3 { font-size: 28px; }	
	
	.hp-main-box-last { padding-bottom: 0px!important; }
	.main_color { background-size: cover!important; }
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	
	.hp-box-1 h2 { font-size: 36px!important; }
	.hp-main-box { min-height: 200px!important; padding-bottom: 80px; } 
	.pad-lft { padding: 20px; } 
	.mar-lft-btn { margin-left: 0px; }    
	.pad-right { padding: 20px; } 
	.mar-right-btn { margin-left: 0px; }
	
	.book-btn-mo { width: 80%; margin-bottom: 40px!important; } 
	.hotel-room { min-height: 400px !important; max-height: 500px !important; background-position: center!important; }  
	
	.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a { color: #fff!important; }
	
	.hp-mo-img { margin-top: -200px; }
	
	#socket .sub_menu_socket li { padding: 0 5px!important; } 
	
	.footer-nav li { padding: 0px; }
	
	.all-btns { margin-bottom: 30px; }
	

}