/*
Theme Name: www.dealeruem.com Template
Theme URI: https://sandhills.com
Author: Sandhills // Mackenzie Geary
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

a {
	text-decoration: none !important;
	color: #7a878e;
}

@import url("https://use.typekit.net/tdr8kzl.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;700;800;900&display=swap');
html, body {
	height:100%;
	width:100%;
}
h1, h2, h3 {
	font-family: octin-college, sans-serif;
	font-weight: 900;
	font-style: normal;
}
h1 {font-size: 40px; line-height: 45px;}
h4, h5, p, body {font-family: 'Raleway', sans-serif;}
p, body {font-size: 16px; line-height: 26px;}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* SITE STYLES */
.yellow-bg {background: #ffcc2d; display: inline-block; width: 100%; }
#padding25 {padding: 25px 0;}
#padding50 {padding: 50px 0;}
.wrapper-90 {width: 90%; margin-left: 5%; margin-right: 5%;}
.flex-container {display: flex; flex-direction: row; align-items: stretch}
.text-left {width: 60%; padding: 50px 0; margin-right: 5%;}
.text-left h2 {font-size: 50px; line-height: 55px;}
.yellow-bg h1 {font-size: 40px;}
.yellow-bg .text-left h2 {font-size:30px; line-height: 35px; font-weight: 600; letter-spacing: 2px;}
.text-right {width: 40%; padding: 50px 0; text-align: left;}

.raleway {font-family: 'Raleway', sans-serif !important;  letter-spacing: .5px; text-transform: uppercase;}
h2.raleway {font-weight: 800  !important ;}
/* HEADER */
.header {background: #000; width: 100%; padding: 10px 0;display: inline-block; margin-bottom: -10px;z-index: 9999; position: relative}
.header-inner {width: 90%; margin-left: 5%; margin-right: 5%;}
.logo {max-width: 260px; width: 100%; display: inline-block; vertical-align: middle;}
.header-right {width: 72%; display: inline-block; vertical-align: middle;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	z-index: 99999;
}

/* HOME PAGE TEMPLATE */

.hero {border-bottom: 2px solid #333;}
.flex-row {display: flex; flex-direction: row; align-items: center; padding: 5px 0;}
.column-padding-uem-agenda.item{background: #fff;}
.column-padding-uem-agenda.item:nth-child(even) {background:#f1f1f1}
.flex-row#black-row {background: #000; color:#fff; font-weight: 600; letter-spacing: 2px;font-family: octin-college, sans-serif; font-size: 17px;}
.event-time {width: 20%; text-align: left; padding: 3px 5px; font-size:15px;}
.event-name {width: 40%;  text-align: left; padding: 3px 5px; font-size:15px;}
.event-topic {width: 40%;  text-align: left; padding: 3px 5px; font-size:15px;}
.event-location {width: 40%;  text-align: left; padding: 3px 5px; font-size:15px;}
.title-mobile {display: none;}
.blk-btn {background: #000; padding: 10px 0; width: 250px; text-align: center; color:#fff;font-weight: 600; letter-spacing: 2px;font-family: octin-college, sans-serif; font-size: 16px; margin:5px 0; transition: .3s ease; }
.blk-btn:hover {background: #333;  }
.time-line {background: #3E3E3E}

/* SIMPLE PAGE TEMPLATE */
.flex-title {display: flex; flex-direction: row; align-items: center;}
.triangle-icon {display: inline-block; vertical-align: middle;}
.triangle-icon img {max-width: 60px;}
h1.sub-page-title {font-size: 60px;vertical-align: middle; padding-left: 10px; width: 60%;}
.flex-logo {width: 30%;}
.flex-logo img{max-width: 500px; width: 100%; text-align: right; float: right;padding-top:25px;}
.btn-grouping a {display: inline-block; vertical-align: middle;}

/* FORM STYLES */
.form-control {width: 99%;}
.btn-success, .btn-success:focus {background: #000;color:#fff;font-weight: 600; letter-spacing: 2px;font-family: octin-college, sans-serif; font-size: 16px; border:0; }
.btn-success:hover{background: #333 !important;color:#fff;}


/* DIRECTORIES */
.directory {padding: 10px 0;}
.director-img {display: inline-block; vertical-align: middle; width: 40%;}
.director-img img {width: 100%;}
.director-text {width: 55%; display: inline-block; vertical-align: middle; text-align: left; padding-left: 2%;}
.director-text h3{border-bottom: 1px solid #000; padding: 10px 0;}

/* FOOTER */
.footerbg {background: #f1f1f1; padding: 10px 0;}
.footer-left {width: 30%; display: inline-block; vertical-align: middle;color:#000;letter-spacing: 2px;font-family: octin-college, sans-serif;}
.footer-left h4 {letter-spacing: 2px;font-family: octin-college, sans-serif;font-size: 14px;}
.footer-left img {max-width: 217px; width: 100%;}
.footer-right {width: 68%; display: inline-block; vertical-align: middle; text-align: right;}
.footer-right a {color:#000;letter-spacing: 2px;font-family: octin-college, sans-serif; transition: .2s ease;}
.footer-right a:hover {color:#ffcc2d;}
.copyright {background:#F7F7F7; padding: 25px 0;}
.copyright p {font-size: 14px;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	.blk-btn {width: 210px; font-size: 15px;}
	
}
@media only screen and (max-width : 1100px) {
	.logo {width:60%; }
	.header-right {width: 35%;}
.flex-container {display: block; }
.text-left {width: 100%; padding: 50px 0; }
.text-right {width: 100%; padding: 25px 0; text-align: left;}
.flex-title {display: block;}
.triangle-icon {display: inline-block; vertical-align: middle;}
	h1.sub-page-title {display: inline-block; width: auto; vertical-align: middle;}
	

}

@media only screen and (max-width : 992px) {
	.title-mobile {display: block; letter-spacing: 2px;font-family: octin-college, sans-serif; font-weight: 700; text-decoration: underline}
	.flex-row{display: block; padding: 10px 0;}
	.flex-row#black-row{display: none;}
	.event-name, .event-time, .event-location, .event-topic {width: 90%; padding: 6px 5%;}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.flex-logo {display: none;}
	.text-left h2 {font-size: 30px; line-height: 35px;}
	.triangle-icon {display: none;}
	.yellow-bg h1, h1.sub-page-title {font-size: 30px; line-height: 35px; margin: 0 auto;}
	h1.sub-page-title {border-bottom: 1px solid #ccc; text-align: center; padding: 10px 0; margin: 0 0 10px 0; }
	.yellow-bg .text-left h2 {font-size: 25px; line-height: 30px;}
	.flex-logo {width: 50%;}
	.director-img {width: 35%;}
	.director-text {width: 62%;}
	.director-text p {font-size: 14px;}
	
	.footer-left {width: 100%; text-align: center;}
	.footer-left img {text-align: center; margin: 0 auto; float: none !important}
	.footer-right {width: 100%; text-align: center; margin: 0 auto; font-size: 14px; padding: 10px 0;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.logo img {width: 100%}
	.flex-logo {width: 70%;}
	.blk-btn {width: 100%;}
	.padding50 {padding: 25px 0;}
	.padding25 {padding: 15px 0;}

}