/*
 Theme Name:   KCR Divi Child
 Theme URI:    https://www.keystonecannaremedies.com/
 Description:  Divi child theme for keystonecannaremedies.com
 Author:       Brian Shim
 Author URI:   http://brianshim.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  kcr-child
*/


/* =======================================
   FONTS
   ======================================= */

/* BOLD */
@font-face {
    font-family: 'neutra_text_tfbold_alt';
    src: url('fonts/neutra_text_tf_alt_bold-webfont.woff') format('woff2'),
         url('fonts/neutra_text_tf_alt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ALL CAPS */
@font-face {
    font-family: 'neutra_textbook_sc';
    src: url('fonts/neutra_text_sc-webfont.woff') format('woff2'),
         url('fonts/neutra_text_sc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* REGULAR */
@font-face {
    font-family: 'neutra_textbook_alt';
    src: url('fonts/neutratext-bookalt-webfont.woff') format('woff2'),
         url('fonts/neutratext-bookalt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* =======================================
   HTML
   ======================================= */
body {
    font-weight: normal;
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'neutra_text_tfbold_alt', "Open Sans",Arial,sans-serif;
}

h2 {
    padding-bottom: 30px;
}

h2 {
    font-size: 30px;
}

.h4-no-bottom-padding h4 {
    padding-bottom: 0px;
}

p a, 
li a {
    text-decoration: underline;
}

.entry-content ul {
    padding-left: 2em;
}

/* =======================================
   DIVI ELEMENTS
   ======================================= */

/* STOP HEADER FROM JUMPING ON LOAD */
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 66px;
}

/* DECREASE SIDE MARGINS EVERYWHERE */
.et_pb_row {
    width: 94%;
}

/* BUTTONS */
a.et_pb_button {
    font-family: 'neutra_text_tfbold_alt', "Open Sans",Arial,sans-serif;
    min-width: 240px;
    line-height: normal !important;
    text-align: center;
}
body #page-container a.et_pb_button:hover:after {
    top: 3px;
}

/* =======================================
   MAIN MENU
   ======================================= */
#et_mobile_nav_menu,
#top-menu-nav {
    font-family: 'neutra_textbook_sc', "Open Sans",Arial,sans-serif;
    text-transform: uppercase;
}

#top-menu-nav li.twitter-menu-item,
#top-menu-nav li.facebook-menu-item,
#top-menu-nav li.instagram-menu-item,
#top-menu-nav li.youtube-menu-item {
    padding-right: 6px;
    
}

#et_mobile_nav_menu li.twitter-menu-item,
#et_mobile_nav_menu li.facebook-menu-item,
#et_mobile_nav_menu li.instagram-menu-item,
#et_mobile_nav_menu li.youtube-menu-item {
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 20px;
}

#et_mobile_nav_menu li a {
    text-decoration: none;
    font-size: 18px;
}

#top-menu-nav li.twitter-menu-item a, 
#top-menu-nav li.instagram-menu-item a, 
#top-menu-nav li.facebook-menu-item a,
#top-menu-nav li.youtube-menu-item a,
#et_mobile_nav_menu li.twitter-menu-item a,
#et_mobile_nav_menu li.facebook-menu-item a,
#et_mobile_nav_menu li.instagram-menu-item a,
#et_mobile_nav_menu li.youtube-menu-item a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 37px;
    width:37px;
}

#top-menu-nav li.twitter-menu-item a, 
#top-menu-nav li.instagram-menu-item a, 
#top-menu-nav li.facebook-menu-item a,
#top-menu-nav li.youtube-menu-item a {
    -webkit-transform: translateY(-32%);
    -ms-transform: translateY(-32%);
    transform: translateY(-32%); 
}

#top-menu-nav li.twitter-menu-item a,
#et_mobile_nav_menu li.twitter-menu-item a {
    background-image: url('../../uploads/2019/07/T_MENU.png');
}

#top-menu-nav li.facebook-menu-item a,
#et_mobile_nav_menu li.facebook-menu-item a {
    background-image: url('../../uploads/2019/02/F_MENU.png');
}

#top-menu-nav li.instagram-menu-item a,
#et_mobile_nav_menu li.instagram-menu-item a {
    background-image: url('../../uploads/2019/02/IG_MENU.png');
}

#top-menu-nav li.youtube-menu-item a,
#et_mobile_nav_menu li.youtube-menu-item a {
    background-image: url('../../uploads/2019/03/YT_MENU.png');
}

header#main-header #et-top-navigation {
    padding-left: 300px !important;
}

/* ALLOW LOGO TO BE BIGGER ON MOBILE */
@media (max-width: 980px) {
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 75%;
    }
}

.hide {
    display: none !important;
}
    
/* =======================================
   HOME - MAIN SLIDER
   ======================================= */
.et_pb_slides .et_pb_slide .et_pb_container {
    width: 100%;
}
#home-slide-show h1.et_pb_slide_title {
    padding-bottom: 0px;
    text-shadow: 0 0 4px #000000;
}
#home-slide-show .et_pb_slide_content h2 {
    /* font-family: 'neutra_textbook_sc', "Open Sans",Arial,sans-serif; */
    font-size: 24px;
    text-shadow: 0 0 4px #000000;
}

#home-slide-show a.et_pb_more_button.et_pb_button {
    font-size: 26px !important;
    padding: 12px 0;
    width: 100%;
    max-width: 360px;
    margin-top: 190px;
    text-transform: uppercase;
    text-shadow: 0 0 4px #000;
}

#home-slide-show a.et_pb_more_button.et_pb_button.slider_button_bottom {
    margin-top: 20px
}

body #page-container #home-slide-show a.et_pb_more_button.et_pb_button:hover:after {
    top: 11px;
}

@media (max-width: 768px) {
    #home-slide-show a.et_pb_more_button.et_pb_button {
        margin-top: 100px;
    }
}

@media (max-width: 500px) {
    #home-slide-show a.et_pb_more_button.et_pb_button {
        margin-top: 50px;
    }
}

/*
#home-slide-show .et_pb_slide .et_pb_container {
    background-image: radial-gradient(ellipse closest-side, rgba(0,0,0,0.5) 0, rgba(0,0,0,0));
}
*/

/* =======================================
   HOME - BLOG FEED SECTION
   ======================================= */
.et_pb_blog_grid h2.entry-title {
    font-size: 26px;
    padding-bottom: 10px;
}

/* BOTTOM META SECTION */

.et_pb_blog_grid article.et_pb_post {
    position: relative;
    padding-bottom: 14px;
}
.et_pb_blog_grid .post-meta {
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    padding-left: 20px;
    background: url("../../uploads/2019/02/calendar_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
}
.et_pb_blog_grid .post-meta .published {
    font-size: 14px;
}
.et_pb_blog_grid .post-content p:last-of-type {
    border-bottom: 1px dashed #47A044;
    padding-bottom: 22px;
    margin-bottom: 12px;
}

#main-content .et_pb_blog_grid a.more-link {
    float: right;
    background-color: #31702F;
    color: white !important;
    padding: 1px 5px;
    line-height: 1em;
    font-size: 20px;
}

/* =======================================
   HOME - TESTIMONIALS SLIDER
   ======================================= */

/* RE-POSITION THE BUTTONS */
.et_pb_slider.testimonials .et-pb-arrow-prev,
.et_pb_slider.testimonials .et-pb-arrow-next {
    opacity: 1 !important;
    border: 1px solid white;
    top: auto;
    bottom: 40px;
    font-size: inherit;
}

.et_pb_slider.testimonials .et_pb_divider {
    margin-bottom: 12px;
}

/* REDUCE HEIGHT */
.et_pb_slider.testimonials .et_pb_slide .et_pb_container {
    height: 200px !important;
}

.et_pb_slider.testimonials .et_pb_slide .et_pb_container .et_pb_slide_description {
    padding: 0 8% 100px;
}

/* STYLING */
.et_pb_slider.testimonials h4 {
    font-family: 'neutra_textbook_alt', "Open Sans",Arial,sans-serif;
    font-size: 24px;
    margin-top: 35px;
}

.et_pb_slider.testimonials .testimonials-divider {
    border-bottom: 1px dashed white;
    width: 120px;
    margin: 0px auto 0;
}

.et_pb_slider.testimonials .et_pb_slide_content {
    min-height: 164px;
}

/* ARROW STYLING */
.et-pb-arrow-prev:before,
.et-pb-arrow-next:before {
    font-size: 22px;
}

.et-pb-arrow-prev:before {
    padding-right: 3px;
}

.et-pb-arrow-next:before {
    padding-left: 3px;
}

/* MOVE BUTTONS TOWARDS CENTER */
.et_pb_slider.testimonials .et-pb-arrow-prev {
    left: 50%;
    -webkit-transform: translateX(-34px);
    transform: translateX(-34px)
}
.et_pb_slider.testimonials .et-pb-arrow-next {
    right: 50%;
    -webkit-transform: translateX(34px);
    transform: translateX(34px)
}


/* =======================================
   HOME - LOGOS
   ======================================= */
.vertical-center .et_pb_image,
.et_pb_image.vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.nine-columns,
.ten-columns {
    text-align: center;
}

.nine-columns .et_pb_module {
    width: 11.11%; 
    vertical-align: middle;
    display: inline-block;
}

.ten-columns .et_pb_module {
    width: 10%; 
    vertical-align: middle;
    display: inline-block;
}

@media all and (max-width: 980px) {
    .nine-columns .et_pb_module,
    .ten-columns .et_pb_module {
        width: 33.3%;
    }
}



/* =======================================
   ABOUT - IN THE NEWS NEWS BLURB STYLING
   ======================================= */

/* CONSTRAIN COLUMN WIDTHS */
@media (max-width: 980px) {
    #in-the-news-section .et_pb_column {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto !important;
        float: none;
    }
}

/* SPACING */
.news-blurb .et_pb_main_blurb_image {
    width: 100%;
    background-color: white;
    padding: 40px 10px;
}
.news-blurb .et_pb_blurb_container {
    padding: 10px 40px 30px;
}
.news-blurb h4 {
    padding-bottom: 20px;
    font-size: 20px;
}

/* CENTER THE BUTTON AND PUT IT AT THE BOTTOM */
#in-the-news-section .et_pb_column {
    position: relative;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
.news-blurb .et_pb_button_module_wrapper {
    position: absolute;
    bottom: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translatex(-50%);
}


/* =======================================
   FORMS PAGE
   ======================================= */

/* PUT IMAGE BEFORE CONTENT ON EVERY OTHER ROW ON MOBILE */
@media (max-width: 980px) {
    .reverse-order-on-mobile {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* =======================================
   EVENTS CALENDAR EME
   ======================================= */
/*
.entry-content table, 
body.et-pb-preview #main-content .container table {
    border: none;
}

table.fullcalendar td.month_name, 
div.month_name {
    font-size: 30px;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border: none;
}

table.fullcalendar tbody td {
    background-color:lightblue;
    border:1px solid white;
}

table.fullcalendar td.eventless-today, 
table.fullcalendar td.eventful-today, 
div.eventless-today, div.eventful-today {
    background-color: #D6F5FF;
}


table.eme-calendar-table td.eventful a, 
table.eme-calendar-table td.eventful-today a, 
div.eventful-today a, 
div.eventful a {
    color: #213963;
    text-decoration: none;
    font-weight: bold;
}
#main-content .eme-calendar-full ul {
    list-style-type: none;
    padding: 0 10px 10px;
}
#main-content .eme-calendar-full ul li {
    font-weight:bold;
}
.eme-calendar-full .span-eme-calday {
    padding-left: 10px;
    padding-top: 10px;
}
*/

/* =======================================
   CONTACT PAGE
   ======================================= */
/*
#contact-strip .et_pb_blurb_description {
    word-break: break-all;
}
*/
#contact-strip .et_pb_blurb_description a {
    color: #ccc;
    text-decoration: none;
}

/* =======================================
   CONTACT FORM
   ======================================= */

/* STYLING FOR ALL CF7 FORMS */
.wpcf7 form input[type=text],
.wpcf7 form input[type=email],
.wpcf7 form textarea {
    padding: 10px;
    width: 100%;
    /* background-color: #D6FA66; */
}
.wpcf7 form input[type=submit] {
    padding: 10px;
    background-color: #B1D135;
    border: none;
    clear: both;
    float: right;
    margin-top: 20px;
    width: 100%;
    max-width: 190px;
    cursor: pointer;
}
.wpcf7 form label {
    font-weight: bold;
    font-size: 14px;
}

/* 2-COLUMN FORMATTING */
.form-half-column {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}
.form-half-column:last-of-type {
    text-align: right;
}
@media (max-width: 880px) {
    .form-half-column {
        width: 100%;
    }
}

/* CAPTCHA */
.wpcf7 form .anr_captcha_field {
    float: right;
}

/* =======================================
   FOOTER
   ======================================= */

/* MADE ODD WIDGET COLUMN WIDTHS */
@media (min-width: 981px) {
    #main-footer .footer-widget:nth-of-type(1) {
        width: 25.875%;
    }
    #main-footer .footer-widget:nth-of-type(2) {
        width: 15.875%;
    }
    #main-footer .footer-widget:nth-of-type(3) {
        width: 27.875%;
    }
    #main-footer .footer-widget:nth-of-type(4) {
        width: 13.875%;
    }
}

/* FOOTER SPACING */
#footer-widgets {
    padding-top: 60px;
}

#main-footer .footer-widget {
    font-size: 15px;
    margin-bottom: 50px;
}

/* FOOTER WIDGET TITLES */
#main-footer .footer-widget h4 {
    padding-top: 16px;
    padding-bottom: 26px;
    font-family: 'neutra_textbook_sc';
    font-weight: bold;
    font-size: 18px;
}

/* SOCIAL ICON SPACING */
.icon-spacer {
    display:inline-block;
    width: 8px;
}

/* CONTACT AREA */
.contact-widget p {
    /*text-indent: 2em hanging; */
    word-break: break-all;
}
.contact-widget img {
    vertical-align: top;
    padding-top: 3px;
}

.contact-icon-spacer {
    display: inline-block;
    width: 12px;
    
}
.contact-widget p a {
    display: inline-block;
}

/* REPLACE BULLETS IN FOOTER MENU */
footer#main-footer ul#menu-main-menu  {
    list-style: none;
    margin-left: 0;
}

footer#main-footer ul#menu-main-menu li:before {
    content: "❯";
    display: block;
    float: left;
    width: 1.2em;
    border: none;
    margin-top: -10px;
}

footer#main-footer ul#menu-main-menu li {
    text-transform: uppercase;
}

/* HIDE SOCIAL ICONS IN FOOTER MENU */
footer#main-footer ul#menu-main-menu li.twitter-menu-item,
footer#main-footer ul#menu-main-menu li.facebook-menu-item,
footer#main-footer ul#menu-main-menu li.instagram-menu-item,
footer#main-footer ul#menu-main-menu li.youtube-menu-item {
    display: none;
}

/* SCROLL TO TOP BUTTON */
/*
.et_pb_scroll_top.et-visible {
    bottom: 5px !important;
}
*/