/*
 Theme Name:   As Your Are Play Therapy
 Theme URI:    https://sm-webdesigns.co.uk
 Description:  A Wordpress Divi Child Theme for wellness businesses
 Author:       sm web designs studio
 Author URI:   https://readymade-websites.co
 Template:     Divi
 Version:      1.0.0
*/

/*** Geberal styling */
#et-main-area {
    background-color: #f9f9f9 !important;
}

/*** Image hover styling */
a img:hover {
  opacity: 0.5;
}

#main-header {
    box-shadow: none;
}

/* Move top bar to right */
#et-info {
    float: right;
line-height: 1.6em }

/************************************ Navigation styling */
/** Dropdown menu width **/
.nav li ul, #top-menu li li {
    width: 30vw;
}

#top-menu li li a {
    width: 100%;
}

/********************************** Blog pagge styling */
/* Read more button */
.et_pb_blog_0 .more-link {
text-transform: uppercase;
float: right;
    margin-top: 20px;
}

/********************************** Contact pagge styling */
/* Contact form message box size */
.et_pb_contact_message {
min-height: 100px;
}

/*submit button center*/
#et_pb_contact_form_0 .et_contact_bottom_container {
float: none!important;
text-align: center!important;
}

/************************************ Mobile Menu Styling */
/* Hamburger Menu Style */
.mobile_menu_bar:before {
    color: #99b0a8!important;
}

.mobile_nav .select_page {
display: none !important;
}

.mobile_nav {
background-color: rgba(0, 0, 0, 0) !important;
margin-top: -60px;
margin-bottom: 40px;
}

.et_mobile_menu {
top: 80px !important;
}

/************************************ Media Queries ***/
/* ----------- iPhone ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* laptops */
@media screen 
  and (min-device-width: 980px) 
  and (max-device-width: 2400px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

}