/* colours 

830a2d  deep  #8C805E
990c34
b30e3d med #A6976F
cc1046
e5124e
e6b9bc  light #B1A277

.t3-mainnav .t3-navbar {
    background-color: #8C805E;
    border-radius: 5px;
}

*/


.ug-slider-control{
    z-index: 100;
}



@media only screen and (max-width :767px) {
.ug-bullets.ug-skin-default .ug-bullet {
    display:none;
}
}


/* **** Body ***************************************************************** */
body {

    color: #333333;
    font-family: Century Gothic,Verdana,Arial,sans-serif;
    line-height: 1.5em;	
	background: transparent;
background : transparent url(../images/red_bg_100.jpg) repeat-x;
	font-size: 1.2em; 
}

/* **** end Body ************************************************************** */
  
  

  
/* **** Typography and article aside ************************************************************ */
h1,h2,h3,h4,h5,h6, h1.article-title, h3.module-title, .module-title, .item-title, p,  .page-header, .page-subheader, h1 small, h2 small, li{
    color: #333;
    font-family: Century Gothic,Verdana,Arial,sans-serif;
    font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	font-size: 1.2em; 
}



h1, h2, .item-title, h1.article-title, .module-title , h3.module-title, h2.article-title { 
font-family: Georgia, Times New Roman, Century Gothic,Verdana,Arial,sans-serif;	
font-size: 1.6em; 
margin-top: 0px; 
margin-bottom: 10px;
font-weight:600;
}



.t3-mainbody { padding-top: 10px;}  /* reduces white space above page heading */

#system-message { margin-bottom: 0px; }  /* message is above page heading and adds a margin even if not present */

#t3-mainbody.container div.row div#t3-content.t3-content div.item-page article aside.article-aside {margin-bottom: 10px;}


 div.item-page article aside.article-aside div.pull-right  {margin: 0px;padding: 0px; border: none; } /* otherwise icon has a border */
 
 
/* ********** Blog pages - styling ******************************************* */
div.blog-featured h2.article-title {
font-size: 1.6em; 
font-weight:600;
}
div.blog-featured hr.divider-vertical, div.blog-featured hr.divider-vertical {margin-bottom: 0px;  color: #ffffff;  border: none; }
div.blog div.items-row div.item article aside.article-aside,
div.blog-featured div.items-row div.item article aside.article-aside
{display: none; } /* hides article aside on blog page and blog featured; check on menu item setting if not shown on full articles */

.page-subheader {border: none; } /* border under blog page headings */
.page-header {border: none; padding-bottom: 0px; margin-bottom: 20px; }

div.blog-featured div.items-row div.item , div.blog div.items-row div.item {margin-bottom: 20px;}


div.blog article {padding: 10px; background: #A6976F; border: 1 px solid #A6976F; border-radius: 4px;
background: transparent url( ../../../images/UniteGallery/General/Boats-at-Sea.jpg ) 900px 520px; }
div.blog article h2.article-title, div.blog article p{color: #ffffff !important; }

.itemid-115 div.blog article{background: transparent url( ../../../images/UniteGallery/General/Boats-at-Sea.jpg ) 0px 480px; }

/* ********** End Blog pages - styling ******************************************* */ 

/* ***********   Miscellaneous *************************************************** */
hr {clear:both; color: #ffffff; border: none; margin:10px} /* uses the orizontal ruler to clear images */
/* ***********   End Miscellaneous *************************************************** */

a, a:link, a:visited, a:hover, a:active  { text-decoration: none; border-bottom: 0px solid #990066; color: #990066; }

.article-content a:link, .article-content a:visited, .article-content a:hover, .article-content a:active { text-decoration: none; border-bottom: 1px dashed #990066; } 
.article-content a:hover, .article-content a:active   { text-decoration: none; border-bottom: 1px dashed #990066;  background: #e5e5e5; }

div.t3-sidebar li a:link, div.t3-sidebar li a:visited, div.t3-sidebar li a:hover, div.t3-sidebar li a:active { text-decoration: none; border-bottom: 1px solid #990066; }
div.t3-sidebar li a:hover, div.t3-sidebar li a:active { text-decoration: none;border-bottom: 1px dashed #990066; background: #e5e5e5; }

li.accordion-item a { text-decoration: none; border-bottom: 1px solid #990066; }
li.accordion-item a:hover, li.accordion-item a:active{ text-decoration: none; border-bottom: 1px dashed #990066; ; }






@media (max-device-width: 640px){
h1,h2,h3,h4,h5,h6, h1.article-title, h3.module-title, .module-title, .item-title, p,  
.page-header, .page-subheader, h1 small, h2 small, li
{
	letter-spacing: 0.05em;
	line-height: 1.5em;
	font-size: 90%;
}
}



/* **** End Typography ****************************************************************************** */






/* ********** images ************************ */
/* next 2 lines cover all new image which are aligned to the left or right in article editor;  float and margins are built in
.article-content img {	float: left;  border-radius: 4px;  max-width: 50%!important;}
div.module-ct img { border: 0px solid #d9d9d9;  border-radius: 4px;  max-width:100%;}
div #Mod123 div.module-ct img  {margin-bottom: 40px;}
 */
.article-content .pull-left {float: left;margin: 0px 20px 10px 0px;}
.article-content .pull-right {float: right; margin: 0px 0px 10px 20px; }
.photoleft_no_border {margin: 0px 20px 10px 0px;}




 
 

/* ********** tables ************************************************************ */ 



table.table_style1 td, table.table_style1 th {padding: 3px 0px 3px 5px ;text-align: left;margin: 0px; border: none; border-top: 1px dotted #c0c0c0;}
table.table_style1{margin-top: 5px; border: none; border-bottom: 1px dotted #c0c0c0; margin-bottom: 5px; width: 95%;}
table.table_style1 th  {background-color: #0067B1; }


table.table_cell_booked td, table.table_cell_booked th {padding: 3px 0px 3px 5px ;text-align: left;margin: 0px; border: none; border-top: 1px dotted #c0c0c0;}
table.table_cell_booked {margin-top: 5px; border: none; border-bottom: 1px dotted #c0c0c0; margin-bottom: 5px; width: 95%;}
table.table_cell_booked  th  {background-color: #0067B1; }

table.formtable td , table.formtable th {padding: 3px 0px 3px 5px ;text-align: left;margin: 0px; border: none; border-top: 1px dotted #c0c0c0;}
table.formtable {margin-top: 5px; border: none; border-bottom: 1px dotted #c0c0c0; margin-bottom: 5px; width: 95%;}
table.formtable th  {background-color: #0067B1; }


td.table_cell_part_week {background: #b1a277 url(http://www.eastcliffcottages.co.uk/images/graphics/part_week.gif) no-repeat 5px 50%;}
td.table_cell_booked {background: #807354 url(http://www.eastcliffcottages.co.uk/images/graphics/booked.gif) no-repeat 5px 50%;}
td.table_cell_clear_booking {background-color: #ffffff ; background-image: none;}

/*
td.table_cell_booked_2019{background: #807354 url(http://www.eastcliffcottages.co.uk/images/graphics/booked.gif) no-repeat 5px 50% !important;}

td.table_cell_part_week_2019{background: #b1a277 url(http://www.eastcliffcottages.co.uk/images/graphics/part_week.gif) no-repeat 5px 50% !important;}
*/
/* END OF TABLE STYLES */

/* ********** end tables ************************************************************ */ 



/* *** Main Divs ***  ********************************************************************************/
/** not needed? /body, html {
margin:0px !important;
padding:0px !important;
}


*/



.t3-header {
padding-top:5px; padding-bottom:10px;
}
/*
.t3-header .main {     
max-height: 175px;
height:175px;
max-height: 98px;
height:98px;
padding-top:0px; padding-bottom:0px;
border: 0px;
margin-top: 0px; margin-bottom: 0px;
text-align: center;
}

.t3-header .row{
margin-leftxx: 0px;
margin-rightxx: 0px;
background: transparent url( ../images/View-of-East-Cliffxxx.jpg) ;
}
*/
.logo-text{

background: transparent url( ../images/View-from-West-Cliff.jpg) ;
padding: 80px 0px 5px 10px;
paddingxx: 100px 0px 5px 10px;
}

.logo-text a{
	color: #ffffff !important;
    font-family: Century Gothic,Verdana,Arial,sans-serif;
    font-weight: normal;
	letter-spacing: 0.05em;
	line-heightxx: 1.5em;
	font-size: 3.0em; 
	
	}

.logo-image{margin-left: -15px;}



.login-description {
	margin-bottom:20px;
	font-size: 120%;
}



.t3-sl{
	padding-top:0px;padding-bottom:0px;
}

@media only screen and (max-width :767px) {
.t3-sl #Mod92{
	padding-top:10px !important;
}

}


.t3-content {
    padding-bottom: 0px; ;
}

#Mod92.t3-module {
margin-bottom: 0px;
}

#Mod92 p{
	color: #ffffff;
	 font-size: 130%; 
	 background:  #B1A277;
padding: 5px 10px;
border-radius: 2px;margin: auto;

}

/* ********** Footer and Copyright  ****************************** */  
 

/* ********** copyright  ************************ */ 
.t3-copyright {
    border-top-color: #b8ccbe;
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 100%;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
color :#ffffff;
}


.copyright {
    margin-bottom: 5px;
}
/* ********** end copyright  ******************** */ 
/* ********** footer  ******************** */ 

#t3-footer div.content  
{
text-align: center;
}

#t3-footer.wrap section.t3-copyright
{
background-color: #8C805E ;
text-align: center;
padding-top: 10px; 
padding-bottom:10px;
}

#t3-footer p {color: #ffffff; text-align: center;}
#t3-footer a {color: #ffffff; }


#t3-footer {margin: 0px; border: 0px; padding: 0px; width: 100%;}
#t3-footer div.content { margin: 0px; border: 0px; padding: 0px;  text-align: center;}
#t3-footer  div.content img {
margin: 0px; border: 0px; padding: 0px;
display: in-line; width: 25px; height: 25px;  float: none; margin-bottom: -7px !important}



#t3-footer a {
 color: #ffffff;   
 border-bottom: 1px #fff solid;
 text-decoration: none;
}
#t3-footer a:hover {
border-bottom: 1px #fff dashed;
}

/* End Footer icons and links *********************************** */


/* Sidebar image links, sops, nigel, friends *********************************** */
figcaption {
text-align: center;
font-size: 120%;
background: #efefef;
border-radius:4px;
padding:8px 5px 10px 5px;
margin-top:5px;
}

.t3-sidebar figure {
margin-bottom: 20px !important;
}

.t3-sidebar {
margin-top: 30px !important;
}

.t3-sidebar .t3-module {
    margin-bottom: 0px;
}


/* End Sidebar image links, sops, nigel, friends *********************************** */

/* @Media rules for header and head search *********************************** */

@media only screen and (max-width :767px) {
.head-search {
display: none;
}
}

@media only screen and (max-width : 767px) {
	.logo-text{
background: transparent url( ../images/View-from-West-Cliff.jpg) center top;
backgroundxxxx: transparent url( ../images/View-of-East-Cliff.jpg) center 500px;
padding: 40px 0px 5px 10px;
}

.logo-text a{
	color: #ffffff !important;
    font-family: Century Gothic,Verdana,Arial,sans-serif;
    font-weight: normal;
	letter-spacing: 0.05em;
	line-heightxx: 1.5em;
	font-size: 2.0em; 
	
	}
	.t3-headerxx {
	display: none;
	max-height: 0px;
	height:0px;
	}
	body {
	background: #ffffff url();
	}

}

p.mobile_efc_header {
color: #ffffff;
display: inline;
position:relative;
top: 15px;
left: 20px;
}

p.mobile_efc_header a{
color: #ffffff !important;
}


@media only screen and (min-width :767px) {
p.mobile_efc_header {
display: none !important;
}
}

/* END of @Media rules for header and head search *********************************** */


/* Slider on Home Page Mod 117 ********************************************************************** 

.t3-module .flexslider ul,
.t3-module .flexslider ol {
  margin-left: 0px;}



#Mod117.t3-module {
    margin-bottom: 0px;
}



.tp-button.darkgrey, .tp-button.grey, .tp-button.darkgrey:hover, .tp-button.grey:hover, .purchase.darkgrey, .purchase.darkgrey:hover {
        letter-spacing: 0.5px !important;
    font-size:20px !important;
font-family: Century Gothic,Verdana,Arial,sans-serif !important;
background-color: #000 !important;
font-weight:  400  !important;
color: #ffffff !important;
}

.tp-caption a,.tp-caption a:link, .tp-caption a:visited,
.tp-caption a:hover,.tp-caption a:active {
    text-decoration: none;
    border-bottom: 0px solid #906;
    color: #000;
}

@media only screen and (max-width : 959px) {
.tp-caption a,.tp-caption a:link, .tp-caption a:visited,
.tp-caption a:hover,.tp-caption a:active {
font-size:120%
}
}

@media (max-device-width: 767px) {
.tp-caption a,.tp-caption a:link, .tp-caption a:visited,
.tp-caption a:hover,.tp-caption a:active {
font-size:250%
}
}

@media (max-device-width: 460px){
.tp-button.darkgrey, .tp-button.grey, .tp-button.darkgrey:hover,
 .tp-button.grey:hover, .purchase.darkgrey, .purchase.darkgrey:hover 
{
    font-size:12px !important;
}
}
*/
/* Smartphones (portrait) ----------- 
@media only screen and (max-width : 360px) {
.tp-caption a,.tp-caption a:link, .tp-caption a:visited,
.tp-caption a:hover,.tp-caption a:active 
{
font-size:400%
}
.tp-button.darkgrey, .tp-button.grey, .tp-button.darkgrey:hover,
 .tp-button.grey:hover, .purchase.darkgrey, .purchase.darkgrey:hover 
{
    font-size:12px !important;
}
}

 End Slider  ********************************************************************** */



/* FancyPants Accordion for What's On  Mod119 ********************************************************************** 

#Mod119 {margin-bottom: 0px;}



@media only screen and (min-width : 768px) {
.fancypantsaccordionholder .accordion .accordion-item {
    min-height: 40px;
}

.fancypantsaccordionholder .accordion .accordion-item .headerlink {
    font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;

}
}


.fancypantsaccordionholder .accordion .accordion-item, 
.fancypantsaccordionholder .accordion .accordion-item:first-child {
    border-top: 1px solid #ccc !important;

}

.btn-danger {
border: 0px solid #8C805E;
padding: 10px 16px;padding: 5px 5px;
font-size: 18px;font-size: 14px;
line-height: 1.33;
border-radius: 6px;border-radius: 4px;
float:left !important;
margin-left: 10px;
}

button.close {
    padding: 10px 16px;padding: 5px 10px;
    background: #8C805E;
      background-image: linear-gradient(to bottom,#8C805E, #A6976F); 
}
.close {
    float: right;
    font-weight:400;
    color: #Ffffff;
    text-shadow: none;
    opacity: 100;
border: 0px solid #8C805E;
padding: 10px 16px;padding: 5px 5px;
font-size: 18px;font-size: 14px;
line-height: 1.33;
border-radius: 6px;border-radius: 4px;
margin-right: 10px;
}

.close:hover {color: #ffffff;
 background: #8C805E;
      background-image: linear-gradient(to bottom,#8C805E, #A6976F); 
opacity:100;
}

.fancypantsaccordionholder a.btn, .btn-lg, a.btn-lg, a:hover.btn-lg{ 
background: #8C805E;
background-image: linear-gradient(to bottom,#8C805E, #A6976F); 
color: #ffffff; 
float: none; 
}


.acc-content {
min-height:!important;
height:auto !important;
}
/*
@media only screen and (min-width : 641px) {
	.acc-content{min-height: 230px;} 
}
@media only screen and (min-width : 768px) {
	.acc-content{min-height: 260px;} 
}

@media only screen and (min-width : 991px) {
	.acc-content{min-height: 320px;} 
}
@media only screen and (min-width : 1200px) {
	.acc-content{min-height: 380px;} 
}



.acc-content img.pull-left{
padding:5px 0px 0px 0px;
float:none !important;
display: block !important;
}

.article-content img.acc_img{	 max-width: 100%!important;}

/*
.acc-content a  {
color: #ffffff;
 background: #8C805E;
      background-image: linear-gradient(to bottom,#8C805E, #A6976F); 
float:left;
    font-weight:400;
    color: #Ffffff;
    float: left;

padding: 10px 16px;padding: 5px 10px;
font-size: 18px;font-size: 14px;
line-height: 1.33;
border-radius: 6px;border-radius: 4px;
margin-left:10px;
}


.article-content a.buy-tickets , .article-content a.close-article{
	float:none !important;
	margin-left: 0px;
}


li.accordion-item.acc-open {height:auto !important;}

@media (max-device-width: 640px){
.acc-content a,  .close,button.close, .fancypantsaccordionholder a.btn,  .btn-lg a ,.btn-lg, a.btn-lg, .btn-danger 
{
    font-size:10px;
margin-right:5px;

padding: 5px 5px;
}
}

ul.accordion {
padding-left: 0px !important;
}

li.accordion-item {
background: #F6F6F6;
border:1px solid #ccc;
border-radius: 4px;
margin-bottom: 10px;
}

li.accordion-item a.headerlink{
padding-left:10px;
}

li.accordion-item a.headerlink:hover{
background: #A6976F;
color:#fff;
}



li.accordion-item p{
padding: 5px 20px;
font-size:100%;
color: #000;
}


.fancypantsaccordionholder .accordion .accordion-item .acc-content {
    padding: 5px 0px 15px 0px; 
}

*/
/* End Accordion for What's On   ********************************************************************** */


/* Accordion Plug-in for accordion within articles eg Contact Us  ************************* */

/* See the css files in the plugin itself  *************************


@media (max-device-width: 640px){
#accordion3.lightnessfaq .accordionfaqheader, #accordion3.lightnessfaq .accordionfaqheader a 
{
	letter-spacing: 0.05em;
	line-height: 1.5em;
	font-size: 100%;
}
}



END of Accordion Plug-in for accordion within articles eg Contact Us  ************************* */
{}
a.btn{ 
background: #8C805E;
background-image: linear-gradient(to bottom,#8C805E, #A6976F); 
color: #ffffff; 
float: none;
border-bottom: 1px solid #ccc ; 
}

a:hover.btn{ 
background: #8C805E;
background-image: linear-gradient(to bottom,#A6976F, #8C805E);
float: none; 
color: #ffffff; 
}

/* hide font awsome and bootstrap in footer */
.t3-copyright small {display:none;}