/*
Theme Name: Spacious Child
Theme URI: https://themegrill.com/themes/spacious
Template: spacious
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Spacious is an incredibly spacious multipurpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site. It has 4 page layouts, 2 page templates, 4 blog display types, 13 widgets areas, 5 custom widgets focusing on business template, awesome slider, primary color option to match your logo & website, boxed & wide layout, light & dark color skin, translation ready and many more. You can get free support in https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/spacious/.
Tags: one-column,two-columns,right-sidebar,left-sidebar,flexible-header,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,footer-widgets,blog,e-commerce,rtl-language-support
Version: 1.5.1521541741
Updated: 2018-03-20 10:29:01

*/

#newsletterwidget-2 .widget-title {    color: #028749 !important;    text-align: center;}

.mail-footer a:hover {    color: #fff !important;}
.mail-footer a {    color: #fff !important;}


#newsletterwidget-2 {    width: 50%;    margin: 2% auto;}
.tnp-submit {    background-color: #098749cc !important;}
.tnp-submit:hover {    background-color: #098749 !important;}


p,h1,h2,h3,h4,h5,ol,li{font-family: 'Nunito Sans', sans-serif;}

.main-navigation li {font-family: 'Nunito Sans', sans-serif; padding: 0 20px 0 20px; border-right: 2px solid; line-height: 27px;}
.main-navigation li:last-child{border: none;}
.main-navigation ul li a {    font-size: 20px;}

p {    line-height: 38px!important; font-size: 17px!important; margin: 0!important;}

.heading-subject {    padding: 2% 0 0.5%;    margin: 2% 0 0%;    border-top: 1px solid #222222;    color: #5a9e43;    font-weight: bold;}

#wp-custom-header {    width: 50%;    margin: auto;    text-align: center;    padding: 2% 0 1%;}
.header-image {width: 70%;}

.governace-ordered-list {    font-size: 17px;    line-height: 43px;}

#header-right-section,.main-navigation {    float: none!important;}
.main-navigation {padding: 0;}


.FAQ-heading {padding: 2% 0 0.5%;    margin: 2% 0 0%;    border-top: 1px solid #222222;    color: #5a9e43;    font-weight: bold;}

#header-left-section {    display: none;}

.planning-box {    width: 49%;    text-align: center;    float: left;    border: 2px solid;    min-height: 250px;    margin-right: 1%;    margin-top: 2%;    padding: 2% 1%;    border-radius: 26px 26px 0 0;    -webkit-box-shadow: -9px 10px 11px -6px rgba(102,102,102,0.56);    -moz-box-shadow: -9px 10px 11px -6px rgba(102,102,102,0.56);    box-shadow: -9px 10px 11px -6px rgba(102,102,102,0.56);}

.header-post-title-container {    background-color: #52b31ee6;}

.header-post-title-class {    color: #fff !important;    font-size: 22px;}

.main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-ancestor > .sub-toggle, .main-navigation ul li.current-menu-item > .sub-toggle, .main-navigation ul li:hover > a, .main-navigation ul li:hover > .sub-toggle {    color: #52b31ee6;}

.text-area-link h3 {    font-size: 23px;    padding: 2% 0;}
.text-area-link {    width: 65%;    float: left;}

.link-image img {   margin: 29px 0 0 0;}
.link-image {    width: 35%;    float: left;    padding-right: 4%;}

.useful-link {    width: 47%;    float: left;    margin: 2% 3% 0 0;    padding: 1% 1% 1% 1%;    border: 3px solid;}


.welcome-text {    text-align: center;    font-size: 36px;    color: #028749;    font-weight: bold;}

.intro-text {    text-align: center;    font-size: 18px !important;}

.CTA-element {    width: 22%;    margin: 0 1.5%;    float: left;    text-align: center;    padding: 3% 0% 3%;    border: 4px solid;    border-radius: 26px;    color: #fff;    background-color: #098749cc; min-height: 180px;}
.CTA-element:hover {    background-color: #098749;}
.CTA-element:hover h3 {border-bottom: 2px solid #fff; padding-bottom: 2%;}
.CTA-text {    padding: 0 3%;}
.CTA-text h3 {    padding: 0; color: #fff;}

.CTA-icon {    font-size: 45px;    margin-bottom: 5%; color: #fff;}

.tg-one-fourth.tg-column-1,.tg-one-fourth.tg-column-2 {    width: 33.33%;     color: #fff!important;}

.footer-widgets-wrapper {    background-color: #098749;}
#colophon .widget ul li {    padding: 10px 0;    border-bottom: 1px solid #fff;}
.rpwe-time {color: #fff!important;}

.widget-title {    color: #fff !important;}
.widget-title span { border-bottom: 2px solid #fff;}

.rpwe-title a {    font-size: 17px;    color: #fff !important;}

.rpwe-title {    padding: 5px 0;}

.tg-one-fourth.tg-after-two-blocks-clearfix.tg-column-3 {    margin: 7% 0 0 3%;}

.textwidget {    font-size: 17px;}

#colophon .widget ul li:last-child {    border: 0;}

.main-navigation ul li ul li a {font-size: 20px;}

.main-navigation ul li ul {width: 250px;}

.sub-menu li {    padding: 2% 0 !important;}

.everest-forms .evf-submit {font-size: 22px;}

.ul-3 ul {    width: 33%;    float: left;    line-height: 34px;    text-align: left;}
.map {    width: 50%;    margin: 0 auto 2%;}


@media screen and (max-width: 1291px){
    
    .main-navigation li { padding: 0 15px 0 15px; }
    
    .CTA-element {    width: 23%;    margin: 0 1%;}    
}

@media screen and (max-width: 1234px){

.CTA-text h3 { font-size: 23px;}

}

@media screen and (max-width: 1218px){
    
    .useful-link {width: 70%; margin: 2% 15%;}
    
    .text-area-link {    width: 65%;    float: left;}    
}


@media screen and (max-width: 1205px){
    
    .main-navigation li {    padding: 0 12px 0 12px;}
    
}

@media screen and (max-width:1153px){
    
    .main-navigation ul li a {    font-size: 18px;}
    
    .main-navigation ul li ul li a {    font-size: 18px;}
    
}

@media screen and (max-width: 1119px){
    
    .planning-box {    width: 75%; margin: 1% 12%;}
    
    
}

@media screen and (max-width: 1095px){
    
    .CTA-element {    width: 37%;    margin: 2% 6%;    padding: 5% 0% 5%;    min-height: 220px;}
   .CTA-text h3 {    font-size: 30px;}
    
}


@media screen and (max-width:1059px){
    
    .main-navigation ul li a {    font-size: 16px;}
    
    .main-navigation ul li ul li a {    font-size: 16px;}
    
}

@media screen and (max-width: 969px){
    
    .inner-wrap {    width: 100%;}
    
}

@media screen and (max-width: 906px){
    
    .main-navigation li:last-child {    padding: 0 0 0 12px;}
    
    .CTA-element {    width: 40%;    margin: 2% 4%;    padding: 5% 0% 4%;    min-height: 200px;}    
    
    #newsletterwidget-2 {    width: 75%;    margin: 2% auto;}
    
}

@media screen and (max-width: 896px){
    
    .main-navigation li {    padding: 0 9px 0 9px;}
    
}

@media screen and (max-width: 802px){
    
    .useful-link {    width: 80%;    margin: 2% 9%;}
    .map {    width: 80%;}
    
}



@media screen and (max-width: 766px){
    
    .CTA-element {    width: 98%;    margin: 2% 1%;    padding: 5% 0% 5%;    min-height: 210px;}
    
    .CTA-text h3 {    font-size: 39px;}
    
    .CTA-icon {    font-size: 55px;}
    
    .planning-box {    width: 86%;    margin: 2% 7%;}
    
    
}

@media screen and (max-width: 684px){
    
    .useful-link {    width: 90%;    margin: 2% 5%;}
    
}

@media screen and (max-width: 767px){
    
    .tg-one-fourth.tg-column-1, .tg-one-fourth.tg-column-2 {    width: 100%;}
    
    .rpwe-title a {    font-size: 23px;}
        
}

@media screen and (max-width: 621px){
    
    .planning-box {    width: 98%;    margin: 2% 2%;}
    
    .ul-3 ul {    float: none;    font-size: 18px;    width: 70%;}
    
}


@media screen and (max-width: 539px){
    
    .text-planning a {    font-size: 15px;}
    
    #newsletterwidget-2 {    width: 98%;    margin: 2% auto;}
    
    
}

@media screen and (max-width: 470px){
    
    .text-area-link h3 {    font-size: 18px;}    
    
    .useful-link {    width: 95%;    margin: 2% 2.5%;}
    
    }


@media screen and (max-width: 434px){
    
   .CTA-text h3 {   font-size: 31px;}
   
   .CTA-element {min-height: 180px;}
    
}