/*
 Theme Name: Twenty Seventeen Child Theme
 Theme URI: https://designnir.com
 Author: designnir
 Author URI: https://designnir.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child
 */

/*.page .custom-header {
    margin-bottom: 71px !important;
}*/


.twentyseventeen-front-page.has-header-image .custom-header-media::before, .twentyseventeen-front-page.has-header-video .custom-header-media::before, .home.blog.has-header-image .custom-header-media::before, .home.blog.has-header-video .custom-header-media::before {
    height: 100% !important;
}

/*
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
    height: 32vh !important;
}

.twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
    height: 32vh !important;
}
*/

.toggled-on .menu-toggle .icon-close {
    display: none;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
/*     height: auto !important; */
}

.logo-container {
    padding-bottom: 30px;
    margin-right: 50px;
}

.logo-container > img {
    max-width: 170px;
    height: auto;
    margin-top: -30px;
}

ul#top-menu {
    text-align: center;
}

.main-navigation li {
    text-align: center;
}

.site-header .navigation-top .menu-scroll-down {
display: none;
}

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
    float: none;
    width: 73.5%;
    width: 100%;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: none;
    width: 73.5%;
    width: 100%;
}

.page .site-branding {
    /*opacity: 0;*/
}

.home .site-branding {
    opacity: 1;
}

.colors-dark .navigation-top,
.colors-dark .main-navigation ul {
    background: #23282D !important;    
}

/*#primary {
    float: left;
    width: 58%;
}

#secondary {
    float: right;
    padding-top: 0;
    width: 36%;
}*/

.special-alignment {
    margin-top: -220px !important;
}

.site-header .navigation-top .menu-scroll-down {
    color: #000 !important;
}

.site-footer {
    display: block;
}

@media screen and (max-width: 767px) {
    .twentyseventeen-front-page.has-header-image .custom-header-media::before, .twentyseventeen-front-page.has-header-video .custom-header-media::before, .home.blog.has-header-image .custom-header-media::before, .home.blog.has-header-video .custom-header-media::before {
        /*height: auto !important;*/
    }
    
    .page .custom-header {
        margin-bottom: auto !important;
    }
    
    #primary {
        float: none;
        width: 100%;
    }

    #secondary {
        float: none;
        width: 100%;
    }
    
    .special-alignment {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .entry-content p {
        display: block;
    }

    .alignleft {
        float: none;
        display: block;
    }
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
      
        .logo-container {
            display: none;
        }

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
      .logo-container {
            display: none;
        }

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
      .logo-container {
            display: none;
        }

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
        .logo-container {
            display: none;
        }

}

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
      .logo-container {
            display: none;
        }

}
@media only screen and (max-width: 767px) {
    .home .site-branding {
    height: 92vh;
	}
.blog div#content {
    display: none;
}
.site-branding {
    height: 24vh;
}
.home .navigation-top {
    bottom: 0px;
    position: fixed;
    width: 100%;
}

}

@media only screen and (max-width: 767px) {
	.js .main-navigation.toggled-on > div > ul {
		display: flex !important;
		position: fixed;
		z-index: 99999;
		width: 100%;
		bottom: 0;
	}
	.wrap {
		/*margin-left: initial;*/
		max-width: 700px;
		padding-left: 2em;
		padding-right: 2em;
	}
	.site-branding {
    display: flex;
    height: 100%;
    align-items: flex-end;
	}
}

@media screen and (min-width: 30em){
	#post-555 .site-branding {
	    padding: 6em 0;
	}
}

/*.home .main-navigation.toggled-on{
    bottom: 0px !important;
    position: absolute;
    background: #000;
    z-index: 999;
    width: 100%;
}*/

div.vc_custom_1419240516480 {
    background: none !important;
}

@media only screen and (max-width: 767px){
	div.custom-header {
		height: calc(100vh - 175px) !important;
	}
}

.single-featured-image-header{
	display: none;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    text-transform: capitalize;
}

.js .menu-toggle {
    display: none;
}

@media only screen and (max-width: 767px) {
	.js .main-navigation ul li {
		flex-grow: 1 !important;
	}
	.js .main-navigation.toggled-on > div > ul {
    	display: flex !important;
	}
	#eeSFL .eeFiles tr:hover {
	background: #0000ffff;
}