/* 
 Theme Name:   Sharewith1
 Theme URI:    
 Description:  
 Author:       starkmedia
 Author URI:   
 Template:     twentyseventeen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body
{
	/* 
background: #fff url('/wp-content/uploads/2018/01/background-img.jpg') top no-repeat;
	background-size: 100%;
 */
	font-family: 'Montserrat', sans-serif;
	color: #545454;
	font-weight: 300;
}

.clearfix:before, .clearfix:after
{
	content: " ";
	display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
h1, h2, h3, h4, h5, h6 { clear: none; }

ul, ol
{
	margin: 0 0 1.5em 1.5em;
	padding: 0;
}

.home h2.entry-title { display: none; }

a
{
	color: #149efe;
	text-decoration: none;
	font-weight: bold;
}

img.alignright, img.alignleft {
    border: 15px solid #fff;
    box-shadow: 0px 0px 0px #666 !important;
}

.entry-header .entry-title {
    text-transform: none !important;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover
{
	color: #545454;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 1);
	text-decoration: underline;
}

.entry-content a
{
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

img.alignright, img.alignleft
{
	border: 15px solid #fff;
	box-shadow: 0px 0px 1px #666;
}

.social-navigation a
{
	background-color: #149EFE;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff !important;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover {background: #474747;}

.main-navigation ul a > .icon { display: block; }

.wrap
{
	max-width: 1300px;
	padding-left: 3em;
	padding-right: 3em;
}

.container
{
	width: 100%;
	margin: 0 auto;
	padding: 4% 4% 0 4%;
}

.black { background: #1c1c1c; }

.site-header
{
	background-color: transparent !important;
	position: relative;
}

.site-branding a
{
	text-decoration: none;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

.site-branding a:hover,
.site-branding a:focus { opacity: 1 !important; }

.video
{
	float: left;
	width: 60%;
	margin: 0 0 4% 0;
}

.video-container
{
	position: relative;
	/* keeps the aspect ratio */
	padding-bottom: 56.25%;
	/* fine tunes the video positioning */
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.yellow-button, .blue-button
{
	float: right;
	clear: right;
	padding: 5% 4%;
	text-align: center;
	width: 36%;
	text-transform: uppercase;
	line-height: 35px;
}

.yellow-button
{
	background: #fff715;
	margin: 3.75% 0 0 0;
}

.yellow-button a
{
	color: #333;
	font-size: 30px;
	font-weight: 300;
}

.blue-button
{
	background: #149EFE;
	color: #fff;
	font-size: 30px;
}

.blue-button a
{
	color: #fff;
	font-size: 30px;
	font-weight: 300;
}

.blue-button a strong, .yellow-button a strong
{
	font-size: 36px;
	line-height: 35px;
}

.site-content-contain
{
	background-color: transparent;
	position: relative;
}

.site-branding, .custom-header
{
	margin-bottom: 0px !important;
	padding: 1% 0;
	text-align: center;
}

.homepage-header
{
	text-align: center;
	margin: 5.5% 0;
}

.homepage-img
{
	position: relative;
	width: 100%;
	top: 0;
	z-index: -1;
}

.homepage-img img
{
	width: 100%;
	height: auto;
	position: relative;
}

h1.h1home
{
	font-size: 65px !important;
	margin: 1% 0 !important;
	padding: 0 !important;
}

h2.h2home
{
	font-size: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #474747 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
}

img.swirl { margin: 0 0 1% 0; }

.home-small-text
{
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.master-slider-parent.subpage-slider
{
	margin-left: 0;
	margin-right: 0;
}

.slideshow
{
	float: left;
	width: 50%;
	border: 0px solid red;
}

.slideshow .ms-slide { width: 100% !important; }
.slideshow img { width: 100% !important; }
.slider-pro { margin: 0 0 !important; }

.container-ltblu
{
	padding: 0;
	background: #deedf3;
}

.homepage-text
{
	padding: 0 8%;
	color: #fff;
	font-size: 30px;
	border: 0px solid red;
	font-weight: 200;
	text-align: center;
	position: absolute;
}

.custom-logo-link img{
    max-width: 612px;
}


/* 
.custom-logo-link img
{
	display: inline-block;
	max-height: 99px !important;
	max-width: 612px !important;
}
 */

.sponsors
{
	background: #fff;
	padding: 3%;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.sponsors img
{
	display: inline-block;
	margin: 0 2%;
	-moz-opacity: .8;
	opacity: .8;
	vertical-align: top;
}

.sponsors strong
{
	text-transform: uppercase;
	display: inline-block;
	width: 300px;
}

.sponsors-thanks
{
	color: #6894a5;
	font-size: 30px;
}

h1
{
	color: #149efe !important;
	font-size: 50px !important;
	font-weight: 300 !important;
	letter-spacing: 0 !important;
}

h2
{
	color: #149efe !important;
	font-size: 30px !important;
	font-weight: 300 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	margin: 0 0 1% 0;
	padding: 0;
}

.page.page-one-column .entry-header { margin-bottom: 0em; }

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary
{
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

.navigation-top .wrap { max-width: 1180px; }

.navigation-top
{
	background: #149EFE;
	border-bottom: 0px solid #eee;
	border-top: 0px solid #eee;
	font-size: 1rem;
	position: relative;
}
.fa-instagram, .fa-facebook
{
	background-color: #fff;
	-webkit-border-radius: 33px;
	border-radius: 33px;
	color: #149EFE !important;
	display: inline-block;
	height: 33px;
	margin: 0 0 0 0;
	text-align: center !important;
	width: 33px;
	padding: 9px 10px;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a
{
	color: #85cdff;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .05em;
	text-align: center;
	
}

.main-navigation li li{
    border-bottom: 1px dotted #ddd;
}

ul.menu { text-align: center; }

.navigation-top a
{
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .08em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: uppercase;
	text-align: center;
	
}


.main-navigation a:hover { color: #85cdff; }
.main-navigation ul ul li.current-menu-item > a {font-weight: bold; letter-spacing: 0; color: #333;}
.main-navigation ul ul li.current-menu-item > a:hover {font-weight: bold; letter-spacing: 0; color: #333;}

.main-navigation ul ul {
    background: #f1f1f1;
    border: 0px solid #bbb;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
}

.main-navigation ul ul li {border-bottom: 1px dotted #ddd;}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 0px 0px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}
ul.sub-menu li a {color: #149EFE;}
ul.sub-menu li a:hover {background: #fff715; color: #333;}
img.cmh-logo
{
	float: right;
	margin: 2%;
	width: 230px;
	height: auto;
}

img.cmh-logo-footer
{
	width: 160px;
	height: auto;
}

.site-footer
{
	border-top: 1px solid #eee;
	text-align: center;
	font-weight: 400;
	margin-top: 0 !important;
	background: #fff;
	display: block;
	clear: left;
}

.home .site-footer {border-top: 0px solid #eee;}
.single-featured-image-header {
    background-color: #1c1c1c;
    border-bottom: 0px solid #eee;
}
.site-info a
{
	text-decoration: none;
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}

.site-info a:hover
{
	text-decoration: none;
	-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 0px 0 rgba(255, 255, 255, 1);
}

.site-info
{
	float: none;
	padding: 0 0 0;
	width: 100%;
	color: #545454;
}

label
{
	color: #545454;
	display: block;
	font-weight: 400;
	margin-bottom: 0.5em;
}

button, input[type="button"], input[type="submit"]
{
	background-color: #149EFE;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { height: 3px; }
.hamburger--slider .hamburger-inner::before { top: 8px; }
.hamburger--slider .hamburger-inner::after { top: 16px; }
.hamburger--slider .hamburger-inner::after { top: 16px !important; }
.hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); }

.div-50 {width: 50%; margin-right: 2%; float: left;}

/* START MEDIA QUERIES HERE */
/* Tablet landscape (1024x768) */

@media (max-width: 1050px)
{
	.container
	{
		border: 0px dashed red;
		width: 100%;
	}
img.alignright {width: 40%;}
}

/* Small tablet landscape (800x600) */

@media (max-width: 820px)
{
	.container
	{
		border: 0px dashed yellow;
		width: 100%;
	}
	
	h1 { font-size: 40px !important; }
	
	img.cmh-logo
	{
		float: right;
		margin: 2%;
		width: 150px;
		height: auto;
	}
	
	.custom-logo-link img
	{
		display: inline-block;
		max-height: 70px;
		width: auto;
	}
	
	h1.h1home { font-size: 40px !important; }
	.home-small-text { font-size: 16px; }
	h2.h2home { font-size: 20px !important; }
	
	.slideshow
	{
		float: none;
		max-width: 100%;
	}
	
	.homepage-copy
	{
		float: none;
		width: 100%;
		padding: 4%;
	}

.video {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
}

.yellow-button, .blue-button {
    float: none;
    clear: left;
    padding: 5% 4%;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    line-height: 35px;
}

.blue-button  {margin-top: 4%;}

}

/* Tablet portrait (768x1024) */

@media (max-width: 800px)
{
	.container
	{
		border: 0px dashed orange;
		width: 100%;
	}

.div-50 {width: 100%; margin-right: 0; clear: left; border: 0px solid red;}
img.alignright {width: 100%;}
}

/* Small tablet portrait (600x800) */

@media (max-width: 615px)
{
	.container
	{
		border: 0px dashed green;
		width: 100%;
	}
}

/* Mobile landscape (480x320) */

@media (max-width: 495px)
{
	.container
	{
		border: 0px dashed blue;
		width: 100%;
	}
	
	.wrap
	{
		padding-left: 1em;
		padding-right: 1em;
	}
	
	img.cmh-logo
	{
		float: right;
		margin: 0;
		width: 120px;
		height: auto;
	}
	
	.site-branding, .custom-header
	{
		padding: 2% 0;
		background: rgba(222,237,243, .3);
	}
	
	.custom-logo-link img
	{
		display: inline-block;
		float: left;
		max-height: 50px;
		width: auto;
	}
	
	.sponsors img { margin: 3% 0; }
	
	.homepage-header
	{
		text-align: center;
		margin: 0 0;
		padding: 30px 0 30px 0;
		background: rgba(222,237,243, 1);
	}
}

/* Mobile portrait (320x480) */

@media (max-width: 450px)
{
	.container
	{
		border: 0px dashed purple;
		width: 100%;
	}
	h1 { font-size: 30px !important; }

.site-branding, .custom-header {
    padding: 2% 0;
    background: transparent;
}

.custom-logo-link img {
    display: inline-block;
    float: left;
    max-height: 40px;
    width: auto;
}

.homepage-text
{
	font-size: 16px;
	margin-top: 20px;
	line-height: 20px;
}


}