/* 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 */

.av-main-nav li:nth-child(3) { margin-right: 300px; }

#header_main_alternate { margin-top: -70px; }

#header { height: 130px; }

.header_bg { border-bottom: #fff solid 5px; } 

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main { padding-top: 125px!important; }

.footer_color { background-image: 
	url(https://www.sandhillscasino.com/wp-content/uploads/shc-logo-symbol.png),
	url(https://www.sandhillscasino.com/wp-content/uploads/footer-bg.jpg); }

::selection { background: #3279c4; } 

:root { --orangeColor: #ff9800; }

:root { --blueColor: #3da3e2; }

.shc-amenities-sec {  }

.one-third-box { border-radius: 10px 10px 10px 10px!important; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); overflow: hidden; margin-top: 25px!important; margin-bottom: 25px!important; } 

.one-third-box h3 { color: #fff!important; }

.txt-box-sec { padding: 0 15px 0 15px; }

.side-bar-hrs p { margin: 0px; line-height: 1.5em;  }

.side-bar-hrs img { width: 100%; }
 
.side-pad { padding: 20px; }

.no-damn-pad { padding-bottom: 15px!important; }

.hp-header-h2 { color: #333!important; }

#top .av_inherit_color a { 
	background:
	 linear-gradient(
	   to bottom, var(--orangeColor) 0%,
	   var(--orangeColor) 100%
	 );
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
	text-decoration: none;
	transition: background-size .2s;
}

#top .av_inherit_color a:hover { background-size: 4px 50px; } 

/* HOMEPAGE HERO */

.hero-section h3 { color: #3da3e2; font-size: 38px!important; text-transform: none!important; font-weight: 800;  }

.hero-section h4 { color: #333333; font-size: 28px; }

.left-box-txt { padding: 20px 20px 20px 60px; } 

.box-left-hero a {
	font-weight: bold;
	background:
	 linear-gradient(
	   to bottom, var(--orangeColor) 0%,
	   var(--orangeColor) 100%
	 );
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
	text-decoration: none;
	transition: background-size .2s;
}

.box-left-hero a:hover { color: #ffffff!important; background-size: 4px 50px; }


/* HOMEPAGE BOXES */

.white-boxes { background: #fff; }

.white-boxes h3 { color: #333!important; }

.white-boxes h4 { color: #333!important; }

.white-boxes p { color: #333!important; }

.dine-boxes { background: url(https://www.sandhillscasino.com/wp-content/uploads/small-sec-box-BLU.jpg) no-repeat center center; background-size: cover; }

.game-boxes { background: url(https://www.sandhillscasino.com/wp-content/uploads/small-sec-box-RED_ORG.jpg) no-repeat center center; background-size: cover; }

.dance-boxes { background: url(https://www.sandhillscasino.com/wp-content/uploads/BG-orange-HEX.png) no-repeat center center; background-size: cover; }

.dance-boxes h3 { color: #333!important; }

.dance-boxes h4 { color: #333!important; }

.dance-boxes p { color: #333!important; }

.maps-box { overflow: hidden; } 

.shc-chef { height: 400px; }

.box-left-hero { border-radius: 10px 0px 0px 10px!important; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); clip-path: inset(-5px 0px -5px -5px);  height: 400px; }

.box-right-hero { border-radius: 0px 10px 10px 0px!important; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1); clip-path: inset(-5px -5px -5px 0px); background-color: #fff; height: 400px; }

.hero-bg { background: #fff url(https://www.sandhillscasino.com/wp-content/uploads/2020/03/boxed-ORANGE-border-hex-NR.png) top left no-repeat; }

.dine-bg { background: #fff url(https://www.sandhillscasino.com/wp-content/uploads/2020/03/boxed-BLUE-border-hex-NR.png) top left no-repeat; }

.game-bg { background: #fff url(https://www.sandhillscasino.com/wp-content/uploads/2020/03/boxed-RED-border-hex-NR.png) top left no-repeat; }

.box-left-hero img { margin-top: 20px; }

.bar-menu { display: flex; align-items:center; }

/* FOOTER SOCKET */

#footer { border-top: #fff solid 5px!important; }

#socket { padding-top: 40px; }

#socket .container { border-top: #fff solid 3px; }

.newsletter-signup-sec { border-top: #ffffff solid 5px!important; }

.ff-logo {position: relative; float: left; width: 135px; height: 80px; }

.ff-txt {position: relative; float: left; height: 80px; }

.ff-txt p { margin: 0px; line-height: 1.7em; } 

.widgettitle { font-size: 1.5em; font-weight: 900; }

.textwidget a { 
	background:
	 linear-gradient(
	   to bottom, var(--orangeColor) 0%,
	   var(--orangeColor) 100%
	 );
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
	text-decoration: none;
	transition: background-size .2s;
}

.textwidget a:hover { background-size: 4px 50px; } 

#top .av_inherit_color .gameboxes a { 
	background:
	 linear-gradient(
	   to bottom, var(--blueColor) 0%,
	   var(--blueColor) 100%
	 );
}


/* BUTTONS */

.avia-button.avia-size-large { min-width: 100%; border-radius: 10px; }

#saveForm {
  position: relative;
  top: -43px;
  left: 410px;
}


/*
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: 1280px) {
  /* Add your Desktop Styles here */

	.shc-chef-mob { display: none; }
	
}

/*
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: 1280px) {
	
	#top #header .av-main-nav > li.menu-item  {
    	display: none!important;
	}
	#top #header .av-burger-menu-main {
		cursor: pointer;
		display: block!important;
	}
	
	#header_main_alternate { float: right; }
	
	.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #ffffff!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 */
	
	
	.box-left-hero { border-radius: 10px 10px 10px 10px!important; box-shadow: 5px 2px 5px 2px rgba(0,0,0,0.1); height: 100%; }
	.box-right-hero { border-radius: 10px 10px 10px 10px!important; box-shadow: 5px 2px 5px 2px rgba(0,0,0,0.1); }
	#footer .widget { margin: 0px;}
	.responsive #top #wrap_all #header { height: 100px; }
	.head-sp-hero-top { margin-top: 50px!important; } 
	.head-sp-hero-bot { margin-bottom: 50px!important; }

}
