/*
Theme Name: The Royal Cambridge Hotel
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Paul Phillips
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.51.1497719101
Updated: 2017-06-17 18:05:01
*/
/* Custom Headings */

.menu p	{
	padding-bottom:1px!important;
}

.font_4 	{
	font-family: 'Lato', sans-serif!important;
	font-size:30px!important;
	font-weight:300!importnat;
	padding-bottom:3px;
}

.font_5 	{
	font-family: 'Lato', sans-serif!important;
	font-size:25px!important;
	font-weight:300!importnat;
	line-height:130%!important;
	padding-bottom:3px;
}

.font_7 	{
	font-family: 'Lato', sans-serif!important;
	font-size:14px!important;
	font-weight:300!importnat;	
}

.font_8 	{
	font-family: 'Lato', sans-serif!important;
	font-size:17px!important;
	font-weight:300!importnat;	
}
	
.one_half	{ /*Remove column margins to correct layout issue on shorcode columns */
	margin-right:0!important;
}

.eventBox	{
	height:400px;
	padding:50% 0 25% 0;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

.eventText	{
	height:120px;
	background-color:rgba(253,250,235,0.88);
	color:#414141;
	font-size:calc(8px + 0.8vw);
	text-align:center;
	font-weight:300;
	font-family: 'Playfair Display', serif;
}

.eventText p	{
	font-size:calc(8px + 0.8vw);
	padding-bottom:0px;
}

.offersText	{
	padding:5% 5% 5% 5%;
}

.locationText	{
	padding:3% 5% 2% 5%;
}

hr	{
	border-top:1px solid #414141;
	width:30%;
 	background-color:rgba(0,0,0,0);
}

.eventTextFP	{ /* Front page click boxes */
	padding:5% 5% 5% 5%;
	background-color:rgba(253,250,235,0.88);
	color:#414141;
	font-size:26px;
	text-align:center;
	font-weight:500;
	font-family: 'Playfair Display', serif;
}

.hoverFade:hover	{
	/*opacity:0.3;*/
	filter:brightness(120%);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	transition: filter 0.3s;
}
.hoverFade	{
	/*opacity:0.3;*/
	filter:brightness(100%);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	transition: filter 0.3s;
}

.darkenOverlay:before	{
	content:"";
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/*background-color: rgba(58,60,69,0.4);*/
	background-color: rgba(17,27,36,.2);
}

.lightenOverlay:before	{
	content:"";
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/*background-color: rgba(58,60,69,0.4);*/
	background-color: rgba(255,255,255,.5);
}

.triangleTop:before	{ /*Triangle shape for the menu background*/
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 25vw solid transparent;
	border-right: 25vw solid transparent;
	border-top:  1000px solid #ECF0F2;
	position:absolute;
	top:0;
	left:25%;
}

.triangleBottom:before	{ /*Inverted Menu for the bottom of the menu*/
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 25vw solid transparent;
	border-right: 25vw solid transparent;
	border-bottom: 1000px solid #ECF0F2;
	position:absolute;
	top:calc(100% - 1000px);
	left:25%;
}

.triangleTopAT:before	{ /*Triangle shape for the menu background AFTERNOON TEA*/
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 25vw solid transparent;
	border-right: 25vw solid transparent;
	border-top:  600px solid #ECF0F2;
	position:absolute;
	top:0;
	left:25%;
}

.triangleBottomAT:before	{ /*Inverted Menu for the bottom of the menu AFTERNOON TEA*/
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 25vw solid transparent;
	border-right: 25vw solid transparent;
	border-bottom: 600px solid #ECF0F2;
	position:absolute;
	top:calc(100% - 600px);
	left:25%;
}
/*.pp_button	{
	font-size:calc(10px + 0.5vw);
	border-width:1px;
}*/

.pp_button	{
	font-size:calc(10px + 0.5vw);
	padding:2% 4%;
	border:1px Solid; 
    -webkit-transition:	background-color 0.5s, height 4s; /* Safari */
    transition:	background-color 0.5s, height 4s;
}

.pp_button3	{
	font-size:calc(8px + 0.4vw);
}

.pp_buttonDark	{ /*Dark button formatting*/
	margin-right:15px;
	color:#414141!important;
}

.pp_buttonLight	{ /*Light button formatting*/
	margin-right:15px;
	color:#fff!important;
}

.pp_buttonBlue	{
	margin-right:15px;
	background-color:#40667C!important;
	color:#fff!important;
}

.pp_buttonDark:hover	{ /*Dark button formatting*/
	margin-right:15px;
    color:#fff!important;
    background-color:#40667C!important;
    border-color:#fff;
}

.pp_buttonLight:hover	{ /*Light button formatting*/
	/*margin-right:15px;*/
	color:#414141!important;
   	background-color:#fff;
    border-color:#414141!important;
    -webkit-transition:	background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}

.pp_buttonBlue:hover	{
	color:#414141!important;
   	background-color:#fff!important;
    border-color:#414141!important;
}

.thirdBoxStyle	{
	padding-left:5%;
	padding-right:5%;
	height:475px!important;    
}

.halfBoxStyle h2	{
	font-size:calc(30px + 0.6vw)!important;
}

.thirdBoxStyle h2	{
   	/*font-size:50px;*/
	font-size:calc(30px + 0.6vw);
}

.thirdBoxStyle 	p {
   	padding-top:1vh;
	font-size:calc(12px + 0.4vw);
}


.thirdBoxStyleLight > div > p	{
	color:#fff;
}

.thirdBoxStyleLight > a 	{
   	color:#fff!important;
}

.thirdBoxStyleDark > div > p 	{
  	color:#414141;
}

.thirdBoxStyleDark > a 	{
   	color:#414141!important;
}

.offerTicket p	{
	font-size:calc(8px + 1.1vw);
}

.wds_slideshow_dots_thumbnails_0	{
	margin-bottom:20px!important;
}
.caldera_form_outer	{
	border:1px solid #414141;
	padding:1px;
}
#caldera_form_1	{
	border:1px double #414141;
	padding:4%;
}
.form-group 	{
	text-align:center;
}

.caldera-grid label {
	font-family: 'Lato', sans-serif!important;	
	font-weight:300!important;
}

/** Change Background color and text color **/
.caldera-grid .btn {
    background-color:#40667C!important;
    color:#fff!important;
    -webkit-transition:	background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}

.caldera-grid .btn:hover {
    background-color:#fff!important;
    color:#414141!important;
    -webkit-transition:	background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}

/* Weather Widget */
#weather	{
	padding-top:10px;
	float:right;
}
.weather	{
	border:0px solid red;
	width:auto;
}

.weather div	{
	/*width:auto!important;
	height:auto!important;*/
	margin:0px;
}

.wu-forecast-body	{
	display:flex;
	flex-flow: row wrap;
}

.wu-day-title	{
	font-size:40px!important;
	flex: 1 50%!important;
}
.wu-day-current-temp	{
	font-size:36px;
}

.wu-day-current-temp::after	{
	content: "\00b0 c";
}

.wu-icon	{
	flex: 1 50%!important;
    width:auto;
	text-align:left!important;
}
.wu-icon img	{
	height:40px;
	width:40px;
}

.wu-cond-text	{
	border:0px solid green;
	flex: 1 100%!important;
    text-align:left!important;
}

.wu-copyright	{
	display:none;
}

.weather sup, small	{
	display:none;
}
/******************/

#footer-bottom	{
	width: 100%;
}
#et-footer-nav	{
	width: 100%;
	clear:both;
}
.footer-widget	{
	margin-bottom:0px!important
}


/*** Responsive Styles Large Desktop And Above ***/

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

	.thirdBoxStyleLight > div > p	{
   		color:#fff;
	}
	.thirdBoxStyleLight > a 	{
      	color:#fff!important;
        /*font-size:22px;*/
	}

	.thirdBoxStyleDark > div > p 	{
      	color:#414141;
    	font-size:22px;
	}
	.thirdBoxStyleDark > a 	{
      	color:#414141!important;
    	font-size:22px;
	}

	.ctaBox > a	{
    	color:#414141!important;
	}
	.ctaBox > div > p	{
    	margin:5% 0 5% 0;
	}
} 
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {
  .booking_font	{
	font-size:calc(10px + 0.24vw);
}
	.thirdBoxStyle	{
		height:475px!important;    
	}
	
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

	.menu_address	{
    	width:100%;
	}
	#text-2	{
    	width:100%;
	}
	
	span.mobile_menu_bar:before {
    	color: #40667c !important;
	}

	.et_mobile_menu	{
		border-top-color:#40667c !important;
	}
	
	.thirdBoxStyle	{
		height:auto!important;   
    	padding-bottom:5%;
	} 

	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}

}


 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

	#weather	{
    	display:none;
	}

	.pp_button	{
    	margin-bottom:5%;
	}

	.custom_row {
	  	display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;	
  		display: -webkit-flex;
	  	display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;	
	}
 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}

	.wds_slideshow_dots_container_0	{
		display:none!important;
	}

}


 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	#weather	{
    	display:none;
}

	.custom_row {
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;	
    	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
    	flex-wrap: wrap;
	}

/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
    	-webkit-order: 1;
    	order: 1;
	}	

	.second-on-mobile {
	    -webkit-order: 2;
    	order: 2;
	}

	.third-on-mobile {
	    -webkit-order: 3;
	    order: 3;
	}

	.fourth-on-mobile {
    	-webkit-order: 4;
    	order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
	
	#privateDining .pp_button	{
    	padding:1% 2% 1% 2%!important;
	}

	.wds_slideshow_dots_container_0	{
		display:none!important;
	}	

}

/*-----Fade Effect-----*/
/*
.ds-hover-3 {
	display: inline-block;
	position: relative;
	
}
.ds-hover-3 img {
	display: block;
	max-width: 100%;
}
.ds-hover-3::before,
.ds-hover-3::after {
	opacity: 0;
	position: absolute;
	width: 90%;
	color: #fff;
	padding: 5%;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.ds-hover-3::before {
	content: attr(ds-title);
	top: 0;
	height: 10%;
	background: rgba(0,0,0,0.5);
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 300;
}
.ds-hover-3::after {
	content: attr(ds-desc);
	top: 25%;
	height: 60%;
	width: initial;
	background: rgba(255,102,0,0.5);
	font-size: 16px;
	text-align: right;
}
.ds-hover-3:hover::before,
.ds-hover-3:hover::after {
	opacity: 1;
}
*/-