/**     
Theme Name: Henge
Theme URI: https://themepalace.com/downloads/henge
Author:	Theme Palace
Author URI: https://themepalace.com 
Template: architectonic
Text Domain: henge
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Henge, with its aesthetically pleasant and modern looking design is a multipurpose child WordPress theme of Architectonic. You can view the theme demo at - https://themepalacedemo.com/henge
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, four-columns, grid-layout, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment
*/

.second-design #main-slider .slick-item {
    padding: 300px 0;
    background-size: cover;
    position: relative;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position-x: right;
}
.second-design #main-slider .slider-content {
    padding: 0 5% 5%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent; 
    top: 50%;
    transform: translateY(-50%);
}
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus {
    background-color: #f6f6f6;
    border-bottom: 4px solid #fd9c30;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design #latest-posts .entry-container .more-link {
    display: none;
}
.second-design #latest-posts article:hover .entry-container .read-more .more-link {
    display: inline-block;
}
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before {
    content: "";
    width: 55px;
    height: 2px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #a5a5a5;
}
.second-design .project-slider article .entry-container .read-more:before {
    content: "";
    width: 55px;
    height: 2px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #a5a5a5;
}
.second-design .project-slider article .overlay {
    z-index: 3;
}
.second-design .more-link:after {
    content: "";
    display: none;
}
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
    color: #fd9c30;
}
.second-design .more-link {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    border-bottom-color: #fd9c30;
    border-bottom: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design .btn {
    padding: 11px 30px;
    display: inline-block;
    border-radius: 0;
    background-color: #fd9c30;
    border-radius: 29px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    border: none;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design .btn-default:hover,
.second-design .btn-default:focus,
.second-design .btn-primary:hover,
.second-design .btn-primary:focus {
    background-color: #3b3b3b;
    color: #fd9c30;
    border-color: transparent;
}
.second-design #call-to-action .section-header, 
.second-design #call-to-action .section-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.second-design .icon-container .fa {
    margin-bottom: 30px;
    font-size: 55px;
}
.second-design #our-services .entry-title a {
    text-transform: uppercase;
    font-size: 22px;
}
.second-design #main-slider .slick-item {
    padding: 300px 0;
    background-size: cover;
    position: relative;
    background-size: 55% 100%;
    background-repeat: no-repeat;
    background-position-x: right;
}
.second-design #main-slider .slider-content {
    padding: 0 5% 5%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
    background: transparent; 
}
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus {
    background-color: #f6f6f6;
    border-bottom: 4px solid #fd9c30;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design #latest-posts .entry-container .more-link {
    display: none;
}
.second-design #latest-posts article:hover .entry-container .read-more .more-link {
    display: inline-block;
}
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before {
    content: "";
    width: 55px;
    height: 2px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #a5a5a5;
}
.second-design .project-slider article .entry-container .read-more:before {
    content: "";
    width: 55px;
    height: 2px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #a5a5a5;
}
.second-design .project-slider article .overlay {
    z-index: 3;
}
.second-design .more-link:after {
    content: "";
    display: none;
}
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
    color: #fd9c30;
}
.second-design .more-link {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    border-bottom-color: #fd9c30;
    border-bottom: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design .btn {
    padding: 11px 30px;
    display: inline-block;
    border-radius: 0;
    background-color: #fd9c30;
    border-radius: 29px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    border: none;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.second-design .btn-default:hover,
.second-design .btn-default:focus,
.second-design .btn-primary:hover,
.second-design .btn-primary:focus {
    background-color: #3b3b3b;
    color: #fff;
    border-color: transparent;
}
.second-design #call-to-action .section-header, 
.second-design #call-to-action .section-content {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.second-design .icon-container .fa {
    margin-bottom: 30px;
    font-size: 55px;
}
.second-design #our-services .entry-title a {
    text-transform: uppercase;
    font-size: 22px;
}
body.second-design #top-navigation .wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
body.second-design #top-navigation {
    margin: 0;
    clear: both;
    display: inline-block;
    text-align: left;
    padding: 15px 0;
    width: 100%;
    background-color: #111;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
body.second-design #main-slider:before {
    height: auto;
    width: auto;
}
.second-design #main-slider .slick-dots li.slick-active:before {
    opacity: 1;
}
.second-design #main-slider .slick-dots li:before {
    content: "";
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.7;
}
.second-design #main-slider .slick-dots li {
    width: auto;
    padding: 0 5px;
    float: none;
}
.second-design #main-slider .slick-dots {
    bottom: 60%;
    max-width: 50%;
    right: auto;
    left: 0;
    text-align: left;
    position: absolute;
    transform: translateY(-60%);
}
.second-design  header#masthead.nav-shrink {
    top: 0;
}
.second-design #main-slider .wrapper {
    width: 90%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.second-design #main-slider .entry-header,
.second-design #main-slider .slider-content .entry-content {
    max-width: 500px;
}
.second-design header#masthead.nav-shrink .site-branding,
.second-design header#masthead.nav-shrink .main-navigation {
    margin-top: 20px;
}
.second-design .slick-dotted.slick-slider {
    margin-bottom: 0;
}
@media screen and (min-width: 992px) {
    .second-design #main-slider .slider-nav {
        display: none;
    }
    .second-design  #content {
         padding-top: 0px; 
    }
}
@media screen and (min-width:1200px) {
    .second-design #main-slider .slider-content {
        padding: 0 !important;
    }
    .second-design #main-slider .entry-header,
    .second-design #main-slider .slider-content .entry-content {
        max-width: 600px;
        padding-right: 95px;
    }
}
@media screen and (min-width:1900px) {
    body.second-design #top-navigation .wrapper {
        max-width: 1560px;
    }
    .second-design #main-slider .wrapper {
         max-width: 1560px; 
    }
    .second-design #main-slider .slick-item {
        padding: 450px 0;
    }
    .second-design header#masthead.nav-shrink .site-branding {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .second-design #main-slider .entry-title {
        font-size: 32px;
    }
    .second-design #main-slider .entry-header,
    .second-design #main-slider .slider-content .entry-content {
        max-width: 400px !important;
    }
}
@media screen and (max-width: 1024px) {
    .second-design #main-slider .slick-item {
        background-size: cover;
    }
    .second-design #main-slider .slider-content {
        padding-bottom: 10%;
    }
   .second-design #main-slider .slick-dots {
        bottom: 15px;
        max-width: 100%;
        right: 0;
        left: 0;
        text-align: center;
    }
    .second-design #main-slider .slider-content {
        bottom: 0;
    }
}


/*--------------------------------------------------------------
## Background Color
--------------------------------------------------------------*/
.main-navigation ul#primary-menu li.current-menu-item > a:before,
#about-us .section-title:after,
.btn-primary,
.backtotop,
.blog-posts .post-categories,
#secondary .jetpack_subscription_widget input[type="submit"]:hover, 
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.author-name:after,
.reply a:hover, 
.reply a:focus,
#respond input[type="submit"],
#main-slider.main-slider-classic .slick-dots li:before,
#client-testimonial .entry-header:after,
.popup-video:hover, 
.popup-video:focus,
.second-design #latest-posts article:hover .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before,
.second-design .project-slider article .entry-container .read-more:before,
.second-design .btn,
.second-design #main-slider .slick-dots li.slick-active:before   {
    background-color: #fd9c30;
}

/*--------------------------------------------------------------
## Text Color
--------------------------------------------------------------*/
.main-navigation ul#primary-menu li.current-menu-item > a, 
.main-navigation ul#primary-menu li:hover > a, 
.main-navigation ul#primary-menu li:focus > a,
.main-navigation a:hover, 
.main-navigation a:focus, 
.main-navigation ul.nav-menu > li > a:hover, 
.main-navigation ul.nav-menu > li > a:focus,
.custom-meta-title,
#main-slider .entry-title a:hover, 
#main-slider .entry-title a:focus,
#top-navigation .widget_contact_info ul li a:hover, 
#top-navigation .widget_contact_info ul li a:focus,
#latest-projects .entry-title a:hover, 
#latest-projects .entry-title a:focus,
#our-services .entry-title a:hover, 
#our-services .entry-title a:focus,
.posts-wrapper  .entry-title a:hover, 
.posts-wrapper  .entry-title a:focus,
#client-testimonial .entry-title a:hover, 
#client-testimonial .entry-title a:focus,
.footer-widgets-area a:hover, 
.footer-widgets-area a:focus,
.pagination .page-numbers.current, 
.pagination .page-numbers:hover, 
.pagination .page-numbers:focus,
.widget_popular_post h3 a:hover, 
.widget_popular_post h3 a:focus, 
.widget_popular_post a:hover time, 
.widget_popular_post a:focus time, 
.widget_recent_post h3 a:hover, 
.widget_recent_post h3 a:focus, 
.widget_recent_post a:hover time, 
.widget_recent_post a:focus time,
.post-categories a,
.single-post-wrapper span.tags-link a:hover, 
.single-post-wrapper span.tags-link a:focus,
.post-navigation a:hover, 
.posts-navigation a:hover, 
.post-navigation a:focus, 
.posts-navigation a:focus,
.comment-meta .url:hover, 
.comment-meta .url:focus, 
.comment-metadata a, 
.comment-metadata a time,
a,
.icon-container a:hover .fa,
.icon-container a:focus .fa,
.site-info a,
#secondary .widget ul li:hover:before, 
#colophon .widget ul li:hover:before,
#secondary ul li a:hover,
.single-post-wrapper span.tags-links a:hover, 
.single-post-wrapper span.tags-links a:focus,
.single-post-wrapper .entry-meta span.posted-on a:hover .date,
.single-post-wrapper .entry-meta span.posted-on a:focus .date,
.single-post-wrapper span.posted-on a:hover,
.single-post-wrapper span.posted-on a:focus,
.widget_popular_post h3 a:hover, 
.widget_popular_post h3 a:focus, 
.widget_popular_post a:hover time, 
.widget_popular_post a:focus time, 
.widget_latest_post h3 a:hover, 
.widget_latest_post h3 a:focus, 
.widget_latest_post a:hover time, 
.widget_latest_post a:focus time,
#secondary .architectonic_pro_contact_info ul li.phone:hover:before,
#colophon .architectonic_pro_contact_info ul li.phone:hover:before,
.second-design #latest-posts .section-content article:hover .entry-container .read-more a,
.second-design .project-slider article:hover .entry-container .read-more a {
    color: #fd9c30;
}

/*--------------------------------------------------------------
## Svg Color
--------------------------------------------------------------*/
.main-navigation ul#primary-menu li:hover > svg, 
.main-navigation ul#primary-menu li:focus > svg, 
.main-navigation li.menu-item-has-children:hover > a > svg, 
.main-navigation li.menu-item-has-children > a:hover > svg, 
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search, 
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search, 
.main-navigation li.search-menu a:hover svg, 
.main-navigation li.search-menu a:focus svg, 
.main-navigation li.search-menu a.search-active svg,
.icon-container a:hover svg, 
.icon-container a:focus svg,
.navigation.posts-navigation a:hover svg, 
.navigation.post-navigation a:hover svg,
.widget_search form.search-form button.search-submit:hover svg, 
.widget_search form.search-form button.search-submit:focus svg, 
.no-results .search-submit:hover svg, 
.error-404 .search-submit:hover svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg.icon-down {
    fill: #fd9c30;
}

/*--------------------------------------------------------------
## Border Color
--------------------------------------------------------------*/
.slick-active .slider-nav .slide-title,
.more-link,
.second-design #latest-posts .section-content article:hover,
.second-design #latest-posts .section-content article:focus,
.second-design .more-link  {
    border-bottom-color: #fd9c30;
}
.single-post-wrapper span.tags-link a:hover, 
.single-post-wrapper span.tags-link a:focus,
.reply a:hover, 
.reply a:focus,
.single-post-wrapper span.tags-links a:hover, 
.single-post-wrapper span.tags-links a:focus {
    border-color: #fd9c30;
}

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #fd9c30;}
    25% {height:30px;transform:translateY(15px);background: #fd9c30;}
    50% {height:5px;transform:translateY(0px);background: #fd9c30;}
    100% {height:5px;transform:translateY(0px);background: #fd9c30;}
}