/**
 * Theme Name:     Know Your Options
 * Author:         Mishmash
 * Template:       Divi
 * Text Domain:	   know-your-options
 * Description:    Theme for the Options campaign
 * Version:        1.0
 */

/* MAIN STYLES  */
/* h1{
  font-size:80px!important;
  font-weight:600!important;
  color:black;
}
*/

h2, .h2-headers{
  font-family: 'quasimoda', sans-serif !important;
  color:black;
  }

h3, .h3-headers{
  font-size: 34px;
  font-weight:500;
  line-height:1.25;
  font-family: 'quasimoda', sans-serif !important;
}

h4, .h4-headers{
  font-weight:400;
  background-image: url(https://knowyouroptions.me/wp-content/uploads/2023/06/teal-blob-1.png);
  background-size:contain;
  background-repeat:no-repeat;
  font-size:22px;
}

.resource-h4{
  font-weight:400;
  font-size:22px;
}

a{
  text-decoration: underline;
}

.home-prehead{
  font-size:24px!important;
}

.home-h3{
  font-size:40px;
  font-weight:600;
  line-height:1.25;
  font-family:'quasimoda',sans-serif!important;
}

.home-h3 a{;
  text-decoration: none;
}

.home-para a{
  color: black!important;
  text-decoration: underline;
}

.stories-text p{
  font-size:36px!important;
  font-weight:700!important;
  line-height:1.2;
}

li{
  font-size:18px;
}

/* END STYLES */

/* NAV */

 input [type="submit"], .wpcf7-submit{
    margin-top: 20px!important;
    padding: 1%!important;
    background-color: #2C5499!important;
    border:1px solid #2C5499;
    color:white!important;
    font-size:16px!important;
    font-weight:bold!important;
 }

 .wpcf7-submit:hover, .mc-embedded-subscribe:hover{
    background-color:white!important;
    border:1px solid #2c5499!important;
    color: #2C5499!important;
 }

 .menu-item-7196{
   background-color: #E81f76;
   padding:5px;
 }

 #top-menu li a{
  font-weight:normal!important;
  /* text-transform:uppercase!important; */
 }

 #et-secondary-menu>ul>li a{
   padding-bottom:0;
   font-size:16px;
 }

 #main-header{
   top:0;
 }

 #top-header .container{
   padding-top:0;
 }

 #top-header{
  background-color: white!important;
 }

 .et_search_form_container input{
   background-color:white;
   width:40%;
   padding-left:20px;
 }

 .menu-item-has-children a:hover{
   border-bottom:3px solid #E81f76;
 }

 #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a{
   color: #E81f76;
 }

 nav ul li a:hover{
   background-color: white!important;
   color: rgba(0,0,0,.6)
 }

 .sub-menu li a{
   text-transform: none!important;
 }

 #top-menu li {
   margin-left:12px!important;
   padding-right: 10px!important;
 }

 #top-menu li a{
   font-size:14px!important;
   color:black!important;
 }

 #et_top_search{
   margin: 15px 0 0 22px;
 }

 #top-menu li li{
   padding: 5px 10px!important;
   width:100%!important;

 }

 .et_mobile_menu li li{
   padding-left:0!important;
 }

#mobile_menu li{
   margin-left:0!important;
}

#et-secondary-nav a{
  text-decoration: none;
}
/* END NAV */

.home-text div p{
  font-size:18px!important;
  color:black
}

.home-text a{
  text-decoration: underline;
}

.et_pb_video_play {
  text-decoration: none!important;
}

/* RESOURCES */

.searchandfilter ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.searchandfilter ul li{
  margin: 10px;
}

.sf-field-submit input{
  background-color: #E81f76;
  border: 0px;
  border-radius: 10px;
  font-size: 18px;
  color:white;
  padding:7px;
}

.sf-field-submit input:hover{
	background-color: black;
}

.sf-field-reset a{
  color:black;
}

.searchandfilter select.sf-input-select {
  font-size:18px;
  min-width:200px;
  max-width:200px;
  border-radius:10px;
  padding:10px;
}

.searchandfilter li.sf-field-search {
  font-size:18px;
  width: 200px;
}

.searchandfilter input[type="text"]{
  font-size:18px;
  width: 200px;
  border-radius:10px;
  padding:7px;
}

.resource-filter .et_pb_text_inner{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}

.resource-filter p{
  width:10%!important;
}

.resource-results{
  display:flex;
  flex-wrap:wrap;
  padding-bottom:20px;
  align-items: center;
}

.resource-logo{
  width:10%;
}

/* .resource-button{
  width: 15%;
} */

.resource-details{
  width:75%;
  padding:2% 3%;
}

.resource-details img{
  height:18px!important;
}

.resource-name{
  padding-bottom:10px;
}

span.resource-phone{
  padding-right:5px;
}

.resource-button{
  background-color: #e81f76;
  border: 1px solid #e81f76;
  border-radius: 5px;
  padding: 5px 15px;
  font-size:18px;
  text-align:center;
  color: white!important;
  text-decoration: none!important;
}

.resource-button:hover{
  background-color: #c71a63;
  border: 1px solid #c71a63;
  color:white!important;
}

.resource-button a:hover{
  color:white;
}

.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi a.nextpostslink, .wp-pagenavi .previouspostslink{
  color:black!important;
  font-size:18px!important;
}

.wp-pagenavi span.current{
  color:#E81f76!important;
}

.wp-pagenavi a:hover{
  color:#E81f76!important;
}

.wp-pagenavi {
  float:right;
  border:none!important;
}

.last-updated{
  float:right;
}

.last-updated p{
  color:grey; 
  font-size:16px!important;
}

.resource-services .et_pb_text_inner{
  color:black;
  font-family:'quasimoda',sans-serif!important;
  font-size:18px!important;
}

select {
  color:black;
}

.resource-card{
  width:33%;
}

/* STORIES */

.et_main_video_container{
  height:250px!important;
}

article .entry-title{
  font-size:22px!important;
  color:#DE1B83!important;
}

article .entry-title:hover{
  text-decoration: underline;
}

article .post-content-inner p{
  font-size:16px!important;
  text-transform: uppercase;
}

/* HIDDEN TEXT*/

.xylazine-text{
  display:none
}

/* FOOTER */

footer a{
  text-decoration: underline;
  color:white!important;
}

@media screen and (max-width: 767px) {
  h1{
    font-size:50px!important;
  }

  h2, .h2-headers{
    font-size:45px!important;
  }

  h3, .h3-headers{
    font-size:35px!important;
  }
}