/* 
 Theme Name:     Chip & Tina 1.6
 Author:         Nice Grizzly | Creative Shop
 Author URI:     www.nicegrizzly.com
 Template:       Divi
 Description:    A customized child theme built for ChipandTina.com
 Version:        1.6
*/

@import url('../Divi/style.css');
@import url('https://fonts.googleapis.com/css2?family=BioRhyme+Expanded&display=swap');
/* ----------- Theme customization starts here --------------------------- */
@font-face {
  font-family: 'ParisianScript';
  src: url("/fonts/ParisianScript-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
h1, h2 {
    font-family: 'Imperial Script',handwriting;
}
 h1.ParisianScript, h2.ParisianScript {
    font-family: 'ParisianScript',handwriting;
}
h5{
    font-family: 'Imperial Script',handwriting;
    font-size: 27px;
}
body {    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;}
h1 {font-size: 78px;}
h2{font-size: 68px;}
a {
    color: #3C4D4D;
}
.et_overlay:before {
    color: #3C4D4D;
}
.et_overlay {
    background: hsla(0,0%,100%,.5);
    border: 1px solid #000000;
}
/* Read more blog button */
a.more-link {
    background-color: #3C4D4D;
    display: inline-block !important;
    color: #fff!important;
    padding: 0.3em 1em;
    margin-top: 15px;
    text-transform: uppercase;
}
a.more-link:hover {
    background-color: #495c63;
} 
/* ---- HEADER ---- */
#et-top-navigation {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    color: #3C4D4D;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #3C4D4D;
}
/* ---- FOOTER ---- */
#footer-bottom, #footer-bottom a, .grizzly a {
    color: #b9bab7;
}
.grizzly {
    font-family: 'BioRhyme Expanded', serif !important;
    text-transform: uppercase;
    letter-spacing: .1em;    
    font-size: 0.95em;
}
/* BREAKPOINTS */
@media only screen and (max-width: 980px) {
    h1 {
    font-size: 68px;
    }
    h2{
    font-size: 46px;
    }
}
@media only screen and (max-width: 767px) {
    h1 {
    font-size: 58px;
    }
    h2{
    font-size: 40px;
    }
}