/*
 Theme Name:     MagdaWright
 Theme URL:      https://magdawright.net
 Author:         WebOptima.eu
 Author URI:     http://weboptima.eu
 Template:       Divi
 Version:        1.0
 Description:    A Divi child theme made and edited by WebOptima.eu, for magdawright.co.uk website
*/



/* ----------- CUSTOM CSS ----------- */


.et_pb_section, #main-footer {
  margin-right:2%;
  margin-left:2%;
}


@font-face {
  font-family: DearJoe;
  src: url(font/DJ5_Casual_PRO_BOLD.ttf);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DearJoe", Helvetica, Arial, Lucida, sans-serif;
}

.joe h3 {
  font-family: 'DearJoe',Helvetica,Arial,Lucida,sans-serif;
  padding-bottom:0;
}


/*
.et_pb_section, #main-footer {
  margin-right:2%;
  margin-left:2%;
}

@media (max-width: 980px) {
.hide-mob {
  display: none;
}
}

@media only screen and (min-width: 981px) {
.et_pb_section {
    padding: 2% 0;
}
}

@media (max-width: 980px) {
.et_pb_section {
    padding: 1% 0;
}
}
*/
/************ HEADER **************/
/*
#main-header {
  display: none;
}

.single #main-header {
  display: block;
}
*/

/*.page .et_pb_section_first, */.home .et_pb_section_first {
    /*padding-top: 20px !important;*/
}


.subtitle h1 {
    font-family: DearJoe;
    font-size: 46px;
    font-weight: 600;
    text-indent: -12%;
    text-align: center;
}

@media (max-width:1182px) {
.subtitle h1 {
    font-size: 4.75vw;
    font-weight: 600;
}
}

.mmenu .widget_nav_menu {
    width:100% !important;
}

.mmenu ul li {
    display:inline-block;
    padding:0px 20px;
    font-size:18px;
    text-transform:uppercase;
    margin-bottom: 0;
    font-weight: 600;
}

.mmenu ul {
    text-align:center;
}

.mmenu ul li a {
  color:#00154f !important;
}

.mmenu ul li a:hover {
  color:#666 !important;
}

@media (max-width: 980px) {
.mmenu.et_pb_gutters1 .et_pb_column .et_pb_widget:nth-child(n) {
    width: 100% !important;
}
}


/*** Fertility page, pricing section ***/

.et_pb_featured_table .et_pb_pricing_content {
    padding-bottom: 30px;
}

.et_pb_pricing li span:before { 
  display:none;
}

.minfo {
  margin:18px auto 5px -14px;
  text-align:center
}

.minfo a {
	font-size:15px;
    line-height: 2em;
	color:#ffffff !important;
	background-color:rgba(28, 110, 140, 0.88);
	padding:8px 12px;
	border-radius:3px;
}


.minfo a:hover {
	background-color:#1c6e8c;
	border-radius:5px;
}



/*
body .main-cta .et_pb_button.et_pb_promo_button:hover {
  transform: scale(1.011);
}

body .main-cta .et_pb_button.et_pb_promo_button, body .main-cta .et_pb_button.et_pb_promo_button:hover {
    text-transform:none;
    font-weight: 600;
    line-height: 1.5em !important;
    padding: 0.66em 1.33em!important;
    transition: transform .1s ease-in-out;
}

@media (min-width:981px) {
body .main-cta .et_pb_button.et_pb_promo_button, body .main-cta .et_pb_button.et_pb_promo_button:hover {
  max-width: 291px;
  padding: 7% 13.66% !important;
}
}

body .main-cta .et_pb_button.et_pb_promo_button:hover {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}
*/

/*
.main-cta.blog-cta {
  display:none;
}


.page-id-234 .main-cta {
  display:none;
}

.page-id-234 .main-cta.blog-cta {
  display:block;
}
*/

/*
.mobile_menu_bar {
    padding-bottom: 0px !important;
}

.mobile_menu_bar:before {
    top: 3px !important;
    font-size: 38px;
}

.mobile_menu_bar::after {
  content:"Menu";
  display: inline;
  padding: 0 0 15px 3px;
  font-size: 12px;
  display: block;
  position:relative;
  top: 4px;
}

@media (max-width: 980px) {
.et_pb_promo_description {
    padding-bottom: 3px;
}


body .main-cta .et_pb_button.et_pb_promo_button,
body .main-cta .et_pb_button.et_pb_promo_button:hover {
  padding: 0.30em 1.3em!important;
}

.et_pb_fullwidth_menu .et_pb_row {
    min-height: 50px;
}

.et_pb_fullwidth_menu .et_mobile_menu {
    top: 55px;
}
}

@media (max-width: 500px) {
body .main-cta .et_pb_button.et_pb_promo_button,
body .main-cta .et_pb_button.et_pb_promo_button:hover {
  padding: 0.30em 1.0em!important;
}
}

.mob-menu.et_pb_row {
    width: 100%;
    max-width: 100%;
    margin: auto;
}

.mob-menu .et_pb_row {
    width: 100%;
    margin: auto;
}

.mob-menu .et_pb_row .et_mobile_nav_menu {
  width:83% !important;
  margin:auto;
}
*/

/*** Menu CTA ***
.menu li.menu-cta {
  display:none;
}

.single #top-menu li.menu-cta {
  display:inline-block;
  vertical-align: middle;
}

.single #top-menu li.menu-cta a {
  max-width: 190px;
  border:2px solid;
  border-radius:5px;
  padding: 5px 14px !important;
  line-height:1.15em;
  position:relative;
  right:-30%;
  text-transform: uppercase;
}

.single #main-header .et_mobile_menu li.menu-cta a {
  border:2px solid;
  border-radius:5px;
  padding: 5px 14px !important;
  position:relative;
  text-transform: uppercase;
  left:35px;
  max-width:280px;
  text-align:center;
  margin-top:5px;
}

.single #top-menu li.menu-cta a:hover {
  background-color:rgba(255,255,255,0.55);
  color:#00154f;
}
*/

/** Menu social **

@media (min-width: 981px) {
.menu-social {
    padding-left: 12px !important;
}

.menu-social-1 {
    padding-left: 40px !important;
}
}

.et-social:before {
    font-family: ETmodules!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 18px;
    text-transform: none;
    speak: none;
    font-size: 20px;
}

.et-social-facebook:before {
    content: "\e093";
}
	
.et-social-twitter:before {
	content: "\e094";
}

.et-social-instagram:before {
    content: "\e09a";
}

.et-social-youtube:before {
    content: "\e0a3";
	/*content: "\e0ba";*/
}

*/

/************ HomePage *************
.promo {
  margin-left:auto !important;
  margin-right:auto !important;
}

.mphoto img {
  border: 6px solid #fcfaf4;
  border-radius: 4px;
  box-shadow: 7px 7px 10px #2f2f2f;
}
*/


/** Testimoials Slider **

.signa {
    float: right;
    margin-right: 1.6vw;
}

.et_pb_bg_layout_light .et-pb-slider-arrows .et-pb-arrow-next,
.et_pb_bg_layout_light .et-pb-slider-arrows .et-pb-arrow-prev {
    color: rgba(136, 136, 136, 0.5) !important;
}
*/



/************ Blog Posts *************

@media (min-width: 981px) {
.et_right_sidebar #main-content .container:before {
    top: 282px;
    background-color: rgba(39,39,39,0.12);
    height: calc(100% - 282px);
}
}

h3.comment-reply-title {
  font-weight:normal;
  font-size:22px;
  padding-bottom: 4px;
}

.logged-in-as {
  font-size:15px;
}

.single .submit.et_pb_button {
  font-size:16px;
  text-transform:none;
  color:#214b70 !important;
}

.widget_search #searchsubmit {
    background-color: #bee7e4;
}

#aboutmewidget-2 {
  font-size: 0.9em;
  line-height:1.46;
  text-align: -webkit-auto;
}

#aboutmewidget-2 a {
  clear:both;
  color:#214b70;
  display: block;
  margin-top: 2px;
}

#aboutmewidget-2 img {
    max-width: 76px;
}
*/

/* Home Blog Title H2 ****
.blog-title h2 {
  font-weight:400;
  font-size:38px;
}

.et_pb_post .post-meta {
    font-size: 14px !important;
    margin-top: -4px;
}
*/

/* Blog Posts Header ***
.single #main-header .container {
  width:100%;
  max-width: 100%;
}

.single .et_header_style_centered #main-header div#et-top-navigation {
    background-color: #bee7e4;
}

.single.et_header_style_centered #et-top-navigation {
    background-color: #bee7e4;
}

@media (min-width: 981px) {
.single.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
    opacity: 1 !important;
    position: absolute;
    left: 5%;
    height: 78px !important;
    padding: 0px 0 6px;
    top: 0;
    z-index: 2;
}

.single.et_header_style_centered #top-menu>li>a {
    padding-top:30px;
}
}

@media (max-width: 980px) {
.single.et_header_style_centered #main-header .mobile_nav {
    height:48px;
}

.et_header_style_centered .mobile_menu_bar {
    top: -4px;
}

.select_page {
  display: none !important;
}

.single #main-header .et_mobile_menu {
    background-color: rgba(190,231,228,0.95);
}

.single.et_header_style_centered .et_mobile_menu {
    top: 48px;
}
}
*/

/************ FOOTER **************/


#footer-bottom {
    background-color: #272727;
}

#footer-bottom .container {
    max-width: 100% !important;
    width: 92%;
}

/*
#footer-info a:hover {
    font-weight: 500;
}
*/
.wpo {
    font-size:10px;
    text-align:right;
    position: absolute;
    bottom: 0;
    right: -2.75%;
    line-height: 1.25em;
    opacity:0.75;
    max-width: 145px;
    color: #888;
}

.wpo a {
    font-weight:normal !important;
    color: #888;
}

.wpo a:hover {
	color: #ccc;
}

@media (max-width: 768px) {
  .wpo {display: none;}
}

@media (max-width: 479px) {
#footer-widgets .footer-widget:nth-child(n), .footer-widget .fwidget {
    margin-bottom: 0 !important;
}
}



/**************************
NEW WEBSITE CHANGES 08/2019
****************************/

#main-header .container {
  width: 88%;
  max-width: 1370px;
}

.single #main-header .container {
  width: 80%;
  max-width: 1080px;
}

@media (min-width: 981px) {
.single #main-header #logo {
    margin-top: -10px;
    max-height:70%;
}

.single #main-header .container {
  background-image:url(/wp-content/uploads/2021/02/header-line1.png);
  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:100% auto;
  padding-bottom: 2vw;
}

.single #main-content {
  margin-top:1.5vw !important;
}
}

    
/** Mobile menu ***/

@media (max-width: 980px) {
.intro-image {
  display:none;
}
    
.single #main-header .et_mobile_menu, #main-header .et_mobile_menu {
    background-color: #373d68 !important;
}

.et_mobile_menu li a {
  font-size:16px;
  color: #ffffff !important
}

.et_mobile_menu li li {
    padding-left: 3%;
}
}


#main-header {
  display: block;
}

.menu-social, .menu-social-1 {
  display:none !important;
}

#et-top-navigation {
    font-weight: 400;
}


/* Yelow line **/

@media (min-width: 981px) {
#logo {
    margin-top:10px
}

.header_line.et_pb_gutters1.et_pb_row .et_pb_column_1_5 {
    width: 4%;
}

.header_line.et_pb_gutters1.et_pb_row .et_pb_column_3_5 {
    width: 92%;
}
}

.nav li ul.sub-menu {
    padding: 10px 0 14px;
    width: 262px;
}

#top-menu li li a {
  transition: all 0.35s linear;
  font-size: 19px;
  width: 220px;
  padding: 9px 10px;
}

@media (max-width: 980px) {
.et_header_style_left #logo {
    max-width: 90%;
    max-height: 70%;
    margin-top: 10px;
}

#main-header {
  padding-bottom:1.5vw;
  background-image:url(/wp-content/uploads/2021/02/header-line1.png);
  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:90% auto;
}
       
.et_pb_section_1.et_pb_section {
    margin-top: 8px !important;
}
}

.et_pb_space {
    height: 11px;
}

/**********/
.magda-circle {
  border-radius:50%;
  max-width:190px;
  border:8px solid #ffffff;
}

/** Header mobile layout ***/
@media (max-width: 768px) {
.linebreak {
  display:block;
}

.magda-circle {
  max-width:28%;
}

#top .subtitle h1 {
    text-align:center;
}
}

@media (max-width: 610px) {
.linebreak {
  margin-bottom:-1.25vw;
}
}

@media (max-width: 520px) {
.linebreak {
    display: none;
}

.et_pb_text.et_pb_text_1 {
  text-align:center !important;
}

.magda-circle {
  display: block !important;
  width:100%;
  float: none !important;
  margin: 6px auto 12px!important;
  clear: both;
  max-width:46%;
}
}
/*** Header mobile layout end  ***/

#top .subtitle h1 {
    text-indent: 0%;
}

@media (max-width: 1419px) {
.divider-large {
    display: none
}
}

@media (min-width: 981px) {
.et-social-icons {
  margin-right:144px !important
}
}

.et-social-icon:before {
  color:transparent
} 

.et-social-icons li {
  margin-left: 4px;
}

.et-social-icons li.et-social-rss  {
  margin-left: 22px;
}

.et-social-rss a.icon:before {
    content: "\e0a3";
}
*/

/*** Landing page ***/

.page-id-1074 #one.et_pb_fullscreen .et_pb_fullwidth_header_container,
.page-id-1074 #one.et_pb_fullwidth_header {
    min-height: 70.3vh !important;
}

/* CTA */

body #page-container .et_pb_section .study-cta.et_pb_cta_1.et_pb_promo .et_pb_promo_button.et_pb_button:hover {
    color: #d1d2d4!important;
}

.back-button {
  background-color:#ffc10a !important;
  margin-left:2%;
}


/* Pop-up */

body .popcta .et_pb_button {
  margin-top:20px;
  border:2px solid #ffffff !important;
  border-radius:30px;
  background-color:transparent;
  font-size:18px;
  font-weight:600;
  letter-spacing:0.5px
}

body .popcta .et_pb_button:hover {
  background-color:#ffffff !important;
  color:#373d68 !important;
  font-weight:700;
  letter-spacing:0.25px
}


/** Body Overlay - preloader **/
body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9901;
    opacity: 1;
    background-color: #FFFFFF;
    visibility: visible;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
body #load.loader-removed {
    opacity: 0;
    visibility: hidden;
}

/* To the header:
<div id="load" class="spinner-loader"><div class="load-wrap"></div></div>
<script type="text/javascript" src="/wp-content/themes/ThemeName/assets/loader.js"></script>
*/


/*** CHILDREN page, pricing section, 21.6.2021. ***/

.prices p {
    width: 100% !important;
    display: block;
    border-bottom: 1px solid;
    padding: 5px 0 !important;
}

.dva.prices p {
    border-bottom: none;
}

.prices h4 {
    line-height:20px;
    display: block;
    border-bottom: 1px solid;
    padding: 5px 0 !important;
    height: 31px;
}

.fees2 a {
  color:#ffffff;
  border:1px solid;
  padding:0px 8px 1px;
  line-height:1em;
  border-radius: 5px;
  background-color:transparent;
  color:#ffffff;
  font-size:15px;
  margin-left:3px
}

.fees2 a:hover {
  background-color:aliceblue;
  color:#373d68
}


@media (max-width: 980px) {
.prices .et_pb_column.et_pb_column_1_2 {
    width: 34% !important;
    float:left !important;
}

.prices.et_pb_gutters1.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 {
    width: 22% !important;
    float:left !important;
}
    
.prices.et_pb_row .et_pb_column.et_pb_column_1_2 {
    width: 50% !important;
    float:left !important;
}

.prices.et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 {
    width: 25% !important;
    float:left !important;
}

.prices {
  width:96%;
}
}

@media (max-width: 780px) {
#consultations.et_pb_section {
    padding: 1% 0 0;
}
    
.prices {
  width:98%;
}

.prices p, .prices span {
  font-size:2.44vw
}

.fees2 a {
  font-size:2.44vw;
  padding: 0px 4px 2px;
}

.prices p.note {
    font-size: 2.2vw;
    line-height: 1.4em;
    padding: 10px 0 6px !important;
    margin-bottom: 0px;
}

.prices h4 {
  font-size:2.5vw;
  min-height: 33px;
}
}