/* West Oxfordshire Roofing */

/* Toolbar */

.tm-toolbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.tm-toolbar {
  position: relative;
  z-index: 999;
  margin-bottom: -45px;
  margin-right: 50px;
}

.socials-btn {
  border-radius: 0px;
  padding-right: 25px;
  padding-left: 41px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 16px;
  background-image: url("/images/icons/phone-1.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 10% 50% !important;
  background-size: 16px 16px !important;
}

.tm-toolbar-default {
  background: #fdfeff00;
}

.socials-btn {
	background: #FFA51F;
}

/* Navbar */

.uk-navbar-container.uk-navbar-transparent.uk-light{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0.54) 47%, rgba(255, 255, 255, 0.01) 100%);
}

.uk-navbar-container {
    padding-top: 54px!important;
}

.tm-toolbar  .uk-container {
	max-width: 1360px!important;
}

.tm-header .uk-navbar-container {
	border-bottom: 1px solid #ffffff70;
}

/* General */



.uk-slideshow-items {
	border-radius: 20px;
	box-shadow: 0px 0px 10px 3px rgba(255,165,31,.2);
}

.orange-card .uk-card-default {
  background-color: #ffedd370;
}

.uk-navbar-parent-icon svg{
	color: #ffa51f;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	color: #ff9d3b8c;
}

.contact-panel .uk-text-lead a, .contact-panel .uk-text-lead{
	color: #fff!important;
}

.contact-panel .uk-text-lead a:hover, .contact-panel .uk-text-lead:hover{
	color: #ffa51f80 !important;
	text-decoration:underline!important;
}

.contact-details-subheader.uk-heading-line > ::after, .contact-details-subheader.uk-heading-line > ::before {
	width: 500px!important;
}

.border-bottom-orange{
	border-bottom: 4px solid #ffa51f!important;
}

.blog-gallery .uk-inline-clip.uk-transition-toggle{
	border-radius: 20px;
}


.breadcrumb-text span{
	font-size: 18px;
}

.breadcrumb-section .uk-section-xsmall {
	padding-top: 10px;
	padding-bottom: 10px;
}

.h2-margin {
	margin-top: 30px;
}

.background-img .uk-background-bottom-left {
  background-position: -10% 109%;
}

b, strong {
  font-weight: 700;
}

.uk-divider-icon {
  position: relative;
  height: 20px;
  background-image: url('/images/icons/small-logo.svg');
  background-position: 50% 50%;
  background-size: 50px;
}
 
.hero-text {
	font-size: 25px;
}

.dark-header .uk-navbar-container{
	background: #252525;
}

.uk-navbar-nav > li > a {
	color: #FFF !important;
}

.uk-navbar-toggle {
  color: #ffa51f;
}


 .uk-button-default:hover {
  background-color: #FFA51F;
  color: #fff;
}

.uk-navbar-dropdown {
	width: 220px;
}

.service-grid .uk-border-circle {
  box-shadow: 0px 0px 20px 5px rgba(255,165,31,.3);
  border: 6px solid #f3941d;
}

.orange-card .uk-card-default.uk-card-hover:hover {
  background-color: #fdfeff;
  box-shadow: 0px 0px 20px 5px rgba(255,165,31,.2);
}

.orange-card .uk-card-default{
	border: 2px solid #ffa51f;
}

.uk-slider-container-offset {
  margin: -11px -25px -39px -25px;
  padding: 21px 25px 39px 25px;
}

.uk-slidenav {
  background-color: #f7991e;
}

.uk-slidenav {
  background-color: #f7991e;
}

.uk-slidenav:hover {
  color: #fff;
  background-color: #f7991ea3;
}

.cta-medium{
	display:none;
}

.certification-section.uk-section {
    padding-top: 15px;
    padding-bottom: 15px;
}

.certification-section{
	box-shadow: 0 0px 25px rgba(0,0,0,.08);
}

.dark-meta{
	color:#252525;
}

.uk-text-meta {
  color: #9A9DA1;
}

.cta-section  .uk-section.uk-padding-remove-vertical {
background-repeat: repeat-x!important;
background-size: 150px 150px!important;
background-position: top!important;
}

.cta-section {
	background: linear-gradient(180deg,rgba(255, 165, 31, 1) 0%, rgba(222, 117, 25, 1) 100%);
}

.orange-chev {
	width: 15px;
	height: 15px;
	background-image: url("/images/icons/next.svg") !important;
	background-repeat: no-repeat !important;
	background-size: auto 100%;
	display: inline-block;
	margin-right: 0px;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: -3px;
}

.white-chev {
	width: 15px;
	height: 15px;
	background-image: url("/images/icons/next-white.svg") !important;
	background-repeat: no-repeat !important;
	background-size: auto 100%;
	display: inline-block;
	margin-right: 0px;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: -3px;
}

.overlay-slider img{
	border-radius:20px;
}

.uk-border-rounded {
	border-radius: 20px;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover{
	background: linear-gradient(90deg,rgba(37, 37, 37, 1) 0%, rgba(65, 65, 65, 1) 100%);
}

.footer, .footer a{
	color: #BFC1C4!important;
}

 .uk-section-secondary:not(.uk-preserve-color) hr{
	border-top-color: rgba(255, 255, 255,0.5);
}

 .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before{
	border-left-color: rgba(255,255,255,0.5);
}

.phone-footer {
	width: 18px;
	height: 18px;
	background-image: url("/images/icons/phone-grey.svg") !important;
	background-repeat: no-repeat !important;
	background-size: auto 100%;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary{
	background: linear-gradient(90deg,rgba(37, 37, 37, 1) 0%, rgba(65, 65, 65, 1) 100%);
}


.uk-text-large {
	font-weight: 400;
}

.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary{
	background: linear-gradient(90deg,rgba(222, 117, 25, 1) 0%, rgba(255, 165, 31, 1) 100%)!important;
}

.home-grid .uk-h3{
  font-size: 20px;
  line-height: 1.4;
  font-family: Figtree;
  font-weight: 700;
}

/* Animations */

.uk-button, a, .orange-card .uk-card-default.uk-card-hover{
	transition: all 0.4s ease!important;
}

.uk-button:hover{
 opacity:0.8;
}

/* Form */

.westox-form .ba-field-container textarea {
  min-height: 6.1rem;
  resize: vertical;
}

.westox-form .ba-form-page input[type="text"], .westox-form .ba-form-page input[type="email"], .westox-form .ba-form-page textarea, .westox-form .ba-form-page select{
	border: 2px solid #ffa51fbf !important;
	border-radius: opx!important;
}

.westox-form .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span::before {
	border: 2px solid rgba(219, 219, 219, 0.5) !important;
}
 
.westox-form .ba-form-radio-field .ba-form-checkbox-wrapper:hover .ba-form-radio span::before {
	border: 2px solid #ffa51f!important;
}

.westox-form .ba-form-page input[type="text"]:focus, .westox-form .ba-form-page input[type="email"]:focus, .westox-form .ba-form-page textarea:focus, .westox-form .ba-form-page select:focus{
	border: 2px solid #ffa51f !important;

}

.westox-form .ba-form-acceptance-field label.ba-form-checkbox > span {
	border: 2px solid #ffa51f !important;
}

.uk-section-primary:not(.uk-preserve-color) :focus-visible{
	outline-color: #ffa51f;!important;
} 

.westox-form .upload-file-btn:hover {
	background: rgba(219, 219, 219, 0.5) !important;
}

.westox-form .ba-form-submit-btn {
  border-radius: 0px !important;
  padding: 0px 35px !important;
  height: 44px !important;
  margin-top: 10px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 1px !important;
  transition: all 0.15s ease !important;
  font-family: 'Work Sans' !important;
  border-color: rgba(255,255,255,0) !important;
  background: linear-gradient(90deg,rgba(222, 117, 25, 1) 0%, rgba(255, 165, 31, 1) 100%) !important;
  color:#fff!important;
  font-size: 16px!important;
  text-transform: uppercase!important;
  letter-spacing: 2px!important;
}

.westox-form .ba-form-submit-btn:hover {
	text-decoration: none;
	opacity:0.5;
	color:#fff;
}

.westox-form .ba-form-page .span12 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
	margin-top: 10px;
	margin-bottom: 10px;
}

.westox-form .ba-form-acceptance-field label.ba-form-checkbox > span {
	background: rgba(255, 255, 255, 1)!important;
	border-radius:0px!important;
}

.westox-form  .ba-form-acceptance-field label.ba-form-checkbox > span:hover{
	border: 2px solid #ffa51f !important;
}

.westox-form .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
	color: #ffa51f!important;
}

.westox-form .ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
	padding-left: 40px !important;
}

.westox-form .ba-form-acceptance-field .ba-form-acceptance-html p {
	font-size: 16px !important;
}

.westox-form .ba-form-acceptance-field .ba-form-acceptance-html p a {
	color: #FFA51F;
}

.westox-form .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
	color: #fff;
}

.westox-form .ba-form-acceptance-field .ba-form-acceptance-html p a {
	font-weight:700;
}

.westox-form .ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
	opacity: 0.7;
	text-decoration:underline;
}

.westox-form .ba-form-page {
	padding: 0px !important;
}

.westox-form .ba-form-page .span12 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.westox-form .upload-file-input.drag-drop-upload-file .upload-file-btn {
    margin-top: 10px;
}

.westox-form .upload-file-input.drag-drop-upload-file {
	height: 128px!important;
}

.westox-form .ba-form-icons {
	display: none!important;
}

/* site map */

.treeview span {
	color: #21252F!important;
}
 
a.hover{
	text-decoration:none;
}

.treeview a{
	color: #21252F;
}

.treeview .hover{
	color: rgba(33, 37, 47, 0.5);
	text-decoration:none;
}

.treeview a.selected {
	background-color: transparent;
	text-decoration:none;
}

.treeview a.selected {
	font-size: 18px;
}

/* Service Pages*/

 .overlap .uk-section {
    padding-top: 70px;
    padding-bottom: 95px;
  }
  
.uk-box-shadow-large {
  box-shadow: 0px 0px 10px 3px rgba(255,165,31,.2);
}

  .section-overlap {
margin-top: -25px;
}

/* Responsive */

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

 .uk-container.uk-container-expand {
    padding-left: 80px;
    padding-right: 80px;
  }
}


@media all and (min-width: 1200px){
	
.intro-tile-right  .uk-tile {
    padding-left: 80px;
	padding-top: 80px;
    padding-bottom: 80px;
}

.footer-cta {
    margin-top: -427px;
    background-color: transparent;
  }
  
.slider-padding .uk-tile {
    padding-left: 80px;
    padding-right: 40px;
    padding-top: 70px;
    padding-bottom: 70px;
}

.cta-section{
	display:block;
}

.gallery-section{
	padding-bottom:;
}

.padding-tweak .uk-tile-primary{
	padding-right: 140px;
	padding-top: 100px;
    padding-bottom: 100px;
}

.section-overlap   .uk-section {
    
    padding-bottom: 100px;
  }
  

}


@media all and (min-width: 1200px) and (max-width:1399px){
	
.uk-heading-small {
    font-size: 50px;
}

.home-grid .uk-h3 {
  font-size: 15px;
}

.uk-h2 {
    font-size: 30px;
}

.uk-h3 {
  font-size: 22px;
}

.uk-h4 {
  font-size: 22px;
}


.uk-logo{
	width: 270px;
}

.uk-navbar-nav > li > a, .uk-navbar-toggle {
	min-height: 80px;
}

.intro-tile-right .uk-tile {
    padding-left: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
	letter-spacing: 0px;
}

.hero-text {
	font-size: 22px;
}
 
.h2-margin {
	margin-top: 30px;
}

}


/*small desktop*/
@media all and (min-width: 960px) and (max-width:1199px){
	
.h2-margin {
  margin-top: 0px;
}
	
	.cta-section{
	display:none;
}

.hero .uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.38) 76%, rgba(222, 117, 25, 0) 100%) !important;
}

.uk-heading-small {
    font-size: 45px;
}

.home-grid .uk-h3 {
  font-size: 15px;
}

.uk-h2 {
    font-size: 25px;
}

.uk-h3 {
  font-size: 20px;
}

.uk-h4 {
  font-size: 18px;
}


.uk-text-meta {
  font-size: 13px;
}

.certification img, .certification  svg {
	display:none;
}

.cta-medium{
	display:block;
}

.uk-navbar-container {
  padding-top: 20px !important;
}

.hero-text {
	font-size: 20px;
}

.slider-section-tweak{
	margin-top: 0px !important;
	padding-top: 25px!important;

}

.slider-section-tweak .uk-width-1-2\@l:nth-child(1) {
padding-top: 20px;
}

}


/*ipad*/
@media all and (min-width: 640px) and (max-width:959px){
	
.hero .uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.38) 76%, rgba(222, 117, 25, 0) 100%) !important;
}


.cta-section{
	display:none;
}

.home-grid img{
	display:none;
}

.uk-heading-small {
    font-size: 45px;
}

.home-grid .uk-h3 {
  font-size: 15px;
}

.uk-h2 {
    font-size: 25px;
}

.uk-h3 {
  font-size: 20px;
}

.uk-h4 {
  font-size: 18px;
}


.uk-text-meta {
  font-size: 13px;
}

.certification img, .certification  svg {
	display:none;
}

.testimonial-slider .uk-flex-left {
  justify-content: center;
}

.testimonial-column .uk-tile{
  display: none;
}

.cta-medium{
	display:block;
}

.uk-navbar-container {
  padding-top: 20px !important;
}

.hero-text {
	font-size: 18px;
}

.h2-margin {
  margin-top: 0px;
}

.margin-bottom-tweak .uk-section{
	padding-bottom: 70px;
}

.slider-section-tweak{
	margin-top: 0px !important;
	padding-top: 25px!important;

}

.slider-section-tweak .uk-width-1-2\@l:nth-child(1) {
padding-top: 20px;
}

}

/*mobile*/
@media (max-width: 639px) {
	
	.uk-navbar-container {
  padding-top: 20px !important;
}
	
	.cta-section{
	display:none;
}

.cta-medium{
	display:block;
}

.hero .uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 1%, rgba(0, 0, 0, 0.56) 42%, rgba(0, 0, 0, 0.38) 76%, rgba(222, 117, 25, 0) 100%) !important;
}

.uk-logo {
  width: 200px;
}

.cta-section{
	display:none;
}

.home-grid img{
	display:none;
}

.uk-heading-small {
    font-size: 30px;
}

.home-grid .uk-h3 {
  font-size: 15px;
}

.uk-h2 {
    font-size: 25px;
}

.uk-h3 {
  font-size: 20px;
}

.uk-h4 {
  font-size: 18px;
}


.uk-text-meta {
  font-size: 13px;
}

.certification img, .certification  svg {
	display:none;
}

.testimonial-slider .uk-flex-left {
  justify-content: center;
}

.testimonial-column .uk-tile{
  display: none;
}

.cta-medium{
	display:block;
}

.uk-button{
	font-size: 15px;
}

.hero-text {
	font-size: 18px;
}

.h2-margin {
  margin-top: 0px;
}

.margin-bottom-tweak .uk-section{
	padding-bottom: 70px;
}

.simple-subnav .uk-section {
  padding-top: 30px;
  padding-bottom: 60px;
}

.slider-section-tweak{
	margin-top: 0px !important;
	padding-top: 25px!important;

}

.slider-section-tweak .uk-width-1-2\@l:nth-child(1) {
padding-top: 20px;
}

}