/*

 Theme Name:     Pleasing Terrors

 Description:    Pleasing Terrors Child Theme

 Author:         Dave

 Author URI:     http://facewebsites.com/

 Template:       Divi

 Version:        1.1.0

*/

 





/**********[ CSS @imports ]**********/

@font-face {

    font-family: 'New Rocker';

    font-weight: normal;

    font-style: normal;

    src: url('font/newrocker.eot');

    src: url('font/newrocker.eot?#iefix') format('embedded-opentype'),  

         url('font/newrocker.woff2') format('woff2'),  

         url('font/newrocker.woff') format('woff'),  

         url('font/newrocker.ttf') format('truetype'),  

         url('font/newrocker.svg#newrockerregular') format('svg');

}




#main-header {
    background-color: #000;
}
.home footer {
    display: none;
}
.et-cart-info {
    display: none;
}

.et_mobile_menu li a{
  
color:#fff !important;
}
.et_mobile_menu{
background:#000;
}


/**********[ Globals ]**********/

h1 { font-family: 'New Rocker' !important }



/**********[ Home Page ]**********/





/**********[ Header & Top Nav ]**********/





/**********[ Featurettes Top]**********/





/**********[ Slider ]**********/





/**********[ Body ]**********/





/**********[ Services ]**********/





/**********[ Forms ]**********/





/**********[ Footer ]**********/







/**********[ Media Queries ]**********/



@media (max-width: 980px) {

  .container.et_menu_container { 

    width: calc( 100% - 60px);

  }

  .et_mobile_menu {

    margin-left: -30px;

    padding: 5%;

    width: calc( 100% + 60px);

  }

  /* Todo: use jquery to replace using animation */ 

  .mobile_nav.opened .mobile_menu_bar:before {

    content: "\4d";

  }

}




/** collapse submenus on mobile */

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }

#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }

#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }

#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}

#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }



/* i'm too flexy for my grid */

.bd-flex-grid {

  position: relative;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

}

.bd-flex-col-1-2 {

  flex: 1;

  flex-basis: 49%;

  max-width: 49%;

  margin-bottom: 10px

}

.bd-flex-col-1-3 {

  flex: 1;

  flex-basis: 31%;

  max-width: 31%;

  margin-bottom: 10px

}

.bd-flex-col-2-3 {

  flex: 1;

  flex-basis: 65%;

  max-width: 65%;

  margin-bottom: 10px;

}

.bd-flex-col-1-4 {

  flex: 1;

  flex-basis: 24%;

  max-width: 24%;

  margin-bottom: 10px

}

.bd-flex-col-1-5 {

  flex: 1;

  flex-basis: 19%;

  max-width: 19%;

  margin-bottom: 10px

}

@media only screen and (max-width: 981px) {

  .bd-flex-col {

    flex-basis: 33%;

  }

}

@media only screen and (max-width: 768px) {

  .bd-flex-col {

    flex-basis: 50%;

  }

}

@media only screen and (max-width: 700px) {

  .bd-flex-grid {

    margin-left: 0;

  }

  .bd-flex-col {

    flex-basis: auto;

  }



}



/*----------------Podcast styles------------------*/



.podcast_feed_page .et_pb_section {

    padding: 0 !important;

} 

.podcast_feed_page{

  min-height:550px;

}

.podcast_feed_page .hentry{

  margin-bottom:0px;

  padding-bottom:0px;

}

.et_pb_post .podcast_entry_content {

    padding-top: 15px;

}

.podcast_row {

  border:1px solid #ccc;

  border-bottom:10px solid #bc2a1a;

    padding: 10px !important;

    border-radius:10px;

}

.podcast_row:hover{

  background-color:#f5f5f5;

}

.podcast_row .et_pb_column.et_pb_column_1_3.et_pb_column_1 {

    width: 15%;

}

.podcast_row h2.entry-title{

  font-size:22px;

  font-weight:bold;

  color:#bc2a1a;

  font-family:"New Rocker" !important;

}

.meta_podcast {

    margin-top: 20px;

}

.meta_podcast a {

    margin: 0 10px;

    color:#333;

}

.meta_podcast a:first-child{

    margin-left: 0px;

}

.meta_podcast .button {

    background: #bc2a1a none repeat scroll 0 0;

    color: #fff;

    padding: 6px 10px;

    border-radius:5px;

}

.meta_podcast .button::before {

    content: "E" !important;

    font-family: "ETmodules" !important;

    font-size: 20px;

    padding: 10px 0;

    position:relative;

    top:4px;

}

.meta_podcast .button:hover{

  background-color:#ee3125;

}

mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {

    background: #bc2a1a none repeat scroll 0 0 !important;

}





.menu-social {

    float: right;

    padding-top: 27px;

}


h4.widgettitle {
    font-size: 22px;
}

.single-product #main-content .container:before { display: none; }
.single-product #left-area { width: 100%; padding: 0!important; }
.single-product #sidebar { display:none }
.et-cart-info {display: none;}
body.woocommerce .et-cart-info { display:block }
.et_pb_row {
  position: relative;
  width: 80%;
  max-width: 1080px;
  margin: auto;
}
.podcast_row h2.entry-title {
  font-size: 22px !important;
  font-weight: bold;
  color: #bc2a1a;
  font-family: "New Rocker" !important;
}
.et_pb_post h2 {
  margin-top: 30px;
}
.et_pb_text > :last-child {
  padding-bottom: 0;
}
.meta_podcast {
  margin-top: 20px;
}

.meta_podcast .button {
  background: #bc2a1a none repeat scroll 0 0;
  color: #fff !important;
  padding: 6px 10px;
  border-radius: 5px;
}