/* 
 Theme Name:     WPPortfolio
 Author:         Girish Dadlani
 Author URI:     http://www.wpportfolio.com/
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built of Divi
 Wordpress Version: 5.2.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* 15 Secondary menu text alignment to right - Fine*/
#et-info {
float: right!important;
}

/* Responsive Styles Smartphone Portrait Fine*/
@media all and (max-width: 479px) {
    #et-info {
float: none!important;
}
}
/* Following changes made by Girish*/
/* 18 Change color of the hamburger menu on tablet and mobile*/
span.mobile_menu_bar:before {
    color: #13b594!important;
}
/* 30 Change the mobile menu bottom border */
.et_mobile_menu {
    border-top: 2px solid #1db698!important;
}
/* Secondary menu alignment to left - Fine*/
#et-secondary-menu {
    float: none;
}
/* Style the secondary menu to look like buttons Fine*/
    .menubutton  a {
    display: block;
    padding-bottom: 1em;
    color: #ffffff!important;
    background: #000000!important;
    padding-top: 1em;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
} 

/**
#top-header, #top-header .container, #top-header #et-info, #top-header .et-social-icon a {
    padding-top: 6px;
}

**/
/*  25 Menu Styling This will target all sub menus - remove padding from all submenus top and bottom*/
#top-menu ul {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* This will add a border to all the sub menu line items. */
#top-menu ul.sub-menu li {

    margin:2px; padding:0; width:100%;
   
    background-color: #ffffff;
   /* border-bottom:1px solid #f88c27;*/
}

/* This will target all the anchor!important links sub menus and children only when fixed header class comes into picture */
header#main-header.et-fixed-header ul li ul li a{
color: rgba(0,0,0,0.6)!important;
}
.et-fixed-header #top-menu li a {
    font-size: 14px;
}

/* The next two widths should be same */
/* Will change the width of submenu */
.nav li ul { width : 150px; }

/* Reduce the padding on each sub menu item */
#top-menu li li a {
padding: 2px 6px;
font-size: 14px;
width: 150px;
}

/* This will create a margin between the last most menu item only on desktop*/
@media only screen and (min-width: 1080px){
#et-top-navigation  {
    margin-right: 50px;
}
}




/* Style the secondary menu as buttons 
#et-info, #et-secondary-menu > ul > li a {
    display: block;
    padding-bottom: 1em;
    background: #000000;
    padding-top: 1em;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
}*/
/* Left align the blog title on all blogs on the Idea Zone */
.et_pb_blog_0 .et_pb_post .entry-title,.et_pb_blog_1 .et_pb_post .entry-title, .et_pb_blog_2 .et_pb_post .entry-title, .et_pb_blog_3 .et_pb_post .entry-title, .et_pb_blog_4 .et_pb_post .entry-title, .et_pb_blog_5 .et_pb_post .entry-title {
    padding-left: 0px;
    margin-left: -16px;
}

/* make the columns equal size onthe articles page - all blogs */
@media only screen and (min-width: 768px) {
.custom_blog .et_pb_post {
min-height: 300px;
max-height:300px;
}
}

.orangesquarebullets.et_pb_text ul li { list-style-type: none; }

.orangesquarebullets.et_pb_text ul li:before { 
    content: "▪"; 
    /*padding-right: 12px; color: EB5B1E*/
    color: #EB5B1E;
    font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
    
 
}

/* Button Icon Size */
#page-container #mybutton:before,
#page-container #mybutton:after { 
    font-size: 10em !important;
    line-height: 0.9em !important;
}
#page-container #mybutton:hover { 
    padding-left: 3em !important; 
}


/* general styling */
body {line-height:1.618em}
.pink-text {color:#EB5B1E ;}
.dk-text {color:#231f20;}
.pink-bg {background:#EB5B1E ;}
.grey-bg {background:#a7a9ac;}
.et_pb_post h2 a {color:#231f20;}

.tools {display: inline-block; padding: 0.25em; margin-bottom: 20px; color: #fff; font-size: 33px; text-transform: uppercase; font-weight: 900;margin-right: 20px !important;}

#DownloadChecklist input[type="text"], #DownloadChecklist input[type="email"] {
    width: 100%;
    border: 1px solid #000;
    color: #000;
    height: 53px;
    padding: 16px;
    font-size: 14px;
}

#DownloadChecklist input[type="submit"] {
    color: #000000!important;
    background: #ffffff;
    border-width: 1px!important;
    border-color: #000000;
    border-radius: 0px;
    font-size: 14px;
    background-color: #ffffff;
    padding: 0.5em 1em!important;
}

#DownloadChecklist p {padding-bottom: 3%!important;}

@media only screen and ( max-width: 1200px ) {
.tools {font-size:28px;}
}

@media only screen and ( max-width: 980px ) {
.tools {font-size:24px;letter-spacing:-.02em;}
}

@media only screen and ( max-width: 768px ) {
.tools {font-size:32px;letter-spacing:0em;display:block;}
}
@media only screen and ( max-width: 600px ) {
.tools {font-size:28px;margin-right: 0px !important;}
}

@media only screen and ( max-width: 480px ) {
.tools {font-size:22px;margin-right: 0px !important;}
}

@media only screen and ( max-width: 360px ) {
.tools {font-size:18px;margin-right: 0px !important;}
}

/* remove divi default effects for items with a drop down menu */
#top-menu .menu-item-has-children > a:first-child:after{content: '' ;}
#top-menu .menu-item-has-children {padding-right: 0px;}


/* Mailchimp popup - remove double scroll bars */
.modalContent {
    width: 520px !important;
}

/* Free Checklist button */
.et_pb_newsletter_form p:nth-child(3) {
flex-basis: auto;
margin-left: auto;
}

/* Make the fields 100% on mobile */
@media only screen and (max-width: 570px) {
.et_pb_newsletter .et_pb_newsletter_form .et_pb_contact_field_half {
    flex-basis: 100%;
}
}

@media only screen and (max-width: 980px) and (min-width: 768px){
.et_pb_column_1_2>.et_pb_newsletter_layout_left_right {
    flex-direction: column; 
    align-items: center;
    }}

/* 31 Set the maximum height of the logo itself - make mobile menu larger*/
@media (max-width: 980px) {
.et_header_style_left #logo {
    max-height: 90% !important;
  }
}

/* Change hover color on primary menu */
#top-menu-nav #top-menu a:hover,#mobile_menu_slide a:hover {color: #EB5B1E!important;opacity:1 !important;}
/* Mobile Menu Hover */
.et_mobile_menu li a:hover, header#main-header.et-fixed-header ul li ul li a:hover{
color: #EB5B1E!important;
opacity:1 !important;
}

/* Speaking While Female 2 line button */ 
.swfbutton:before{
    content: 'VISIT SPEAKING WHILE FEMALE'!important;
position: relative;
display: block!important;
opacity: 1;
margin: 0;
font-size: 36px;
padding-top: 5px;
    
}
@media only screen and ( max-width: 480px ) {
.swfbutton:before {
position: relative;
display: block!important;
opacity: 1;
margin: 0;
font-size: 16px;
padding-top: 3px;}
}