/*
Theme Name: Sarah Dodsley Custom Theme
Theme URI: https://www.sarahdodsley.com/
Description: A custom theme designed solely for Sarah Dodsley (https://www.sarahdodsley.com/)
Author: DVH Design
Author URI: https://dvhdesign.co.uk/
Version: 1.0

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css'); 

/*Font embed Start */

@font-face { font-family: 'glacialbold';
             src: url('fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
                  url('fonts/glacialindifference-bold-webfont.woff') format('woff');
             font-weight: normal;
             font-style: normal; }

@font-face { font-family: 'glacialitalic';
             src: url('fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
                  url('fonts/glacialindifference-italic-webfont.woff') format('woff');
             font-weight: normal;
             font-style: normal; }

@font-face { font-family: 'glacialregular';
             src: url('fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
                  url('fonts/glacialindifference-regular-webfont.woff') format('woff');
             font-weight: normal;
             font-style: normal; }

/*Font embed End */

/* Style Start */

.single img {
  width: 100%;
  height: auto;
}

#comment { width: 90%; }

body { font-size: 16px; }

h1 { font-family: 'glacialbold', sans-serif; 
     font-size: 3.4375em;
     text-transform: uppercase; 
     color: #03485E; 
	 padding-top: 1em;
	 padding-bottom: 0.75em; 
	text-align: center; }

.home h1 { padding-top: 0;
			padding-bottom: 0; }

p, li, td { font-family: 'glacialregular', sans-serif; 
            font-size: 1.125em;
            color: #222; }
     
.mai h1, .maim h1, .how h2, .actn h2, footer h3, .tran h2, .tran p { color: #fff !important;
                                                                     text-align: center; }

.mai h2, .maim h2 { font-family: "ivypresto-display", serif !important;
                     font-weight: 700; 
                     text-transform: none !important;
                     text-align: center !important;
                     color: #fff !important; }

.mai p, .maim p { color: #fff !important;
	  	 		  font-family: 'glacialregular', sans-serif; 
				  font-size: 1.125em;
				  text-align: center;
				  padding-top: 2em; }

h1.slo {  font-family: 'glacialregular', sans-serif; 
          color: #fff;
          font-weight: 700;
          font-size: 1.5em; 
          text-align: center; 
          text-transform: uppercase;
          padding-top: 12px;
          padding-bottom: 12px; }
      
h2 { font-family: 'glacialbold', sans-serif; 
     font-style: normal;
     font-size: 1.875em;
	 text-transform: uppercase;
     color: #03485E;
     text-align: left; 
     padding-bottom: 1em; }

.home h2 { text-align: center; }

.drs h2  { font-family: "ivypresto-display", serif;
           font-weight: 600; 
           text-transform: none;
           text-align: left;
           font-size: 1.875em; 
		   padding-top: 1em;
		   padding-bottom: 1em; }

h3 { font-family: 'glacialbold', sans-serif;
     color: #03485E; 
     font-size: 1.875em;
     text-transform: uppercase; 
	 padding-top: 1em;
	 padding-bottom: 1em;}
     
.grn h3, footer h3 { color: #fff; }
     
h4 { font-family: "ivypresto-display", serif;
     color: #03485E;
     text-transform: none;
     font-size: 1.625em; 
	 padding-top: 1em;
	 padding-bottom: 1em; }

.how p { color: #fff !important;
		 font-size: 1.125em !important; }

a { color: #92742A;
    text-decoration: none; }

a:hover { color: #03485E; }


.fn p { font-size: 0.83em;
        text-align: center;  }
      
.tst p { font-family: 'glacialitalic', sans-serif;
         font-size: 1.125em;
         color: #222; }

a.btn-wwm { background-color: #F8D17F;
            border: 1px #F6F1F1 solid; 
            font-family: 'glacialbold', sans-serif;
            color: #03485E;
            text-transform: uppercase;
            text-align: center;
            font-size: 1.125em; 
            padding: 10px 28px; 
            border-radius: 0; }
            
a.btn-reg, .wpcf7-submit { background-color: #03485E;
                           border: 1px #F6F1F1 solid; 
                           font-family: 'glacialbold', sans-serif;
                           color: #f6f1f1;
                           text-transform: uppercase;
                           text-align: center;
                           font-size: 1.25em; 
                           padding: 19px 50px; 
                           border-radius: 0; 
                           margin-top: 29px;
                           margin-bottom: 29px; }

a.btn-reg:hover, .wpcf7-submit:hover { background-color: #F8D17F;
                                       border: 1px #F6F1F1 solid; 
                                       color: #03485E; }            

a.btn-wwm:hover { background-color: #92742A;
                  color: #fff; }
                  
hr { border-bottom: 3px #F8D17F solid;
     height: 3px !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 30%;
     opacity: 1;
	margin-bottom: 35px; }

     
.cim hr { width: 70%; }
     
.tst p { font-family: 'glacialitalic', sans-serif; 
         font-size: 1.125em;
         color: #222; }
         
.actn p { font-family: 'glacialregular', sans-serif; 
          color: #f6f1f1;
          font-size: 1.125em;
          text-align: center; 
          margin-top: 21px; }
          
.form-control { font-family:"ivypresto-display", serif;
                font-style: italic;
                font-size: 1em;
                font-weight: 100; 
                color: #aaa !important; }
                
.tst p { clear: both;  }

.cnt i { padding-right: 15px; }

.cnt a, .soc a, .oth .menu-item a { color: #fff; }

.oth a { font-weight: 500;
         font-size: 1.125em; }

.soc i { font-size: 1.875em;
         padding-left: 1em;
         padding-right: 1em;}

.cnt a:hover, .soc a:hover, .oth .menu-item a:hover { color: #F8D17F; }

.cnt p { font-size: 1.125em; }

footer p { color: #f6f1f1; }

footer h3 { padding-top: 32px; 
            padding-bottom: 32px; }
            
.b2t i { font-size: 4.0625em; }
            
            
.fn a, .b2t a { color: #F8D17F; }

.fn a:hover, .b2t a:hover { color: #92742A; }

.ibx { background-color: rgba(255,255,255,0.65); }

.ibx h4 { text-align: center; }

.cnt h2 { color: #fff; }

.cnt p, .cnt label { color: #fff; 
					 font-size: 20px;
					 font-weight: 500; }

.cnt label { text-align: left;
			 padding-bottom: 10px; }

li { padding-bottom: 1em; }

/* Style End */

/* Form style Start */

.wpcf7-textarea { height: 200px; }

.wpcf7-text, .wpcf7-email, .wpcf7-textarea { width: 90%; }

/* Form style End */

/* Layers Start */

.mai { display: none; }

.maim {   background: rgb(2,0,36);
          background: linear-gradient(180deg, rgba(2,0,36,0.0032213569021358746) 0%, rgba(78,59,51,1) 6%, rgba(68,51,44,1) 100%);
          padding-top: 38px;
          padding-bottom: 38px;  }

header { background-color: #03485E;
         padding-top: 30px;
         padding-bottom: 30px; }
         
.how { background: #03485E url(images/splatback.webp) no-repeat right top;
       padding-top: 30px;
       padding-bottom: 30px; }  
       
.why { padding-top: 30px;
       padding-bottom: 30px; }       
         
.lgb { display: none; }

.cim { background: url(https://dvhdesign.co.uk/sarahd/wp-content/uploads/2024/07/sarah-dodsley-executive-life-coach-mob.webp) no-repeat center center;
       background-size: cover;
       min-height: 500px }
       
.thd { padding-top: 57px;
       padding-bottom: 57px; }
       
.tst::before { content: "\f10d";
               font-family: "Font Awesome 6 Pro";
               font-size: 2.8125em;
               color: #92742A; }

.tran { background-image: linear-gradient(rgba(140,121,109,0.78), rgba(140,121,109,0.78)), url(https://dvhdesign.co.uk/sarahd/wp-content/uploads/2024/07/transform-life-today.webp);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: cover;
        padding-top: 40px;
        padding-bottom: 40px; }
               
footer { background: #03485E url(images/ftrgrad.webp) repeat-x;
         background-position: left bottom;
         padding-top: 40px;
         padding-bottom: 40px; }
         
.nlet { padding-top: 34px;
        padding-bottom: 34px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'glacialbold', sans-serif;
        font-size: 1.5em;
        font-weight: 700; }  
        
.nlet a { color: #92742A; }
         
.nlet a:hover { color: #03485E; }    

.cnt, .soc .oth { text-align: center; }  

.fn { padding-top: 34px;
      padding-bottom: 34px; }
      
.b2t { text-align: right; }

/* Layers End */

/* Nav styling start */

.active, .current_page_item { }

.navbar { background-color: transparent; }


button.navbar-toggler { background-color: transparent;
                        border-radius: 0;
                        padding: 0.6em;
                        border: 3px #f6f1f1 solid;
                        margin-left: auto;
                        margin-right: auto; 
                        margin-top: 16px;
                        margin-bottom: 16px; 
                        font-size: 2.5em;
                        color: #f6f1f1;
                        border-radius: 10px; }

button.navbar-toggler:hover  {  border: 3px #82742A solid; 
                                color: #82742A; }                    
                        
.navbar-light .navbar-nav menu-item a, .navbar-light .menu-item a {  }

.navbar-nav { border: 1px #f6f1f1 solid; 
              padding-left: 1.5em;
              padding-right: 1.5em;
              margin-bottom: 20px; }

#navbarSupportedContent .navbar-light .navbar-nav .menu-item a:focus, .navbar-light .navbar-nav .menu-item:hover, .navbar-nav .menu-item:focus, .navbar-light .navbar-nav .menu-item:hover {  }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
                          
.navbar-nav .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a, .navbar-nav .menu-item a:focus, .navbar-nav .menu-item a:hover, a.dropdown-item:hover { text-decoration: none; }

.navbar-nav .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a {  }

.navbar-nav .menu-item a { color: #fff;
                           border-bottom: 2px transparent solid; }

.navbar-nav .menu-item {  font-size: 1em !important; 
						  font-family: 'glacialregular', sans-serif;
						  text-transform: uppercase; 
                          font-weight: 500; }

.navbar-nav .menu-item a:hover { color: #fff;
                               border-bottom: 2px #F8D17F solid; }
                               
.navbar-nav ul { list-style-type: none; }

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .menu-item a {
     padding-left: 1rem;
     padding-right: 1rem;
    text-decoration: none;
    text-align: left;
}

.menu-item a {
    display: block;
    padding: .5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
}


/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */


.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport { border: 0 !important; }

p.comment-form-comment label { vertical-align: top; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand {  }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 



 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

header { padding-top: 21px;
         padding-bottom: 21px; }

.lgb { display: inline-block; }

.smb { display: none; }

footer h3, .foll p {  }

.navbar-nav { border: 0; }

.cim { background: url(https://dvhdesign.co.uk/sarahd/wp-content/uploads/2024/07/sarah-dodsley-executive-life-coach.webp) no-repeat center center;
       background-size: cover; }
       
.mai { display: inline-block;
       padding-top: 10em;
       padding-bottom: 10em;  }
       
.maim { display: none; }

.cim hr { width: 50%; }

hr { width: 20%; }

.cnt, .soc .oth { text-align: left; }  

.fn p { text-align: right; }
	
.navbar-nav { padding-right: 0; }	

 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.how { background-color: #03485E;
     background-image: url(https://dvhdesign.co.uk/sarahd/wp-content/uploads/2024/07/splatback.webp), url(https://dvhdesign.co.uk/sarahd/wp-content/uploads/2024/07/splatback.webp);
     background-repeat: no-repeat, no-repeat;
     background-position: top left, top right; }  

.navbar-expand-lg .navbar-nav .menu-item a {
     padding-left: 1rem;
     padding-right: 1rem;

}


h1 { font-size: 3.4375em; }

h2 { font-size: 2.8125em; }
	
.drs h2 { font-size: 2.5em; }

h3 {  }

 }

/* Extra large devices (large desktops, 1500px and up)*/
@media (min-width: 1500px) {

.navbar-expand-lg .navbar-nav .menu-item a {
     padding-left: .75rem;
	 padding-right: .75rem; }

}