/*
Theme Name: Wellmadewebsite
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Tom Fraser http://www.wellmadewebsite.co.uk
Template: Divi
@import url("../Divi/style.css");
*/




/* COLOURS
style colours:
http://www.color-hex.com/color/778899
red::#A80018
navy #00006A
medium blue: #0381FE
lightblue: 60B0FF
yellow #FAD018
*/

/* --- HEADER --- */
header {
    width: 15%;
    float: left;
	position:fixed;
	left:15%;
}
.et-social-google-plus a.icon:before {
    content: "\e09a";
}



/* --- MENU --- */

ul#menu-main li {
    margin-bottom: 12px;
}
.menu-main-container li a {
    font-size: 17px;
	font-family: 'Georgia', Georgia, "Times New Roman", serif;
}
.top-menu ul#menu-main {
    display: block !important;
}



/* PAGES */
div#page-container {
   
    width: 100%;
    height: 100vh;
	padding:3.5em 0 0 0;
}
.page-id-36 #page-container, .page-id-32 #page-container, .page page-id-30 #page-container{
	position:relative;
	overflow-y:scroll !important;
}
#main-content .et_pb_row{
	width:100%;
	max-width:100%;
}

div#et-boc {
    /*max-width: 1440px;*/
    margin: 0 auto;
    width: 100%;
	min-height:87vh;
}
div#et-main-area {
    float: right;
    width: 45%;
	margin-top:111px;
	position:relative;
	right:15%;
	
}
.box-image {
    height: 650px;
    width: 100%;
}
.box-image span.et_pb_image_wrap img {
    width: 100%;
}
p {
    line-height: 140%;
}


.fullheight .et_pb_image {
    height:80vh; 
}
.fullheight .et_pb_image img {
    height:80vh; 
    width:auto;
}

.et_pb_gallery .et_pb_gallery_title {
    display:none;
}
.et_pb_gallery_item .et_pb_gallery_caption{
    margin: .2em 0 0;
    font-size: 11px;
line-height: 1.4;
}
.scroll-box {
    height: 700px;
    overflow-y: scroll;
}

/* Slider Section Css */
.slid-image-in {
    height: 450px;
    overflow: hidden;
}
button.slick-prev.slick-arrow {
   position:absolute;
    left: -100px;
    top: 282px !important;
}
button.slick-next.slick-arrow {
    position: absolute;
    right: -100px;
    top: 282px;
}
h3.slide-subtitle {
    display: none;
}
.slide-content {
    margin-top: 2em;
}

.logo-section-top h1 {
    letter-spacing: -3px;
	margin: 0;
    padding: 0;
	line-height: 32px;
}
header .logo-section-top h2 {
    letter-spacing: -3px;
    padding-left: 50px;
	font-size:40px !important;
	color:#000 !important;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider-container button.slick-prev.slick-arrow, .slider-container button.slick-next.slick-arrow {
    position: absolute;
    bottom: -80px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -200px;
    border: none;
	cursor:pointer;
    border-radius: 100px;
    padding: 0;
    outline: none;
}
.slider-container button.slick-prev.slick-arrow {
    right: 65px;
    background: url(https://margaretlewis.com/wp-content/uploads/2026/04/prev-aarow-h.png) no-repeat center center;
}
.slider-container button.slick-next.slick-arrow {
    right: -100px;
    background: url(https://margaretlewis.com/wp-content/uploads/2026/04/next-aarow-h.png) no-repeat center center;
}

/*     ************   Single post  ******               */

.gallery-sec h2 {
    font-size: 24px;
}
.gallery-sec p.et_pb_gallery_caption {
    font-size: 15px !important;
    margin: 10px 0 0 0 !important;
    letter-spacing: 1px;
}



.entry-content table {
	margin:20px 0px;
	width:100%;
	border:1px solid #60B0FF;
	font-size:80%;
	line-height:1.2em;
}	
.entry-content table td {
	border:1px solid #60B0FF;
	padding: 6px 6px !important;
	
}	

.entry-content ol, .entry-content ul {
	margin:20px 20px;
}
.cont-area input[type="text"], .cont-area input[type="email"]{
    width: 100%;
    height: 42px;
	padding: 0 10px;
    font-size: 15px;
    color: #000;
}
.cont-area {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
	
}
.cont-area textarea{
	width:100%;
	height:80px;
	padding: 0 10px;
    font-size: 15px;
    color: #000;
}	
.cont-in-com .wpcf7-submit{
	float:right;
	background:#666;
	padding:8px 25px;
	color:#fff;
	border:none;
	cursor:pointer;
}


/*     ******************************     MEDSEARCH RESULTS***************************               */
/*

/* -----------REMOVER SIDEBAR -------*/

/*** Take out the divider line between content and sidebar ***/
 #main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/





@media (min-width: 981px){
	
	
	
}

#sidebar {display:none;}


/* -----------  FOOTER -------*/

footer{
    position: relative;
    bottom: 0;
    right: 0;
	width:100%;
	float:left;
}
footer .et_pb_row{
	max-width:100%;
	width:95%;
}
.footer-section-text {
    text-align: right !important;
}

footer .container {
    position: relative;
    text-align: center;
}

#footer-info {
    float: none;
display:block;
width:100%;
    padding-bottom: 10px;
 
    text-align: center;
}
#footer-info span {
	font-size:80%;
	}





footer p:last-of-type {
    padding-bottom: 1em;
}
#footer-bottom .et-social-icons {
    float: none;
    text-align: center;
}
.et-social-icons li {
    display: inline-block;
    margin: 10px 10px 10px 10px;
}




/*     ******************************     TOGGLES ***************************               */

/*     ******************************     MEDIA QUERIES     ***************************               */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1470px) {
.slider-container button.slick-next.slick-arrow{
		right:-54px;
	}
	.slider-container button.slick-prev.slick-arrow{
		left:-54px;
	}
}
@media only screen and (max-width : 1300px) {


	#nav_menu-2{
		width:100% !important;
	}
	#page-container{
		padding:4em 4em 0 4em !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

header{
		width:20%;
		left:10%;
	}
	div#et-main-area{
		right:10%;
		width:50%;
	}
	div#page-container{
		height:100%;
	}
}
@media only screen and (max-width : 1100px) {

	
}

@media only screen and (max-width : 1024px) {

	
	.logo-section-top{
		margin-bottom:0 !important;
		padding-bottom:0;
	}	
	
	.footer-section{
		padding:0 !important;
	}
	
	
	
	footer {
		bottom:20px;
	}
	.et_mobile_menu {
    border-color: #ccc !important;
}
	
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

#page-container{
		padding:0em 4em !important;
	}
	div#et-main-area{
		margin-top:0;
	}
}

@media only screen and (max-width : 992px)  {

#left-area {
    width: 100% !important;
    padding: 23px 0px 0px !important;
    float: none !important;
}
	header, div#et-main-area {
    width: 100%;
		left:0;
   }
	header{
		position:relative;
	}
	#page-container{
		position:relative !important;
	}
	footer{
		width:100%;
		position:static;
	}
	.header-top-section .menu-section-top {
    float: right;
    width: 50%;
    margin-top: 21px !important;
}
	.logo-section-top {
    width: 50%;
    float: left;
		padding:0;
}
	footer .et_pb_row{
		width:100%;
	}
	
}


@media only screen and (max-width: 800px) {
.fullheight .et_pb_image {
    height:auto; 
}
.fullheight .et_pb_image img {
    height:auto; 
    width:auto;
}
	div#et-main-area{
		margin-top:0;
	}	
	div#et-main-area{
		right:0;
		float:left;
	}
	
}


@media only screen and (max-width: 768px) {
#page-container{
		padding:0em 2em !important;
	}
	.slider-container button.slick-next.slick-arrow{
		right:-40px;
	}
	.slider-container button.slick-prev.slick-arrow{
		left:-40px;
	}
	button.slick-prev.slick-arrow, button.slick-next.slick-arrow{
		top:170px !important;
	}
	

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 680px) {





}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
	.slid-image-in{
		height:300px;
	}

}

 /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {



}
 /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 360px) {




}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 330px) {




}