/*
Theme Name: Advanced Twenty Seventeen Child
Theme URI: http://saturnsolutions.com
Template: twentyseventeen
Author: SaturnSolutions
Author URI: http://saturnsolutions.com/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
@import url('../twentyseventeen/style.css');

.ats-align-left {
    text-align: left;
}

.ats-align-center {
    text-align: center;
}

.ats-align-right {
    text-align: right;
}

.ats-layout-boxed #page,
.ats-layout-boxed .site-navigation-fixed {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .ats-wrap1 {
    padding-bottom: 0;
}

.site-footer .ats-wrap2 {
    padding-top: 30px;
}

.footer-copyright-container {
    margin-top: -30px;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-header {
    display: none;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-content {
    float: none !important;
    width: 100% !important;
}


.custom-logo-link img {
display: inline-block;
max-height: 170px !important;
max-width: 150px;
margin-bottom: 10px;
}

.twentyseventeen-front-page.has-header-image .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
   margin-bottom: 0px !important;
   padding-bottom: 10px;
}
}

.site-footer {
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0px;
	border-top: 0px solid #424141;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	}

.footer-copyright-container {
    margin-top: -30px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) inset;
}

.navigation-top {
	top: 0;
	height:53px !important;
	opacity: 1;
	font-size: 14px;
	font-size: 0.875rem;
	left: 0;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 3;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}


.admin-bar .site-navigation-fixed.navigation-top {
	top: 32px;
	background-color: #E6E6FA;
}


.site-title,
.site-title a {
	font-size: 36px;
}

.site-description {
	font-size: 30px !important;
	font-weight: 600 !important;
	opacity: 0.8 !important;
	line-height: 33px !important;
	margin-bottom: 40px;
}

.site-content {
	padding: 0.5em 0 0;
}

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1.5em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1.5em;
}

.site-branding .ats-.align-left {
	margin-bottom: 0px !important;
	display: flex;
	
}

#masthead .wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#masthead .wrap-down {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3em;
	padding-right: 3em;
	max-width: 1000px;
}
	
.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
}

.custom-header {
	margin-bottom: 0px !important;
	padding-top:63px;
}

.has-header-image.twentyseventeen-front-page .custom-header{
	max-height: 100vh !important;
	}

.twentyseventeen-front-page.has-header-image .custom-header-media{
	max-height: 75vh;
    overflow:hidden;
}

.site-header .navigation-top .menu-scroll-down {
	color: #DF0101;
	top: 0em;
	animation: pulsate 1.5s ease-out infinite;
 }

.menu-scroll-down .icon {
		height: 24px;
		width: 24px;
	}

 @keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
	
	margin-bottom: 2em;
}

/*.grecaptcha-badge { 
	visibility: hidden; 
}*/

@media (max-width: 1170px) {
    .ats-preview.ats-layout-boxed #page,
    .ats-preview.ats-layout-boxed .site-navigation-fixed {
        max-width: 960px;
    }
	
}

@media screen and (max-width: 48em) {
    .ats-widget-area-advanced .widget-column {
        width: 100% !important;
    }

	.js .main-navigation.toggled-on > div > ul {
	display: block;
	width: 300px !important;
}
	
.main-navigation li {
	border-bottom: 1px solid #778899;
	position: relative;
}
	
.custom-logo-link img {
	display: inline-block;
	max-height: 80px !important;
	width: auto;
}

	
.site-title,
.site-title a {
	font-size: 30px !important;
	font-weight: bold !important;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}
	
.site-description {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-bottom: 25px;
}
	
}

@media screen and (min-width: 30em) {
	
	/* Site Branding */

.site-branding {
	padding: 5em 0 1em 0;

}	
}