/*

Theme Name:     hobknob

Description:    

Author:         Larissa Kepchar

Template:       Divi



(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)

*/ 


t


div.footer-widget #text-6 {width: 39.666% !important}

.tslider blockquote footer::before {
    content: "― ";
	display: none !important;
}



.map {
	width:100%;
	height:475px;	
}





.map-wrap {
	position:relative; 
}

	

.overlay {
	width:100%;
	min-height:475px; 
	position:absolute; 
	top:0;
}





body, html {font-size:18px !important; color:#000 !important;}

body, html, h1, h2, h3, h4, h5, h6 {font-family: 'EB Garamond', serif;
}

p {font-size:18px; color:#000; line-height: 28px}



h1 {
	color:#705150 !important;
	font-size: 34px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important
}


h3 {
	color:#986c6a !important;
	font-size: 30px !important;
}

h4 {

	color:#986c6a;

	font-size: 24px;

}
#rooms{text-align:center !important; margin-left: 150px !important}

#rooms .et_pb_column.et_pb_column_1_3 {padding-left:10px !important; padding-right:10px !important}

#rooms h3 {
	color:#986c6a !important;
	font-size: 26px !important;
	text-transform: uppercase !important;
	margin-bottom: 40px !important;
	margin-top: -15px !important;
	letter-spacing: 2px !important;
}
.text-area h3 {

	color:#986c6a !important;

	font-size: 26px !important;

	text-transform: uppercase !important;

	margin-bottom: 40px !important;

	margin-top: -15px !important;

	letter-spacing: 2px !important;

}



.text-area .et_pb_column.et_pb_column_1_3 {margin-right:20px !important; margin-left:20px !important}



.et_pb_section {

    padding: 0px 0 !important;

}



.et_pb_row {

    padding: 0px 0 !important;

}





#main-header .container {

    position: relative;

    width: 100% !important;

    max-width: 1200px !important;

    margin: auto;

}





#main-header {

	background-image: url(../../../images/header-bg.png) !important;

	background-repeat: repeat-x !important;

    position: relative;

    z-index: 99999;

    top: 0;

    width: 100%;

    background-color: transparent !important;

    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;

    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;

    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;

    font-weight: 500;

    line-height: 23px;

}





#bread {margin:0px auto; max-width: 1200px;}



.breadcrumb { padding:0px 20px 10px 20px !important; border-bottom:1px solid #ddd}



#header-image {margin-top:-85px !important;}





#logo {position:relative; z-index:999 !important; width:330px !important; height:222px !important;}


#rooms .et_pb_row, .gallery .et_pb_row {

    position: relative;

    width: 100%;

    max-width: 1200px;

    margin: auto;

	padding-left: 20px !important;

	padding-right: 20px !important;

}

.text-area .et_pb_row, .gallery .et_pb_row {

    position: relative;

    width: 100%;

    max-width: 1200px;

    margin: auto;

	padding-left: 20px !important;

	padding-right: 20px !important;

}



#main-footer .container {

    position: relative;

    width: 100%;

    max-width: 1200px;

    margin: auto;

	padding-left: 20px !important;

	padding-right: 20px !important;

}



.gallery {padding:50px 0px 50px 0px !important}

.text-area {padding:50px 0px 50px 0px !important}
#rooms {padding:50px 0px 50px 0px !important; }



.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {



    width: auto;

    margin: 0 0px 0 0 !important;

    padding: 0.3em 1em !important;

	font-size: 20px !important;

    background: #651414;

    border-radius: 0px;

    letter-spacing: 1px;

	color: #f5e5c1 !important;

	border:0px solid #fff !important;

	cursor: pointer !important;

	font-family: 'EB Garamond', serif;

}





.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover

{

background-color:#922625	

}



/* Header */



#my-top {float:right !important; width:60% !important; padding-top:35px; z-index:9999999 !important; position: relative !important;}





.my-top-left a {

color:#000000;

font-size:26px;

font-weight:300;	

font-style:normal !important

}



.my-top-right a {

color:#f5e6c1;

font-size:26px;

font-weight:500;	

background-color:#651414;

font-style:normal !important;

padding: 4px 50px 8px 50px;

cursor:pointer !important;

text-transform:uppercase;

letter-spacing:1px;

}





.btn-red {

color:#f5e6c1;

font-size:22px;

font-weight:400 !important;	

background-color:#651414;

font-style:normal !important;

padding: 4px 50px 8px 50px;

cursor:pointer !important;

text-transform:uppercase;

letter-spacing:2px;

}



.my-top-right a:hover, a.btn-red:hover { background-color:#922625;

}





.img-left {float:left !important}



.my-top-left img { margin-right: 20px;}

.my-top-left {float:right;  z-index:9999999 !important; margin-right: 30px !important}

.my-top-right {float:right;  z-index:9999999 !important; padding-top: 15px;}

	









/* End Header */



#slideshow {margin-top:-140px !important}



/* Main Menu */



.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {

    padding-bottom: 10px !important;

}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {

}



#top-menu { margin-top: -120px !important}



#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {

    position: absolute;

    top: 0;

    right: 0;

    font-family: "ETmodules";

    font-size: 26px;

    font-weight: 800;

    content: "3";

}



#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {

}



#top-menu li {

    display: inline-block;

    font-size: 20px !important;

	font-weight:400 !important;	

	text-transform: uppercase !important;

	letter-spacing:3px;

	padding-left:40px;

	

}



#top-menu li a {}



#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {

    opacity: 1.0 !important;

	color:#705150 !important;



    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}

#top-menu li li {

    margin: 0;

    padding: 0 0px;

	margin-top:-3px !important;

}

#top-menu li li a {

    width: 280px !important;

    padding: 10px 20px 10px 20p !important;

	font-size:16px !important;

	border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}



#top-menu li li a:hover {color: #705150 !important;}



.nav ul li a:hover, .et_mobile_menu li a:hover {

}



#top-menu li li a:hover {

    color: #705150 !important;

}



#top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {

    padding-right: 24px;

}



.nav li ul {

    position: absolute;

    padding: 0px 0;

}



.nav li ul {

    visibility: hidden;

    z-index: 9999;

    width: 280px;

    border-top: 0px solid #2ea3f2 !important;

    opacity: 0;

    background: #f5e6c1 !important;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}





ul.sub-menu {}



#main-header.et-fixed-header {

    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) !important;

    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) !important;

    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) !important;

}

/* End Main Menu */





/* Slideshow */



.tp-caption {

font-style: italic !important;

}



.tp-caption img { width:330px!important}	



/* End Slideshow */





/* Welcome */

.welcome {padding:5% 0px 5% 0px !important; border-bottom:6px solid #651414;}





/* End Welcome */



.links  {padding:5% 0px 5% 0px !important; border-top:6px solid #651414; border-bottom:6px solid #fff;



}





.links .et_pb_row { background-color: #fff !important; margin-bottom:25px !important;}





.links-right h2 {

	color:#651414 !important;

	font-size: 34px !important;

	font-weight: 500 !important;

	border-bottom:1px solid #f5e6c1 !important;

	text-transform: uppercase !important;

	padding-bottom: 15px !important; 

	margin-bottom: 10px !important;

	

}



.links-right {padding:25px 20px 0px 20px !important}



.links-right P {color:#651414 !important; font-size: 18px !important;}



.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {

    margin-right: 0% !important;

}



a.more {color:#f5e6c1 !important; background-color: #651414 !important; float:right !important; font-size: 40px; padding:0px 9px 10px 9px; margin-bottom: 10px !important;}

a.more:hover {color:#651414 !important; background-color: #f5e6c1 !important;}

/* contact */



.contact { 

	background-image:url(../../../images/red-pattern.jpg) !important; 

	border-top:6px solid #fff;

	border-bottom:6px solid #f5e6c1;

	padding: 1% 0% 1% 0% !important;

}



#contact-inner, #contact-2-inner {margin:0px auto !important; max-width:900px !important;}



.contact p, .contact-2 p {color:#f5e6c1; font-size: 26px; text-transform:uppercase; }

.contact a, .contact-2 a {color:#f5e6c1; font-size: 36px; text-transform:uppercase; letter-spacing:2px;}



.contact-2 { 

	background-image:url(../../../images/red-pattern.jpg) !important; 

	border-top:6px solid #922625;

	border-bottom:6px solid #922625;

	padding: 1% 0% 1% 0% !important;

}



/* end contact */



/* Testimonials */



.testimonials { border-top:6px solid #f5e6c1; padding:2% 0px 2% 0px !important;}





.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li::before, .et_pb_pricing li::before, blockquote {

    border-color: transparent !important;

}



.tslider blockquote p {

    font-size:22px !important;

    color: #651414 !important;

    font-weight: 300;

    margin: 0.4em 0 1em;

	font-style: italic !important;

	padding-left:60px !important;

	padding-right: 60px !important;

	text-align: center !important;

}





.tslider blockquote footer, .tslider blockquote footer a {

    font-size: 16px !important;

    color: #922625 !important;

    text-align: right;

	padding-right: 60px !important;

}



.bx-wrapper .bx-prev {

    left: 10px;

    background: url(../../../images/controls.png) no-repeat 0 -32px !important;

	

}





.bx-wrapper .bx-next {

    right: 10px;

	background: url(../../../images/controls.png) no-repeat -43px -32px !important;

}

/* end Testimonials */



/* Map */

.map {border-bottom:6px solid #651414}

/* End Map */



/* footer */

#main-footer {

    background-color: #922625;

	border-top:6px solid #651414;

	background-image: url(../../../images/light-red-pattern.jpg) !important;

}





#footer-bottom {

    background-color: #922625;

	background-image: url(../../../images/light-red-pattern.jpg) !important;

	color: #f5e6c1 !important;

	font-size:16px !important;

	text-align: center !important;

	padding-bottom: 10px !important;

}



#footer-bottom-inner {margin:0px auto !important; max-width:1200px !important; 	border-top:1px solid #f5e6c1; 	padding-top: 10px !important; padding-left: 20px; padding-right:20px !important;}



#footer-bottom a {

    color: #f5e6c1 !important;

	font-size:16px !important;

    text-decoration: none;

}



#main-footer p {

    color: #f5e6c1 !important;

	font-size:18px !important;

    text-decoration: none;

}



#main-footer .footer-widget h4 {font-size:25px !important; text-transform: uppercase !important;}



#main-footer .et_pb_widget a {

    color: #f5e6c1;

	font-size:18px;

    text-decoration: none;

}



#main-footer .et_pb_widget a:hover {color:#fff !important}



span.phone a { font-size: 26px !important; letter-spacing: 1px !important}



#text-3 img { margin-right:40px;}



#text-2 {border-bottom:1px solid #f5e6c1; padding-bottom:8%;}

#text-5 { text-align: center !important; text-transform:uppercase !important; letter-spacing: 1px !important}

#text-5 h2 {color:#f5e6c1 !important; text-transform: uppercase !important; font-size: 55px !important; letter-spacing: 2px !important}



#text-5 h5 {font-size:30px !important; color:#f5e6c1 !important; text-transform: uppercase !important;}

#text-4 {text-transform: uppercase !important;}

#text-4 a {line-height:28px !important}



.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {

    margin-bottom: 8% !important;

}



.et_pb_gutters3 .footer-widget {

    margin: 0 5.5% 0% 0;

}



/* end footer */





@media (max-width: 1280px) {

	#top-menu, #my-top {padding-right:20px;}



	

}



@media (max-width: 1080px) {

#top-menu li {

    display: inline-block;

    font-size: 18px !important;

    font-weight: 400 !important;

    text-transform: uppercase !important;

    letter-spacing: 3px;

    padding-left: 20px;

}

	

}



@media (max-width: 1001px) {

#top-menu li {

    display: inline-block;

    font-size: 18px !important;

    font-weight: 400 !important;

    text-transform: uppercase !important;

    letter-spacing: 3px;

    padding-left: 15px;

}

	

}





@media (max-width: 860px) {

	.my-top-left {display: none !important}

	

}





@media (max-width: 570px) {

	.my-top-right {display: none !important}

	

}







@media (max-width: 980px) {

	#rooms{text-align:center !important; margin-left: 0px !important}

	.et_mobile_menu .menu-item-has-children > a {

    background-color: rgba(101, 20, 20, 1.0) !important;

    font-weight: 400 !important;

}

	
.et_pb_fullwidth_image_1 {
    padding-top: 0% !important;
	margin-top:-1% !important
}


.et_mobile_menu li a {

    display: block;

    padding: 10px 5%;

    border-bottom: 1px solid rgba(101, 20, 20, 0.5) !important;

     color: #651414 !important;

	font-size:18px !important;

	font-weight: 400 !important;

	text-transform: uppercase !important;

}	

	

	.et_mobile_menu li li a { padding-left:7% !important; font-size:16px !important}

	

	

	.et_mobile_menu {

    display: none;

    visibility: visible;

    position: absolute;

    z-index: 9999;

    left: 0;

    width: 100%;

    padding: 0% !important;

    border-top: 0px solid #2ea3f2 !important;

    opacity: 1;

    background: #f5e6c1 !important;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

	

	

	.et_mobile_menu .menu-item-has-children > a {

    background-color: rgba(245, 230, 193, 1.0) !important;

    font-weight: 400 !important;

}

	

	#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul {

    display: block !important;

    visibility: visible !important;

    padding-left: 0px !important;

}

	

	

	

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {

    padding-bottom: 0px !important;

}



.nav ul li a:hover, .et_mobile_menu li a:hover {

    opacity: 0.5 !important;

    background-color: rgba(245, 230, 193, 0.5) !important;

	color:#705150 !important;

}

	

	.et_mobile_menu li li {

    padding-left: 0% !important;



}

.tp-caption img { width:326px!important}	

	

#logo {

position: relative !important;

    z-index: 999 !important;

    display:block !important;

    float: none;

    max-height: 100% !important;

    margin-bottom: 0;

    vertical-align: middle;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    -webkit-transform: translate3d(0, 0, 0);

	margin-top: -161px !important

}



	

.mobile_menu_bar:before {

    position: relative;

    top: 0;

    left: 0;

    font-size: 42px !important;

    content: "\61";

    cursor: pointer;

	color: #651414 !important;

	padding-right: 20px !important;

}

	

#footer-bottom-inner { padding-left: 20px; padding-right:20px !important;}	



	

	#footer-widgets .footer-widget .fwidget {

	float: none !important;

		display:block !important;

		width:100% !important;

    color: #fff;

	text-align:center !important;}

	

  .footer-widget:nth-child(n) {

    width: 100% !important;

    margin: 0 7.5% 7.5% 0 !important;

}

	

	.footer-widget {

    float: none !important;

    color: #fff;

	text-align:center !important;

}

	

.contact p, .contact-2 p { text-align: center !important; line-height: 28px !important;}

.contact-2 img, .contact img {float:none !important; display: block !important; text-align: center !important;}

.contact-2 img, .contact img {

    display: none !important;

}	

#slideshow {margin-top:-90px !important}	

}

@media (max-width: 670px) {

	#header-image {margin-top:0px !important;}

	.tp-caption {display: none !important}

}





@media (max-width: 570px) {

	

#header-image {margin-top:0px !important;}

	

#logo {

position: relative !important;

    z-index: 999 !important;

    display:block !important;

    float: none;

    max-height: 100% !important;

    margin-bottom: 0;

    vertical-align: middle;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    -webkit-transform: translate3d(0, 0, 0);

	margin-top: -106px !important

}



	



}



@media (max-width: 545px) {

.links-right h2 {

	color:#651414 !important;

	font-size: 28px !important;

	font-weight: 500 !important;

	border-bottom:1px solid #f5e6c1 !important;

	text-transform: uppercase !important;

	padding-bottom: 15px !important; 

	margin-bottom: 10px !important;

	

}



.et_header_style_left #logo, .et_header_style_split #logo {

    max-width: 70% !important;

}	

}





@media (max-width: 410px) {

.links-right h2 {

	color:#651414 !important;

	font-size: 20px !important;

	font-weight: 500 !important;

	border-bottom:1px solid #f5e6c1 !important;

	text-transform: uppercase !important;

	padding-bottom: 15px !important; 

	margin-bottom: 10px !important;

	

}