/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    font-style: normal;
    src: url('/templates/a-1/fonts/Poppins-Regular.eot');
    src: url('/templates/a-1/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
         url('/templates/a-1/fonts/Poppins-Regular.woff2') format('woff2'),
         url('/templates/a-1/fonts/Poppins-Regular.woff') format('woff'),
         url('/templates/a-1/fonts/Poppins-Regular.ttf') format("truetype");
    font-display: swap;
} 

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: normal;
    src: url('/templates/a-1/fonts/Poppins-Bold.eot');
    src: url('/templates/a-1/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
         url('/templates/a-1/fonts/Poppins-Bold.woff2') format('woff2'),
         url('/templates/a-1/fonts/Poppins-Bold.woff') format('woff'),
         url('/templates/a-1/fonts/Poppins-Bold.ttf') format("truetype");
    font-display: swap;
} 




html {scroll-behavior: smooth;}
body {
font-family: 'Poppins';
font-weight: 400;
font-size:1em;
color: #5e5e5e;
}
h1, h2, h3, h4 {color: #8170b1;font-weight: 700;}
h2 {font-size: 178%;line-height: 120%;}
h3 {line-height:120%;font-size: 140%;}

a {color: #8170b1;}
a:hover {color:#655594;}
.readon{background-color: #8170b1;color:#fff;border-bottom: 2px solid #655594;}
.readon:hover{background-color: #655594;color:#fff;border-bottom: 2px solid #655594;}
#header-surround{background-color:#8170b1;box-shadow: 0 1px 6px rgba(0,0,0,0.4);position: relative;border-top: 6px solid #f2c682;}
#header{padding:11px 4%;text-align:center;}
#header-height{height:0px;}
#header-a.width-95{width:100%;}

#drawer-holder{background-color:#fff;padding:6px 1% 7px;box-shadow: 0 1px 13px rgba(0,0,0,0.4);}
#showcase img{border-bottom:7px solid #f2c682}
#showcase a{}
#navigation203 img{border-bottom:0;}

#top{background-color: #f1f1f1;box-shadow: 0px 1px 0 #dde0e7;border-top: 6px solid #f2c682;
  border-bottom: 6px solid #f2c682;}
#top::after {color: #f2c682;text-shadow: 0px 2px 0 #f2c682;} /*dropdown triangle */
#top h2, #top h3, #top h4{}

#utility{color: #2C2C2C;background-color: #FFFFFF;}

#feature{
background-image: url(../../../images/mother-and-baby-in-mustard-field.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
display: block;
width: 92%;
color: #efefef;
padding: 118px 4%;
/*
background-image: url(../images/backgrounds/feature/preset6/bg.png);
color: #212121;
background-color:#f6ffff;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
*/
}
#feature h2, #feature h3, #feature h4{color:#efefef;font-size:230%;}
#feature-boxes{
max-width: 958px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 48px 0 56px;
}

#maintop{color: #424242;background-color: #f5f6f8;}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#content-top{background-color: #FFFFFF;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#mainbody{background-color: #FFFFFF;color: #2C2C2C;}
#mainbody h3, #mainbody h2{margin-bottom: -11px;}

.sidebar-a-container{margin-top:63px;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
}
.sidebar-a{border-bottom:6px solid #f2c682;border-top:6px solid #f2c682;}
.sidebar-a:nth-child(2){border-bottom:6px solid #f2c682;border-top:0;}

#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
}

#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;text-align:left;}
#expandedbottom{
color: #424242;
background-color:#f6ffff;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}
#expandedbottom::after {color:#f6ffff;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #6A6A6A;}
#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}
#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}

#bottom{
background-image: url(../images/patterns/noise.png);
background-color:#8170b1;
color: #f1f1f1;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#bottom a{color:#fff;font-weight:bold;}
#bottom h3{margin-bottom: -23px;}
#bottom ul.mod-menu li a{font-weight:400;}
.bottom-4-box{font-size:80%;display:inline-block;width:20%;margin:2%;min-width:200px;}
.bottom-4-box img {width:100%;}
#bottom .readon{background-color: #fff;color:#8170b1;border-bottom:0;}
#bottom .readon:hover{background-color: #f1f1f1;color:#8170b1;border-bottom:0;}


ul.mod-menu li{display:inline-block;list-style: none;margin: 0 12px;}
ul.mod-menu li a{color:#fff;font-size:110%;}

#footer{
background-image: url(../images/patterns/noise.png);
color: #8f8f8f;
background-color:#131600;
border-top: 12px solid #f2c682;
padding-top:24px;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}




/* full width slider */
#showcase-a.width-95{width:100%;}








.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}


@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
}

.show480{display:none;}
@media (max-width: 480px) {
.show480{display:block;}
.hide480{display:none;}
.mod-menu.mod-list.nav {margin-left: -45px;}
}