/*
 Theme Name:   Archi Child
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.6.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/

@import url("../archi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
section,
#content {
    background-color: #fefefe !important;
    padding-bottom: 20px;
}

#subheader {
    padding-bottom: 20px;
    background-color: #1D5339 !important;
}

header.de_header_2 {
    height: auto !important;
}

p {
    text-align: justify;
}

.single-post .post-content img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.blog-list h3 {
    color: #333;
    font-size: 22px;
}

#mainmenu.line-separator li a:after {
    content: "|";
}

#mainmenu>li>ul {
    width: auto;
    min-width: 220px;
}

header div#logo a img {
    max-height: 74px;
}

ul.sub-menu,
.sub-menu {
    border-top: 2px solid #EBA43D;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

#mainmenu li a:after {
    margin-left: 15px;
}

header.smaller #mainmenu li li a,
header.smaller #mainmenu li li li a,
#mainmenu li li li a,
#mainmenu li li a,
.mainmenu li li a,
.mainmenu li li li a {
    padding: 8px 15px;
}

header.smaller:not(.header-bottom) #mainmenu>li>a {
    padding-top: 28px;
    padding-bottom: 17px;
}

#mainmenu {
    border-left: 0px;
}

#mainmenu li,
#mainmenu li a:hover {
    background: transparent;
}

#menu-btn {
    line-height: 1.2em;
}

#subheader h1,
#subheader .crumb {
    float: none;
    text-align: center;
    margin-top: 10px;
}

#subheader h1 {
    font-size: 14px;
    letter-spacing: 3px;
    padding-right: 0;
    margin-right: 0;
}

#subheader .crumb {
    padding-left: 0;
    margin-left: 0;
}

header {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

header.de_header_2 {
    height: 135px;
}

header .info {
    font-size: 16px;
    text-align: left;
    padding: 0;
    background-color: #e7eff9;
    background-image: linear-gradient(315deg, #e7eff9 0%, #cfd6e6 74%);
}

header .info img {
    display: inline-block;
    margin: 0 10px 0 10px;
}

header ul.social-list li {
    padding-bottom: 0;
}

header nav>ul {
    margin: 0;
    text-align: inherit;
}

#content {
    padding: 40px 0 40px 0;
}

.blog-list .date-box {
    display: none;
}

.blog-list .post-text {
    padding-left: 0;
}

.page-content ul li {
    padding-bottom: 15px;
}

.blog-white-bg .blog-list .post-text {
    height: 180px;
    overflow: hidden;
}

.page-content ol li,
.page-content ul li {
    margin-bottom: 15px;
    text-align: justify;
}

/* footer */
footer {
    font-size: 16px;
    padding-top: 30px;
}

.subfooter {
    font-size: 12px;
    margin-top: 30px;
}

footer .widget {
    padding-bottom: 0;
}

footer .widget h4 {
    padding-bottom: 10px;
    line-height: 20px !important;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
}

footer address {
    margin-top: 0;
}

footer input {
    padding: 8px !important;
    font-size: 16px !important;
    color: #CCC !important;
    margin-bottom: 3px;
}

footer input.mailpoet_submit {
    color: #000000 !important;
    transition: background-color color .3s ease-in-out;
}

footer input.mailpoet_submit:hover {
    background-color: #1d5339 !important;
    color: #FFFFFF !important;
}

@media (min-width: 500px) {
    footer #mailpoet_form_1 .last .mailpoet_paragraph:last-child {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 500px) {

    footer div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph:last-child,
    footer div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph p:last-child {
        margin-bottom: 20px;
    }
}

/* Blog and news Plugin*/
.vcblogandnews-bp-vc-element-blogs .article-image {
    overflow: hidden;
    max-height: 230px;
}

.vcblogandnews .article-author,
.vcblogandnews .article-separator,
.vcblogandnews .article-date {
    display: none !important;
}

.vcblogandnews-bp-vc-element-blogs.vcblogandnews-bp-vc-blogs-3-col .vcblogandnews-bp-vc-element-blogs-article-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
}

.vcblogandnews-bp-vc-element-blogs.vcblogandnews-bp-blogs-style4 .vcblogandnews-bp-vc-element-blogs-article-container .item-blogs.first-element-blogs.col-xs-4 .article-title a {
    min-height: 160px;
    display: block;
}

/* Cards */
.blog-carousel .post-image img {
    min-height: 320px;
}

.blog-carousel .post-image {
    height: 320px;
    overflow: hidden;
}

/* Helpers */
.centered {
    text-align: center;
}

.readmore {
    color: #1d563a;
}

.readmore:hover {
    color: #eba43d;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b {
    font-weight: bold;
    color: #eba43d;
}

/* WP Posts Display */
.wpmegapack_vc.title-box-1.title-box {
    display: none;
}

.wpmegapack_vc.wpmp_post_display9 {
    padding-top: 20px;
}


/** Slider **/
.tparrows.tp-rightarrow:before,
.tparrows.tp-leftarrow:before {
    content: '' !important;
}

.slotholder,
#subheader {
    position: relative;
}

#subheader:before,
.slotholder:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.50)100%, rgba(0, 0, 0, 0.50) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.50) 100%, rgba(0, 0, 0, 0.50) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.50) 100%, rgba(0, 0, 0, 0.50) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */

}

/* Portfolio style 2*/
.folio-style2 .portfolio-wrapper {
    background: #dfdfdf;
    margin-bottom: 20px;
    position: relative;
}

.folio-style2 .folio-info div {
    font-size: 18px;
    color: #0f1222;
    height: 90px;
    overflow: hidden;
    text-align: center;
}

.folio-style2 .folio-info {
    padding: 10px 10px;
    background: #ffffff;
    height: 140px;
    margin: -45px 15px 0px 15px;
    position: relative;
    z-index: 4;
}

.folio-style2 .folio-info .readmore .fa-chevron-right {
    font-size: 11px;
}

.portfolio-style-3 .picframe-new {
    margin: 12px !important;
}

.portfolio-style-3 .mask {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    opacity: 0;
}

.portfolio-style-3 .de-gallery .pr_text {
    display: block;
    bottom: 0;
    color: #eceff3;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 10px 0;
    height: 90px;
    z-index: 99;
}

.portfolio-style-3 .de-gallery .mask .pf_plus {
    display: inline-block;
    margin-top: 1%;
    text-align: center;
    vertical-align: middle;
}

.portfolio-style-3 .de-gallery .mask .pf_plus i {
    color: #ffffff;
    font-size: 45px;
    margin-top: 30px;
}

.portfolio-style-3 .de-gallery .project-name {
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding-left: 13px;
    opacity: 1;
    position: relative;
    top: 0;
    bottom: 0;
}

.portfolio-style-3 .picframe-new {
    overflow: hidden;
    margin: 0 12px 55px 12px;
}

#filters li {
    margin-top: 20px;
}

#filters a {
    color: #eceff3;
}

/*All portfolios */
.item .picframe-new .mask {
    background-color: #000 !important;
    text-align: center;
}

.item:hover .picframe-new .mask {
    opacity: .4;
}

.item:hover .picframe-new .project-name {
    opacity: 1;
    top: 0;
    margin-top: 0;
}

.item:hover .picframe-new .project-name {
    opacity: 1;
    top: 0;
    margin-top: 0;
}

/* Blog */
.blog-list h3 {
    margin-top: 18px;
}

.blog-white-bg .blog-list .post-content {
    background-color: #ffffff;
}

.blog-white-bg .blog-list .post-text {
    padding: 0 10px 1px 10px;
}

/* Bootstrap */
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 5px 0;
}

/* Light Customization */
.blog-list .btn-more:hover {
    background: #1d5339 !important;
}

.text-light .btn-line,
.text-light a.btn-line {
    background-color: #1d5339;
}

/* Custom Styles */
.boxed .ot_custom_heading {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.boxed .wpb_text_column .wpb_wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.boxed .vc_column-inner .wpb_wrapper {
    background-color: #efefef;
}

ol li,
ul li {
    padding-bottom: 10px;
}

/* Mega Posts */
.wpmegapack_vc .box-text.ad_one_half i {
    margin-bottom: 0;
    float: none;
}

.wpmegapack_vc .box-text.ad_one_half .info-post a:hover {
    color: #fbb03b;
}

/* Embedly */
.embedly-card-hug {
    width: 100% !important;
    max-width: 100% !important;
}

/***** MEDIA QUERIES *****/
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
    #mainmenu a {
        padding: 40px 0 25px 15px;
    }

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    #mainmenu a {
        padding: 40px 0 25px 15px;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    header div#logo a img {
        max-height: 60px;
    }

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {}

/* 
  ##Device = Tablets, Smartphones Mobiles (Portrait and landscape)
  ##Screen = B/w 0 to 767px
*/
@media only screen and (max-width: 992px) {
    #subheader h1 {
        margin: 10px 0 10px 0;
    }

    header nav {
        background: #000;
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    header div#logo a img {
        max-height: 60px;
    }

    #menu-btn {
        margin-top: 23px;
    }
}


@media (max-width: 992px) {
    header.de_header_2 {
        height: auto;
    }
}