/*

Theme Name: Hampton Suites

Description: A custom child theme based on Divi.

Template: Divi

*/



@import url("../Divi/style.css");



/* Main colours:

	Light Brown : #c8a84c

	*/



/* Customisations Go Under Here */



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

@font-face {

    font-family: 'playfair_displaybold';

    src: url('fonts/playfairdisplay-bold-webfont.eot');

    src: url('fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),

         url('fonts/playfairdisplay-bold-webfont.woff') format('woff'),

         url('fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),

         url('fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'playfair_displayitalic';

    src: url('fonts/playfairdisplay-italic-webfont.eot');

    src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),

         url('fonts/playfairdisplay-italic-webfont.woff') format('woff'),

         url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype'),

         url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'playfair_displayregular';

    src: url('fonts/playfairdisplay-regular-webfont.eot');

    src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),

         url('fonts/playfairdisplay-regular-webfont.woff') format('woff'),

         url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),

         url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff'),

         url('fonts/roboto-bold-webfont.ttf') format('truetype'),

         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'robotoitalic';

    src: url('fonts/roboto-italic-webfont.eot');

    src: url('fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-italic-webfont.woff2') format('woff2'),

         url('fonts/roboto-italic-webfont.woff') format('woff'),

         url('fonts/roboto-italic-webfont.ttf') format('truetype'),

         url('fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff'),

         url('fonts/roboto-regular-webfont.ttf') format('truetype'),

         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* GENERAL HTML -------- */



body {

	color: #000;

	background-color: #fff;

	font-family: 'robotoregular', Arial, sans-serif;

	font-size: 19px;

	font-weight: 500;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	line-height: 1.7em;

}



/* Typography -------- */



h1, h3, .blurb_section h4, h4.widgettitle, h2.et_pb_slide_title, h2.roman {font-family: 'playfair_displayregular', "Goudy Old Style", Garamond, "Times New Roman", serif; font-weight:normal;}

h2, #about_text {font-family: 'playfair_displayitalic', "Goudy Old Style", Garamond, "Times New Roman", serif; font-weight:normal;}

h5 {font-family: 'robotobold', Arial, sans-serif; font-weight:normal; text-transform:uppercase; font-size:24px; line-height:36px;}

h1 {font-size:62px; line-height:70px;}

h1.entry-title, #blogarchive h2.et_pb_slide_title {font-size:40px !important; line-height:46px; color:#3c2b21;}

h2 {font-size:34px !important; line-height:40px; color:#3c2b21;}

h3 {font-size:30px; line-height:36px; color:#3c2b21; text-transform: uppercase;}

h3.small, .blurb_section h4 {font-size:25px; line-height:32px; color:inherit; text-transform: none;}

h4.widgettitle {font-size:24px; text-transform:uppercase;}



#home_masthead h1 {font-size:68px; line-height:74px;}

.suite_masthead h5 {margin-top:20px; margin-bottom:30px;}



.bodysmall, #sidebar {font-size:18px; line-height:26px;}

.bodysmaller {font-size:14px; line-height:22px;}



#et-top-navigation #top-menu {font-family: 'playfair_displayregular', "Goudy Old Style", Garamond, "Times New Roman", serif;}



b, strong, .bold {font-family: 'robotobold', Arial, sans-serif; font-weight:normal;}

i, em, .italic, .oblique, .et_pb_testimonial_meta {font-family: 'robotoitalic', Arial, sans-serif; font-style:normal;}



.contact_module #et-info-email, .contact_module #et-info-phone {font-size:16px;}



::-moz-selection {background-color:rgba(200, 186, 76, 0.7);}

::selection {background-color:rgba(200, 186, 76, 0.7);}



/* Styling ------ */

.sec_whiteborder {border-top:3px solid #fff; border-bottom:3px solid #fff;}



.cont_dotborder_top.et_pb_section, .cont_dotborder_top.et_pb_section .et_pb_row {padding-top:0px;}

.cont_dotborder_top.et_pb_section .et_pb_row {border-top:2px dotted #3c2b21;}

.cont_dotborder_top.et_pb_section .et_pb_row .et_pb_column {padding-top:40px;}

.et_pb_button {color:#fff !important; font-family: 'robotobold', Arial, sans-serif;}



/* ---- Top Header & Nav ---- */

#main-header {border-bottom:4px solid #c8a84c;}

#top-header .container {font-weight: normal;}

#top-header .container a, #top-header .container a:visited {color:#000;}

#top-header .container #et-info-phone::before, #top-header .container #et-info-email::before {color:#fff !important; margin-right:8px;}

#top-header .container #db-info-text {float:right;}



/* ---- Masthead ----*/

#home_masthead .et_pb_slide {height:100vh;}

#home_masthead .et_pb_slide_description {padding: 14% 2%;}

#home_masthead p {padding:20px 0 10px 0;}

div.masthead_mod, .roundedmod {

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

}



#intro_module h3 {padding-top:10px; padding-bottom:5px;}

.suite_module_home .et_column_last {padding-top:43px; text-align:right;}



/* ---- Footer ---- */

#main-footer {font-size:14px; line-height:20px; margin-top:50px;}

.page-id-54 #main-footer {margin-top:0px;}

#main-footer a, #main-footer a:visited {color:#000 !important;}

#main-footer #et-info-phone::before, #main-footer #et-info-email::before {color:#fff !important; margin-right:8px;}

#footer-logo {width:20px; float:left; margin-right:15px;}

#footer-logo img {width:100%;}

.footer-item {margin-right:25px;}

#footer-info span {margin-top:5px;}

#footer-contact {float:right; text-align:right;}



/* ---- Google Maps ---- */

.et_pb_map {}



/* ---- Other Elements ---- */

/*.et_pb_section.pagetitle_strip {padding-top:30px; padding-bottom:30px;}*/

.goldmod .et_pb_row {}

.et_pb_blurb_content {max-width:100%;}



.listmenu {padding-top:20px;}

.listmenu p {margin-bottom:0px; padding-bottom:0px;}



.et_pb_main_blurb_image img {border:1px solid #c8a84c;}



.et_pb_testimonial_author, .et_pb_testimonial_meta {font-size:85%;}



.et_pb_main_blurb_image {margin-bottom:10px;}



.suitemod_text {float:left; width:63%;}

.suitemod_button {float:right; width:33%; text-align:right; padding-top:15px;}



.desktop_item {}

.mobile_item {display:none;}



/* ---- Suite Pages ---- */





/* ---- Gallery ---- */

.et_pb_gallery_grid .et_pb_gallery_item {margin-right:10px !important; margin-bottom:10px !important;}



/* ----- Lists ----- */

.entry-content ul {line-height:1.7em; list-style-type:circle;}

.entry-content .bodysmall ul {line-height:26px;}

.entry-content .bodysmaller ul {line-height:22px;}

ul.roompoints {margin-top:15px; line-height:26px;}



.bodysmall .et-pb-icon {font-size:18px; margin-right:6px;}



/* ---- Sticky Pop-UP ---- */

.sticky-popup {width:250px !important;}

.popup-content {height:250px !important;}



/* RESPONSIVE STYLES ---------

============================*/



@media all and (min-width: 1405px) {}



@media all and (min-width: 1100px) and (max-width: 1405px) {

	body {font-size:18px;}

	#top-menu li {padding-right:9px;}

}



@media all and (min-width: 981px) and (max-width: 1405px) {}



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



@media all and (max-width: 1100px) {

		#top-header {font-size:12px !important;}

}



@media all and (min-width: 981px) and (max-width: 1100px) {

	#top-menu li {padding-right:9px; font-size:13px; letter-spacing:-.5px;}

	#home_masthead h1 {font-size:48px; line-height:54px;}

	.et_pb_column .suitegallery .et_pb_grid_item:nth-child(n) {width: 23% !important; margin: 0 10px 10px 0 !important;}

	.suitegallery.et_pb_gallery_grid .et_pb_gallery_image, .suitegallery.et_pb_gallery_grid .et_pb_gallery_image img {min-width:28px !important; width:128px !important;}

	.suitegallery .et_overlay {width:128px !important;}

}



@media all and (max-width: 980px) {

	span#db-info-text {display:none;}

	

	.et_header_style_centered #main-header {padding:10px 0 10px 0;}

	#main-header .container {margin-top:0px; width:100%;}

	#main-header .logo_container {width:200px; float:left; text-align:left;}

	.et_header_style_centered #main-header .mobile_nav {background:none;}

	.et_header_style_centered .mobile_nav .select_page {display:none;}

	.et_header_style_centered .mobile_menu_bar {position: absolute; top: 13px;right: 5px;}

	.et_header_style_centered #et_mobile_nav_menu {margin-top:0px; font-family: 'playfair_displayregular'; text-transform:uppercase;}

	.mobile_menu_bar::before {font-size:46px;}

	.container.et_menu_container {width: calc( 100% - 60px);}

	.et_header_style_centered .et_mobile_menu {top:70px;}

	.et_mobile_menu {margin-left: -30px; padding: 5%; width: calc( 100% + 60px);}

	.mobile_nav.opened .mobile_menu_bar:before {content: "\4d";}

	

	h1 {font-size:56px; line-height:64px;}

	#home_masthead h1 {font-size:50px; line-height:54px;}

	.suite_masthead h5 {margin-top:5px; margin-bottom:5px;}

	

	#home_masthead .et_pb_slide_content img, .suite_masthead img {max-width:55%;}

	

	#footer-info {text-align: left;}

	

	.et_pb_column .suitegallery .et_pb_grid_item:nth-child(n) {width: 23% !important; margin: 0 10px 10px 0 !important;}

	.suitegallery.et_pb_gallery_grid .et_pb_gallery_image, .suitegallery.et_pb_gallery_grid .et_pb_gallery_image img {min-width:142px !important; width:142px !important;}

	.suitegallery .et_overlay {width:142px !important;}

	

	.roundedmod.et_pb_row {padding:20px !important;}

}



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

	body {font-size:18px; line-height:26px;}

	.bodysmall, #sidebar {font-size:14px; line-height:22px;}

	.bodysmaller {font-size:12px; line-height:18px;}

}



@media all and (max-width: 767px) {

	.desktop_item {display:none;}

	.mobile_item {display:inline-block;}

	#et-info-phone:before, #et-info-email:before {font-size:26px;}

	#top-header .container {padding-bottom:10px;}

	#top-header #et-info-phone, #top-header #et-info-email, #footer-contact #et-info-phone, #footer-contact #et-info-email {font-size:0px;}

	#top-header #et-info-phone {float:left;}

	#top-header #et-info-email {float:right;}

	

	h1 {font-size:34px; line-height:40px;}

	#home_masthead h1 {font-size:32px; line-height:38px;}

	h2 {font-size:26px !important; line-height:34px; color:#3c2b21;}

	h3 {font-size:24px; line-height:32px; color:#3c2b21; text-transform: uppercase;}

	h3.small, .blurb_section h4 {font-size:22px; line-height:30px; color:inherit; text-transform: none;}

	h4.widgettitle {font-size:22px; text-transform:uppercase;}

	

	.suite_module_home .et_column_last {padding-top:5px;}

	

	.et_pb_column .suitegallery .et_pb_grid_item:nth-child(n) {width: 47% !important; margin: 0 10px 10px 0 !important;}

	.suitegallery.et_pb_gallery_grid .et_pb_gallery_image, .suitegallery.et_pb_gallery_grid .et_pb_gallery_image img {min-width:100% !important; width:100% !important;}

	.suitegallery .et_overlay {width:100% !important;}

	

	.roundedmod.et_pb_row {padding:10px !important;}

	

	.cont_dotborder_top.et_pb_section .et_pb_row {border-top:none;}

	.cont_dotborder_top.et_pb_section .et_pb_row .et_pb_column {padding-top:30px;}

	

	.footer-item {margin-right:0; display:block;}

	#footer-contact {float:none; text-align:left; padding-left:35px; padding-bottom:25px;}

	

}



@media all and (max-width: 600px) {

	.sticky-popup .popup-header {padding: 3px 6px 2px 6px !important;}

	.popup-title {font-size:14px !important;}

	.popup-image img {max-width:12px !important; max-height:12px !important;}

	#home_masthead .et_pb_slide_description {padding: 5% 0%;}

	#home_masthead h1 {font-size:21px; line-height:26px;}

}



@media all and (max-width: 479px) {

	#home_masthead .et_pb_slide_description {padding: 13% 0%;}

	#home_masthead h1 {font-size:26px; line-height:32px;}

	.et_pb_button {display:block; width;100%; text-align:center;}

	

	.suitemod_text {float:none; width:100%;}

	.suitemod_button {float:none; width:100%; text-align:left; padding-top:10px;}

	.suite_masthead h5 {font-size:21px; line-height:28px;}

	

	.et_pb_column .suitegallery .et_pb_grid_item:nth-child(n) {width: 100% !important; margin: 0 0 10px 0 !important;}

}



div#wpgmza_map {

	margin-top:24px;

	margin-bottom:24px;

}


div#sgpb-popup-dialog-main-div {
	border-radius: 20px;
}