/*

Theme Name: Chic Steals

Description: Child theme for the Divi theme

Author: Sunflower Creatives

Template: Divi

Version: 1.0

*/


article.et_pb_post h1 {font-size: 24px !important; text-transform: capitalize !important;} 




/* Add Space between images within Blog Posts  */
.et_pb_post .entry-content img {padding-top: 30px !important; padding-bottom: 30px !important;} 
.et_pb_post {margin-top: 20px;}
/*  Sidebar Widgets  */
.textwidget p {font-size: 14px !important;}
.textwidget a {font-size: 14px !important; color: #000 !important;}
.textwidget p a:hover {color: #CEAE4B !important;}

/*--------------------------------------------[Menu Area]---------------------------------------*/


/* Active Link in the Primary Menu  */
#top-menu li.current-menu-item > a {color: #c2a350 !important;}


/*  Drop Down Menu  */



.nav li ul {
    position: absolute;
    top: 32px;
    left: -27px;
    padding: 0px;
}


#top-menu li li a {
    padding: 10px 0px;
    width: 240px !important;
    padding-left: 8px !important;
border-top: solid 1px  #F26522 !important;
}


#top-menu li li, .nav li li { padding: 0px 0px;  margin: 0px;}


/* Drop Down Navigation Hover  */

.nav ul li a:hover, .et_mobile_menu li a:hover {background-color: rgba(255, 255, 255, 0.05);}


@media only screen and (min-width: 981px){
    .et_fullwidth_nav #main-header .container{
        padding: 0;
    }
    #et-top-navigation{
        background: #cde3e9;
    }
    .et_header_style_centered #top-menu > li > a{
        padding-top: 14.5px !important;
        padding-bottom: 14.5px !important;
    }
}







/*  -------------------- OPTIN CUSTOMIZATION ----------------------------- */

/* ConvertKit Horizontal Optin */

.page .ck_form.ck_naked {
    margin: 0px auto !important;
    max-width: 700px;
    padding-left: 10px;
    padding-right: 10px;
}

.ck_form.ck_naked .ck_form_fields {padding: 1% !important;}

/* ConvertKit Optin button  */
.ck_form.ck_naked .ck_subscribe_button {background: #000000 !important;}
.ck_form.ck_naked .ck_subscribe_button:hover {background: #BFA151 !important;}


/*  Popup Optin  */
.ck_form.ck_minimal .ck_subscribe_button {background: #000 !important;}
.ck_form.ck_minimal {
background: #ffffff !important; 
background: url("https://www.chiccreativelife.com/wp-content/uploads/2017/07/bg-subscribe.jpg") !important;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top;
border: 1px solid #595959 !important;
}

.ck_form.ck_minimal h3.ck_form_title {color: #000; font-size: 38px;}
.ck_form.ck_minimal p {font-size: 21px; color: #C4AB63;}


/* ----------------  END OPTIN CUSTOMIZATION ---------------------*/


/*
/*  Monacrh Customization */

.et_monarch .et_social_inline_top {
    margin-bottom: 10px;
}
.et_monarch .et_social_rounded.et_social_networks li {display: hidden !important;}
.et_monarch .et_social_rounded.et_social_networks li {border-radius: 0 !important;}
.et_monarch .et_social_4col li {width: 5% !important;}

.et_monarch .et_social_networks li {min-height: 20px;}
.et_monarch .et_social_rounded.et_social_networks li {border-radius: 0px;}
/* .et_monarch .et_social_networks .et_social_icon {width: 20px;
height: 20px;
line-height: 20px;}

*/

*/

.et_monarch .et_social_networks li a {
transition: all 0.0s !important;
    -moz-transition: all 0.0s !important;
    -webkit-transition: all 0.0s !important;
}

.et_monarch .et_social_networks span, .et_monarch .et_social_sidebar_networks span, .et_monarch .et_social_circle i.et_social_icon, i.et_social_icon::before, i.et_social_icon::after, .et_monarch .et_social_networks li, .et_monarch .et_social_networks li a, .et_monarch .et_social_networks div, .et_monarch .et_social_sidebar_mobile, .et_monarch .et_social_sidebar_networks_mobile li, .et_monarch .et_social_pin_image a::before {
    transition: all 0.0s !important;
    -moz-transition: all 0.0s !important;
    -webkit-transition: all 0.0s !important;
}


.et_monarch .et_social_networks li a {
transition: all 0.0s !important;
    -moz-transition: all 0.0s !important;
    -webkit-transition: all 0.0s !important;
}





/*--------------------------------------------[Page Hero Area]-------------------------------------*/


a:hover {color: #CEAE4B !important;}

/* Header with Black Splash Background  */

.black-bg > h2 {
background-image: url("/wp-content/uploads/2017/04/background-black-350.png");
background-repeat: no-repeat;
width: 100%;
height: 136px;
padding-top: 10%;
background-position: top;
font-size: 35px;
text-align: center;
color: #fff;
}

.black-bg h2{
background-image: url("/wp-content/uploads/2017/04/background-black-350.png") !important;
background-repeat: no-repeat;
width: 100%;
height: 136px;
padding-top: 10%;
background-position: top;
font-size: 35px !important;
text-align: center;
color: #fff;
}

#blue-bg > h4 {
font-weight: 500;
background-image: url("https://www.chiccreativelife.com/wp-content/uploads/2017/04/bg-blue-splash-226.png");
background-repeat: no-repeat;
background-position: top;
width: 100%;
height: 99px;
padding-top: 4%;
text-align: center;
}


/* Header with Blue Splash Background  */

#box-frame h4 {
font-size: 18px !important;
font-weight: 600;
background-color: #CDE3E9 !important;
padding: 2%;
width: 100%;
text-align: center;
}



/* Text with Black Splash Background  */

.text-black-splash {
background-image: url("/wp-content/uploads/2017/03/background-black-350.png");
background-repeat: no-repeat;
width: 100%;
height: 136px;
padding-top: 10%;
background-position: top;
font-size: 35px !important;
text-align: center;
color: #fff;
}

.black-splash > h4 {
background-image: url("/wp-content/uploads/2017/03/background-black-350.png");
background-repeat: no-repeat;
width: 100%;
height: 136px;
padding-top: 10%;
background-position: top;
font-size: 35px !important;
text-align: center;
color: #fff;

}


/*
/* Text with Black Splash Background  */

.text-black-splash {
background-image: url("/wp-content/uploads/2017/02/bg-black-splash-350.png");
background-repeat: no-repeat;
width: 70%;
height: 162px;
padding-top: 10%;
padding-left: 10%;
padding-right: 10%;
font-size: 35px;
text-align: center;
color: #fff;
}
*/



/* text */
a:hover {color: #CEAE4B !important;}

.entry-content  h1  {font-size: 24px !important; text-transform: capitalize !important;} 
.entry-content  h2  {font-size: 21px !important; text-transform: capitalize !important;} 
#post h1 {font-size: 24px !important; text-transform: capitalize !important;} 

h1 a {color: #BA9B48 !important; font-size: 24px !important; text-transform: capitalize !important;}

h1 {line-height: 1.4em !important;}

h2 {
font-size: 35px !important;
line-height: 1em !important;
font-weight: 600;
}

h3 {font-size: 28px !important; line-height: 1.4em !important;}
h4 {font-size: 21px !important;}


#page-header h1 {
/* outline: 1px solid #000 !important; */
/* outline-offset: -20px;  */
font-size: 42px !important;
position: relative;
}


#page-header:before {
    border: 1px solid #000;
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

/* Scriptina Font Settings  */
.scriptina > h1  {font-size: 50px !important;  font-weight: 900 !important; line-height: 50px; }
.scriptina > h2  {font-size: 55px !important;  font-weight: 700 !important; line-height: 35px !important; }
.scriptina   {font-size: 50px !important;  font-weight: 900 !important; line-height: 60px; }
#scriptina .entry-content h2 {font-size: 55px !important;  font-weight: 700 !important; line-height: 35px !important; }
#scriptina h2 {font-size: 45px !important;  font-weight: 700 !important; line-height: 35px !important; }


#scriptina h2 {font-size: 45px !important;  font-weight: 700 !important; line-height: 35px !important; }

.white-header h2 {
padding-top: 0px !important;
padding-bottom: 0px !important;
font-weight: 600;
}



h4.widgettitle {
font-size: 40px !important; 
font-weight: 500;
background-image: url("/wp-content/uploads/2017/04/bg-blue-splash-226.png");
background-repeat: no-repeat;
background-position: top;
width: 100%;
/* width: 226px; */
height: 99px;
padding-top: 4%;
/* padding-left: 10%; */
/* padding-right: 10%; */
text-align: center;
}







.textbox {
    padding: 10px;
    background: #CDE3E9;
    border-top: 1px solid black;
    clear: both;
    text-align: left;
    font-size: 12px;
    margin: 0 0 10px 0;
    line-height: normal;
}


#box-frame {
border: 2px solid #bbb;
padding: 20px 20px 20px 30px;
}

.cgc-badge {border: 1px solid #333; padding: 5px;}

/*  Sections  */

#boxed-section {
width: 90%;
padding: 30px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border: solid 2px #bbb;
}


/* ----------------- Caldera Forms Customization ---------------- */

 


.field_required {color: #C3A251 !important;}


.caldera-grid .btn-default {
 color: #fff !important;
 background-color: #000000 !important;
 padding: 8px 20px !important;

}

.caldera-grid .btn-default:hover {
 background-color:  #C3A251 !important;
}


.caldera-grid .btn {
  font-size: 18px !important;
  text-transform: uppercase;
}



@media only screen and (min-width: 981px){
/* ------- 5 COLUMN SECTION THAT'S USED ON ABOUT US PAGE & CAN BE USED ANYWHERE ------  */

#five-column-section {  display: inline-block; width: 100%; margin-left: 5%; margin-right:5%;}

#five-column-section .et_pb_row {padding-left: 1%; padding-right: 1%;} 


/* USED FOR BOTH THE 5 COLUMN BLOG & ABOUT US SECTION  */

#five-column-row {
float: left;
display: block;
width: 18%;
margin-left: 0%;
margin-right: 0%;

}
}


@media only screen and (max-width: 980px){
#five-column-section.et_pb_section .et_pb_column .et_pb_module {
    margin-bottom: 10px !important;
}
}

/* ------------------------- BLOG & SINGLE POST ------------------------- */

/* Related Posts at the end of Each Blog Posts */
div.wp_rp_content {margin-top: 50px;}

/* Keep the Original Post Image, Title & Meta Order on the Home Page  */

.home-page-blog article.et_pb_post{
    display: flex;
    flex-direction: column;
}


.home-page-blog article.et_pb_post .et_pb_image_container{
 order: -4;
 margin-top: 15px;
}

.home-page-blog article.et_pb_post .entry-title{
    order: -3;
}

.home-page-blog article.et_pb_post .post-meta{
    order: -2;
}

article.et_pb_post .post-content {
    order: -1;
}

.home-page-blog .et_pb_post {background: none;}

@media only screen and (min-width: 981px){
    .home-page-blog.et_pb_blog_2_1 .et_pb_post {
        width: 47.5%;
        float: left;
    }
}

/* Space Between Blog Grid on the Home Page */
.home-page-blog.et_pb_blog_2_1 .et_pb_post:nth-of-type(odd) {
    margin-right: 4.5%;
}

.home-page-blog.et_pb_blog_grid .et_pb_post {padding-top: 2px;}

/* Blog Single Page  */

/* .et_pb_post .entry-title a, et_pb_post h2 a { color: #000000 !important; font-size: 28px !important;} */

#blog-menu.et_pb_fullwidth_menu .fullwidth-menu-nav > ul { padding: 15px 0 0 !important;}

#main-content {overflow: hidden !important;}

.et_pb_post-bb .et_pb_image_container{
    position: relative;
    margin: -20px -15px 10px;
}

.post-category-bb{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(0, 0, 0, 1.0);
    padding: 10px;
    z-index: 10;
}
.post-category-bb a{
    color: white;
}

.featured-blog a.more-link  {
    display: inline;
    float: none;
    position: absolute;
    border-radius: 0px;  
    margin-top: 10px;
    color: #fff;
    background-color:#000000; 
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    padding: 8px 10px !important;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
     transition: all 0.5s;
}

    .featured-blog a.more-link:hover {background-color: #C4AB63;}

.et_pb_post .post-meta{
    width: 100%;
    padding: 10px;
}

/*  Fullwidth Format Blog Module  */

#blog-chic .et_pb_post .entry-title, #blog-chic .et_pb_post .post-meta{
    width: 100%;
    padding: 10px;
}

.et_pb_post{
    background: url('images/bg-blue-splash-700.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.entry-title:before {
    content: url(/wp-content/uploads/2017/06/generic-blog-icon.png);
    margin-right: 10px;
}


.category-my-diy-tutorials .entry-title:before, 
.category-diy .entry-title:before, .category-diy-tutorials .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-diy-icon-40.png);
}

.category-life .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-life-icon-40.png);
}

.category-beauty .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-beauty-icon-40.png);
}

.category-blogging .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-blogging-icon-40.png);
}

.category-media .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-media-icon-40.png);
}

.category-fashion .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-fashion-icon-40.png);
}

.category-courses .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-courses-icon-40.png);
}

.category-score .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-score-icon-40.png);
}

.category-by-carly-j-cais .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-by-me-icon-40.png);
}

.category-from-you .entry-title:before {
    content: url(/wp-content/uploads/2017/06/chiccreativelife-from-you-icon-40.png);
}

/* Change Default Posts Meta Order  */

article.et_pb_post{
    display: flex;
    flex-direction: column;
}


article.et_pb_post .et_pb_image_container, .archive article.et_pb_post a:first-of-type{
 order: -3;
 margin-top: 15px;
}

article.et_pb_post .entry-title{
    order: -4;
}

article.et_pb_post .post-meta{
    order: -2;
}

article.et_pb_post .post-content {
    order: -1;
}

@media only screen and (min-width: 980px){
/* Change Post, Project & Archive Page Sidebars from one fourth to one third */
    .container::before { display:none; }
    .single-project div#left-area {width: 70%;}
    .single-project div#sidebar {width: 30%;}
    .single-post div#left-area {width: 70%;}
    .single-post div#sidebar {width: 30%;}
    .archive div#left-area {width: 70%;}
    .archive div#sidebar {width: 30%;}
    .search-results #left-area  {width: 70% !important;}
     .search-results #sidebar {width: 30% !important;}
     .search-no-results #left-area  {width: 70% !important;}
     .search-no-results #sidebar {width: 30% !important;}
      .error404 #left-area  {width: 70% !important;}
     .error404 #sidebar {width: 30% !important;} 
     .page-template-default #left-area  {width: 70% !important;}
     .page-template-default #sidebar {width: 30% !important;}
     .blog div#left-area {width: 70% !important;}
    .blog div#sidebar {width: 30% !important;}
	}

.et_right_sidebar #main-content .container::before {right: 30%!important;}

.et_pb_post .entry-content { padding-top: 10px;}

/* Add Space between images within Blog Posts  */
.et_pb_post .entry-content p img {padding-top: 30px !important; padding-bottom: 30px !important;} 

/*  Change Order of Comment Box, Name, Email & Url on the Single Post Page */

 #commentform {
    display: flex !important;
    flex-direction: column !important;
}

#commentform .comment-form-author{
    order: -4 !important;
}

#commentform .comment-form-email{
    order: -3 !important;
}

#commentform .comment-form-url{
    order: -2 !important;

}

#commentform .comment-form-comment{
    order: -1 !important;
}

/* Blog Layout Custom  */

a.more-link {
background: #000000;
color: #fff;
font-size: 16px;
padding: 6px 12px;
border-radius: 0px;
max-width: 150px;
width: 100%;
text-align: center;
margin-top: 30px;
}

a.more-link:hover {background: #CEAE4B; color: #fff !important;}

.featured-blog-featured .et_pb_post {margin-bottom: 50px;}
.featured-blog-featured .et_pb_post h2 a {color: #777777;}
.featured-blog .et_pb_post a img { height: auto; float: left; max-width: 500px; left: 0; padding-right: 14px; padding-bottom: 8px; #666666;}
.featured-blog .et_pb_post h2 {font-size: 20px; color: #666666;}
.featured-blog .et_pb_post h2 a {color: #666666;}
.featured-blog .et_pb_post h2 a:hover {text-decoration: underline;}

.featured-blog .et_pb_post {margin-bottom: 40px;}

/* Blog Menu Settings */
#blog-menu {
text-transform: uppercase;
border-top: 2px solid #e2e2e2;
border-bottom: 2px solid #e2e2e2;
width: 100%;
margin-top: 5px !important;
margin-bottom: 40px;
}
   
/*  Blog Menu Settings  */
#blog-menu .fullwidth-menu li > a {padding-bottom: 15px;}
#blog-menu .et_pb_fullwidth_menu .fullwidth-menu-nav > ul { padding: 15px 0 0 !important;}
/*  Hide the box shadow on the main header for blog home page  */
.page-id-49653 #main-header { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);}

/* Post Title Section  */
.et_post_meta_wrapper  {padding: 15px;}
.entry-title {font-size: 26px !important;}
.et_pb_post h2 {font-size: 24px !important;}

/* Post Title Archive Pages */
.archive div#left-area.post-meta {background: #cde3e9; padding-left: 15px;}
.archive div#left-area.et_pb_post h2 {background: #cde3e9 !important; padding: 10px; padding-left: 15px;}

#commentform textarea {background: #fff;}
p.post-meta {color: #BA9B48;}
#left-area .post-meta a {color: #BA9B48 !important; font-weight: 600;}

/*  Change Comment Submit Button   */
.form-submit .et_pb_button {color: #fff !important; background: #000; border: #000; border-radius: 0px;}
.form-submit .et_pb_button:hover {color: #fff; background: #C09B48 !important;}

.form-allowed-tags{display:none;}

#commentform textarea {background: #eee;}


#comment-wrap {
    padding-top: 15px;
}


/*  Change Order of Comment Box, Name, Email & Url on the Single Post Page */

 #commentform {
    display: flex !important;
    flex-direction: column !important;
}

#commentform .comment-form-author{
    order: -4 !important;
}

#commentform .comment-form-email{
    order: -3 !important;
}

#commentform .comment-form-url{
    order: -2 !important;

}

#commentform .comment-form-comment{
    order: -1 !important;
}




.et_pb_widget {

border: 2px solid #bbb;

padding: 20px 20px 20px 30px;

}



/* Footer Area */





#footer-widgets .footer-widget li a {

    text-transform: uppercase;

}



#footer-widgets .footer-widget li:before{

    border-style:none;

}





#footer-info {

    width: 100%;  

    padding-bottom: 10px;

    text-align: center;

}





 



/*--------------------------------  Mobile  ------------------------------------------ */



/* Change Tablet Menu to Hamburger Menu   */

@media only screen and (max-width: 1280px) and (min-width: 981px) and (orientation:landscape) {

#et_mobile_nav_menu {display: block !important;}

#top-menu {  display: none;}

}

/* Mobile Settings */

.et_header_style_centered #main-header .mobile_nav {background: #ffffff !important;}

.select_page {display: none !important;}

.et_header_style_centered #logo {margin-right: 50px;}