/*
 Theme Name:   Dynamic Divi Child Theme
 Theme URI:    https://diviengine.com/
 Description:  Dynamic Divi Child Theme
 Author:       Divi Engine
 Author URI:   https://diviengine.com/
 Template:     Divi
*/

@font-face {
font-family: 'BADLANDS';
src: url('/wp-content/themes/badlands-journal/fonts/BadlandsSans7-Regular.woff');
font-weight: normal !important;
}

@font-face {
font-family: 'Canela Web';
src: url('/wp-content/themes/badlands-journal/fonts/Canela-Light-Web.eot');
src: url('/wp-content/themes/badlands-journal/fonts/Canela-Light-Web.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/badlands-journal/fonts/Canela-Light-Web.woff2') format('woff2'),
url('/wp-content/themes/badlands-journal/fonts/Canela-Light-Web.woff') format('woff');
font-weight: 300;
font-style: normal;
font-stretch: normal;
}

.Canela-Light-Web,
.badmeta .et_pb_post .entry-title,
.entry-title h2,
.meanwhile_title,
.archive_head h1,
.badpost,
.et_pb_title_container .et_pb_title_meta_container a,
.badheader_title h1
{
font-family: 'Canela Web';
font-weight: 300;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: 'Canela Web';
src: url('/wp-content/themes/badlands-journal/fonts/Canela-ThinItalic-Web.eot');
src: url('/wp-content/themes/badlands-journal/fonts/Canela-ThinItalic-Web.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/badlands-journal/fonts/Canela-ThinItalic-Web.woff2') format('woff2'),
url('/wp-content/themes/badlands-journal/fonts/Canela-ThinItalic-Web.woff') format('woff');
font-weight: 100;
font-style: italic;
font-stretch: normal;
}

.Canela-ThinItalic-Web,
.post-content p,
.sell h2
{
font-family: 'Canela Web';
font-weight: 100;
font-style: italic;
font-stretch: normal;
}

h1,
.thelatest,
.icymi,
.meanwhile_cat,
.meanwhile,
#top-menu a,
.badmeta .et_pb_post .post-meta,
.et_pb_button,
.et_bloom .et_bloom_optin_1 .et_bloom_form_container form input,
.et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span,
.comment-reply-title,
#comments,
.badtext,
.badpost,
.badpost-title,
.et_search_form_container input,
.badpost_titleheader h1, 
.tg-nav-color,
.creditblock h3,
.creditblock h4,
.shopthelook h4,
.badfooterlink h6,
.fullwidth-menu a,
.et_pb_slide_description h2.et_pb_slide_title,
.et_mobile_menu li a,
.badstory strong
{
font-family: 'BADLANDS';
text-transform: uppercase;
font-weight: normal;
}

.creditblock h3,
.creditblock h4,
.badfooterlink h6
{
font-size: 1.1em;
}

.meanwhile_cat h4,
.et_pb_post .post-content
{
font-size: 1.2em;
}


.meanwhile_title h4,
.badheader_title h1
{
font-size: 1.5em;
}

.badmeta .et_pb_post .entry-title,
.shopthelook h4
{
font-size: 2em;
}

.sell h2
{
font-size: 2.4em;
}

.icymi h3, 
.meanwhile
{
font-size: 3em;
}

.thelatest h2,
.badpost
{
font-size: 4em;
}

.archive_head h1,
.badpost_titleheader h1
{
font-size: 4.5em;
}

.et_pb_slide_title
{
font-size: 6em;
}

.et_pb_title_container .et_pb_title_meta_container a
{
line-height: 0.9em;
}

/* Changes size of head and sell for mobile */
@media only screen and (max-width: 981px) {
.archive_head h1,
.badpost_titleheader h1,
.et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title
{
font-size: 7.5vw;
}
.sell h2
{
font-size: 6.5vw;
}
.thelatest h2,
.badpost
{
font-size: 10vw;
}
}
/*removes shadow from text on main post slider*/
.et_pb_slide_description h2.et_pb_slide_title
{
text-shadow: none;
}

.meanwhile_title,
.badquote h3
{
text-align: center !important;
}

.meanwhile_title .post-meta,
.et_pb_bg_layout_dark .et_pb_slide_content p
{
display:none !important;
}

a {
color:#c09b6e;
}

a:hover {
color:#9b7349;
}


/***CASLON***/
p,
textarea,
.comment_date,
.comment-edit-link,
.fn,
ol,
#commentform input[type=text]
{
font-family: 'adobe-caslon-pro';
}

ol>li {
        padding-bottom: 10px;
}

p:last-of-type {
    padding-bottom: 1em;
}

/*Forces items to be solid black - badlink is the 'Privacy' link in the footer */
.badlink a,
.et_pb_bg_layout_light .et_pb_post p,
.et_pb_bg_layout_light .et_pb_post .post-meta a,
.badmeta,
.comment_date,
#commentform textarea,
.fn,
.badfooterlink h6 a,
.fullwidth-menu a,
#commentform input[type=text]
{
color:#000;
}

.badfooterlink h6 a:hover, .badlink a:hover, .fullwidth-menu a:hover {
color:#9b7349 !important;
}

/*Makes the small top left category tag in divi blog modules (4 columns at bottom of homepage)*/
.badmeta .et_pb_post .post-meta {
   position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #fbfbfb;
    padding: 10px 10px 10px 10px;
    color: #000;
    font-size: 8px;
    font-weight: normal;
    line-height: 1;
    z-index: 999;
}

.et_pb_post .post-content,
.meanwhile_title h4,
.badmeta .et_pb_post .entry-title
{
text-transform: none;
}

.et_pb_post .entry-featured-image-url {margin-bottom: 1em;}

/* Crops the feature images where needed - used in the Divi blog modules in ICYMI and MEANWHILE*/
.ccrop a img {
height: 30vh;
object-fit: cover;
}


/*Forces items into Canela Light Italic - !important required*/
.badquote,
.badquote h3,
.badpost_ex,
.badnewstorytitle h3
{
font-family: 'Canela Web' !important;
font-weight: 100;
font-style: italic;
font-stretch: normal;
}

/*Forces TheGrid catgory tag, Bloom optin form and button and author name into Badlands Sans - !important required*/
.badpost_category,
.et_bloom .et_bloom_optin_1 .et_bloom_form_container form input,
.et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span,
.authorpost p,
.authorpost a
{
font-family: 'BADLANDS' !important;
text-transform: uppercase !important;
}

/*Forces TheGrid post title and excerpt into Canela - !important required*/
.badpost_title
{
font-family: 'Canela Web' !important;
font-weight: 300;
font-style: normal;
font-stretch: normal;
}


/*Makes the Bloom optin button have square corners*/
button {
border-radius: 0px;
}

/*Puts black line around Bloom email field*/
.et_bloom .et_bloom_optin_1 .et_bloom_form_container form input {
border: 1px solid #000;
}

/*PULLQUOTE*/
.badquote h3 {
font-size: 2.2em;
line-height: 1.5em;
padding-right: 3vw;
padding-left: 3vw;
}
.badquote::before {content: "\201C\A"; font-size:6em; line-height:1.2em; position: relative; bottom: -0.6em;}
.badquote::after {content: "\A\201D"; font-size:6em; line-height:1.2em; position: relative; top: -0.15em;}

/* Moves badheader_title up slightly */
.badheader_title h1 { position: relative; top:-0.65em;}


/*Controls TheGrid search bars & top nav menu weight - all !importants required*/
#et-top-navigation,
input 
{
font-weight: normal !important;
}

/*Controls the colour of TheGrid item overlays - all !importants required*/
.tg-item-overlay {
background-color: rgba(0,0,0,0.15) !important;
}
/*Controls the width of TheGrid search bars - all !importants required*/
.tg-search {
min-width: 40vw !important;
max-width: 60vw !important;
}

/*Removes the vertical line between TheGrid search input and x - all !importants required*/
.tg-search-clear {
border: none !important;
}

/*Removes all borders of TheGrid search bar and puts in a black line at the bottom - all !importants required*/
.tg-search-inner,
textarea,
#commentform input[type=text] {
border: none !important;
border-bottom: 1px solid #000 !important;
}

/* Comments styling */
.comment-reply-title,
#comments,
body .et_pb_button
{
font-size: 15px;
}

textarea
{
padding: 12px 0px 12px !important;
}

textarea,
#commentform input[type=text]
{
background-color: #fff !important;
}


.comment_date,
.comment-reply-title,
#comments,
body .et_pb_button,
.fn
{
font-weight: normal !important;
}

.fn, .comment-edit-link {
font-style: italic;
}

.ds_clean_comments .comment_avatar img,
.aboutus_img img
{
border-radius: 50% !important;
}

.ds_clean_comments:not(.logged-in) #comment {
margin-top: 39px;
}

/* Changes mobile logo to specified image */
@media only screen and (max-width: 981px) {
#logo {
content: url("https://badlands-journal.com/wp-content/uploads/2017/10/Masthead_white.svg");
max-width: 50% !important;
  }
}

/*Sets the height of the category header banner on post pages*/
.badpost
{
padding-top: 25vh !important;
padding-bottom: 15vh !important;
}

/*Sets the height of the fullwidth header*/
.et_pb_fullwidth_header 
{
height: 60vh !important;
}

/* Set the height of the slider height */
.et_pb_slider .et_pb_container { 
height: 70vh !important; 
}

.et_pb_post .post-meta:first-of-type
{
display: block;
}

.badpost,
.comment-reply-title,
#comments,
.badmeta .et_pb_post .post-meta,
.meanwhile_cat h4,
.authorpost p,
.authorpost a,
.et_mobile_menu li a
{
letter-spacing: 1px;
}

/* Top nav & post author name in post font size */
#top-menu li a,
.authorpost
{
font-size: 0.7em !important;
}

/*Shop the Post Rewardstyle widget styling*/
.stp-info
{
background: #fff !important;
}

.stp-info::before
{
background: #fff !important;
}

.stp-info::after
{
background: #000 !important;
}

.stp-brand
{
font-family: 'adobe-caslon-pro' !important;
font-weight: normal !important;
position: relative; bottom: -2px;
}

/****MASONRY ARCHIVE PAGES*****/
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}
/*****END MASONRY ARCHIVE PAGES*******/

.et_bloom span.et_bloom_success_checkmark {
background: #000 !important;
}

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/*Adjusts the spacing of the menu buttons on the fullwidth nav module*/
.fullwidth-menu li
{
display: inline-block;
padding-right: 2vw;
font-size: 0.8vw;
padding-top: 0px;
letter-spacing: 0.02vw;
}
/*Adjusts the padding on top of the fullwidth nav module menu items*/
.et_pb_fullwidth_menu .fullwidth-menu-nav>ul
{
padding: 3.2vh 0 0!important;
}

.et_mobile_menu,
.et_mobile_menu li a
{border: none !important;}

/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

/* New magazine-format layout css */
.badnewstoryhead {
position: absolute;
top: 30%;
width: 100%;
}

.badnewstorytitle h1{
font-size: 10vw;
}

.badnewstorytitle h3{
font-size: 2vw;
}

.badnewstorytitle h1, .badnewstorytitle h3{
line-height: 0.8em;
}

.badfullheight {
min-height: 100vh;
border-left: 1px solid #000;
}

.badrightimage {
width: calc(100% + 1px);
}

.badfullsection {
border-top: 1px solid #000;
}

.badpicturecaption p {
font-family: "Open Sans", Arial, sans-serif !important;
}

.badpicturecaption {
font-size: 0.65em;
line-height: 1.45em;
}

.badcaptop {
	position: absolute;
	top: 2vw;
}

.badcapbottom {
position: absolute;
bottom: 2vw;
}

.badcapleft {
left: 2vw;
text-align: left;
}

.badcapright {
right: 2vw;
text-align: right;
}

.badcapwhite a, .badcapwhite p{
color: #ffffff;
}

.badcapblack a, .badcapblack p{
color: #000000;	
}

.badcapblack a, .badcapwhite a {
text-decoration: underline;
}

.bad3col {
column-count: 3;
column-gap: 2vw;
padding: 10vh;
margin: 4vh;
}

.bad2col, .bad2colqa {
column-count: 2;
column-gap: 2vw;
padding: 10vh;
break-after: auto;
margin: 4vw;
}

/* To fix weird paragraph column split spacing issue */
.bad2col p{
display: inline-block;	
}



.bad3col p:first-child:first-letter {
  float: left;
  font-family: BADLANDS;
  text-transform: uppercase;
  font-size: 75px;
  line-height: 60px;
  padding-top: 0px;
  padding-right: 6px;
  padding-left: 0px;
}

.baddrop {
  font-family: BADLANDS;
  text-transform: uppercase;
 }

@media only screen and (max-width: 981px) 
{
.badfullheight {
min-height: auto !important;
border-left: none;
border-top: 1px solid #000;
}
.badfullsection {
border-top: none;
}
.badnewstorytitle h1 {
font-size: 20vw;
}
.badnewstorytitle h3{
font-size: 6vw;
}
.badrightimage {
width: auto;
}

.badpicturecaption {
font-size: 0.8em;
line-height: 1.7em;
}
	
.badcapbottom,
.badcapleft,
.badcapright {
position: absolute;
bottom: 4vw;
}
.badcapleft {
left: 4vw;
}
.badcapright {
right: 4vw;
}
.bad3col, .bad2col, .bad2colqa {
column-count: 1;
column-gap: 0;
padding: 2vh;
margin: 0vh;
}
}
/* New magazine-format layout css ends */