/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 30 2026 | 15:27:57 */
/* body font weight */
body {
	font-weight: 300;
}

.et_pb_text sup { font-size: 75%; }

/* fix to allow cookie bar to overlay top header */
#top-header {
  z-index:100;
}
ul#top-menu {
	padding-left:20px;
}
#top-menu li {
    padding-right: 18px;
}

/* Litespeed cache - Lazy load images fade */
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/* fixes UF background image on both PB and non-PB pages
Also get around Divi failt not diaplaying set BG image
Sets background image, and overlay transparency */
#et-main-area {
	position:relative;
}
#main-content, #main-header {
    background-color: transparent;
}
*#main-content, #main-header, #main-header1 .nav li ul, .et-search-form, #main-header .et_mobile_menu  {
    background-image: url(https://www.ultimatefabrics.co.uk/wp-content/uploads/2018/03/sty_pgbodyback.gif);
    background-position: left top;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}
.page #main-content:after, .page #main-header:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.6);
	background-repeat: repeat;
}

/* shrink logo for smaller screen */
@media only screen and (max-width: 1397px) and (min-width: 787px) {
  #logo { 
	 max-height: 54% !important;
  }
  #top-menu li {
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
	}
	#et-top-navigation {
		padding-left:250px !important;
	}
}

/* info in secondary top menu bar - mobile spacing */
/* Smartphone Portrait */
@media only screen and (max-width: 479px) {
	#top-header #et-info span#et-info-phone, #top-header #et-info span#et-info-email {
		margin-top:15px;
		margin-bottom:15px;
		display:inline-block;
	}
	#main-header {
		top:100px;
	}
}

/*** Responsive Styles Smartphone Only ***/
/* use more of phone width, instead of 80% */
@media all and (max-width: 767px) {
	.et_pb_row {
		width:95%;
	}
	#footer-bottom .et-social-icon a {
		font-size:36px;
	}
	#footer-bottom .et-social-icons li {
		margin-left:30px;
	}
}
/* mobile menu dropdowns */
.et_mobile_menu li a {
	font-size: 16px;
}
#et-top-navigation {
    font-weight: 400;	
}


/* social icons on right in sccondary meny at very top */
#et-secondary-menu .et_duplicate_social_icons {
    float: none;
    display: inline-block;
}
#et-info .et-social-icons {
    display: none;
}

/* switch columns in a row */
/* used on devon holiday page */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
	.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;
	}
 }


/* BLOG SIDEBAR */
/* Divi tagcould in sidebar */
.tagcloud a {
  margin:0;
  padding:0px 4px;
  line-height:1.3em;
}
#blog-sidebar.et_pb_sidebar_0_tb_body.et_pb_widget_area li a {
	color: #d38200 !important;
}
#blog-sidebar.et_pb_sidebar_0_tb_body.et_pb_widget_area li a:hover {
	color: #cfb590 !important;
}

.et_pb_slider_0 {
    margin-bottom: 0 !important;
}



/* Adds padding to non-PB content pages */
#content-area #left-area {
	padding-left:20px;
  	padding-right:20px;
}


/* county list pages */
.county-list li {
	line-height:1.8;
}
.county-list {
	margin-top:15px;
}


/* hover colour for main footer widget areas and links */
p a:hover, #main-footer a:hover{
	color: #cfb590 !important;
}
.ds_footer_bullets #footer-widgets .footer-widget li {
  padding: 0;
}
/* fix for mobile and tablet stacked footer widgets */
@media (max-width: 980px) {
	#footer-widgets .footer-widget .fwidget {
		width:100%;
	}
}

/* fix for mobile fotter menu li wider apart on mobile */
@media (max-width: 980px) {
	.bottom-nav li {
		line-height:3.4em;
	}
}

#sidebar .widgettitle {
	border-bottom: 1px solid #cbb500 !important;
}

/* HOME PAGE */
/* causes the home page blurb images to rotate on hover */
@media only screen and (min-width : 767px) {

  .blurbhome .et_pb_main_blurb_image {
    position: relative;
    overflow: hidden;}

  .blurbhome img.et-waypoint {
    margin-bottom: -5px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale(.99);
    transform: scale(.99);}

  .blurbhome img.et-waypoint:hover {
    -webkit-transform: scale(1.11) rotate(2deg);
    transform: scale(1.11) rotate(2deg);}

}
/* make slider controls larger on mobile */
@media (max-width: 980px) {
	.home .et_pb_slider .et-pb-controllers {
		height:25px;
	}
	.home .et_pb_slider .et-pb-controllers a {
		width: 20px;
		height:20px;
		border-radius:20px;
		margin-right:25px;		
	}
}



/* Contact Form 7 - contact page*/

/* CF7 styling - add class pptkcf7 to shortcode*/
/* add class pptkcf7-alignright elements */
.pptkcf7 p input, .pptkcf7 p textarea,  .pptkcf7 p textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
/*    color: #999; */
    font-size: 14px;
    padding: 16px;
}
.pptkcf7 p {
  padding: 10px 0;
}
.pptkcf7 {
  padding:20px;
}
.pptkcf7 .wpcf7-quiz {
  width:60px;
}
.pptkcf7-alignright {
  text-align:right;
  clear:both;
}
.pptkcf7-right {
  float:right;
}