/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



.custom-fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.site-header {
	border-bottom: 1px solid #599dca;
}

.inside-header {
	position: relative;
}

.site-logo {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 210px;
}

.site-description {
	display: none;
}

#page-header-13 {
	margin-top: 90px;
}

.page-id-9,
.page-id-168,
.blog,
.archive,
.single {
	margin-top: 150px;
}

.header-widget {
	position: absolute;
	top: 31px !important;
	right: 20px;
}

.header-widget p {
	background: url(images/phone.png) no-repeat 0 -2px;
	padding-left: 35px;
	display: block;
	text-align: left;
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
	color: #7d7d7d;
}

.main-navigation {
	float: left !important;
	margin-left: 260px;
	margin-top: -30px;
}

.captions {
	display: block;
	max-width: 600px;
	position: absolute;
	right: 20%;
	top: 33%;
	text-align: center;
}

.captions h1,
.captions h5 {
	text-align: center;
	color: #fff;
}

.captions h5 {
	background: url(images/underline.png) no-repeat 50% bottom;
	padding-bottom: 25px;
}

div#about {
	position: relative;
	top: -130px;
}

div#services {
	position: relative;
	top: -220px;
}

div#contact {
	position: relative;
	top: -120px;
}

#generate-section-3 .left {
	float: left;
	width: 47.5%;
	padding-right: 2.5%;
}

#generate-section-3 .right {
	float: right;
	width: 47.5%;
	padding-left: 2.5%;
}

#generate-section-3 ul {
	margin-left: 0;
}

#generate-section-3 ul li {
	list-style-type: none;
	padding-left: 190px;
	margin-bottom: 85px;
	min-height: 174px;
}

#generate-section-3 ul li.complete {
	background: url(images/complete.jpg) no-repeat;
}

#generate-section-3 ul li.immediate {
	background: url(images/immediate.jpg) no-repeat;
}


#generate-section-3 ul li.implant {
	background: url(images/implant-retained.jpg) no-repeat;
}


#generate-section-3 ul li.partial {
	background: url(images/partial.jpg) no-repeat;
}


#generate-section-3 ul li.relines {
	background: url(images/relines.jpg) no-repeat;
}


#generate-section-3 ul li.repairs {
	background: url(images/repairs.jpg) no-repeat;
}


#generate-section-3 ul li.mouthguards {
	background: url(images/mouthguards.jpg) no-repeat;
}

h2.contactus {
	text-align: center;
}

.wpcf7 input,
.wpcf7 textarea {
	width: 100%;
	max-width: 330px;
	margin-top: 10px;
}

.wpcf7 textarea {
	height: 120px;
}

#text-4 {
	padding-top: 60px;
}

p.address {
	background:url(images/address.png) no-repeat 0 6px;
}

p.phone {
	background:url(images/phone1.png) no-repeat 0 0;
}

p.email {
	background:url(images/email.png) no-repeat 0 0;
}


p.address,
p.phone,
p.email {
	padding-left: 50px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}


img.pr-circle {
	border: 3px solid #589cc9;
	border-radius: 50%;
	max-width: 300px;
}

img.green-circle {
	border: 3px solid #589cc9;
	border-radius: 50%;
	width: 170px;
}

#text-4 a {
	color: #fff !important;
}

/************** RESPONSIVE *********/

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

	.header-widget {
	    position: absolute;
	    top: 15px !important;
	    right: 20px;
    }
	
	.chch {
		display: none;
	}
	
	.main-navigation {
	    float: left !important;
	    margin-left: 200px;
	    margin-top: -5px;
    }
	
	.captions {
    	right: 20%;
	    top: 25%;
	    text-align: center;
}
	
	
    #generate-section-3 .left {
	    float: none;
	    width: 100%;
	    padding-right: 0;
    }

    #generate-section-3 .right {
	    float: none;
	    width: 100%;
	    padding-left: 0;
    }
}

@media only screen and (max-width: 768px) {
	
    .site-logo {
	    width: 180px;
    }
	
	.header-widget {
	    position: relative;
	    top: 20px !important;
    }
	
	.header-widget p {
    	text-align: right;
		background: none;
    }
	
	.main-navigation {
		float: right !important;
		margin-left: 0;
		margin-top: -25px;
	}
	

	#page-header-13 {
	    margin-top: 100px;
    }
	
	#page-header-13 img {
	    margin-top: 40px;
    }
	

	.captions {
	    max-width: 100%;
	    position: relative;
	    right: 0;
	    top: 20px;
	    text-align: center;
		margin-left: 20px;
		margin-right: 20px;
    }
	
	.captions h1,
	.captions h5 {
	    color: #222 !important;
	    text-align: center;
    }
	
	.captions h1 {
		font-size: 40px;
	}
	
	.captions h5 {
		font-size: 34px;
	}
	
	div#contact {
	    position: relative;
	    top: -110px;
    }
}

@media only screen and (max-width: 480px) {
	
	.site-logo {
		width: 150px;
		top: 20px;
	}
	
	.header-widget {
		right: -10px;
	}
	
	.header-widget p {
    	font-size: 17px;
    }
	
    img.pr-circle {
		max-width: 240px;
	}
	
	#page-header-13 img {
	    margin-top: 20px;
    }
	
	h2,
	h3 {
		text-align: center;
	}
	
	h2 {
		font-size: 28px;
	}
	
	#generate-section-3 ul li {
		list-style-type: none;
		padding-left: 0;
		padding-top: 190px;
		margin-bottom: 85px;
		min-height: 170px;
	}
	
	#generate-section-3 ul li.complete {
        background: url(images/complete.jpg) no-repeat 50% 0;
    }
	
	#generate-section-3 ul li.immediate {
	background: url(images/immediate.jpg) no-repeat 50% 0;
    }

    #generate-section-3 ul li.implant {
	    background: url(images/implant-retained.jpg) no-repeat 50% 0;
    }

    #generate-section-3 ul li.partial {
	    background: url(images/partial.jpg) no-repeat 50% 0;
    }

    #generate-section-3 ul li.relines {
	    background: url(images/relines.jpg) no-repeat 50% 0;
    }

    #generate-section-3 ul li.repairs {
	    background: url(images/repairs.jpg) no-repeat 50% 0;
    }

    #generate-section-3 ul li.mouthguards {
	    background: url(images/mouthguards.jpg) no-repeat 50% 0;
    }
	
	div#contact {
	    position: relative;
	    top: -100px;
    }	
}