/*
Theme Name: Porto Child

Template: porto

Text Domain: porto-child

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@font-face {
    font-family: 'Plantin MT Pro';
    src: url('PlantinMTPro-Italic.woff2') format('woff2'),
        url('PlantinMTPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin MT Pro';
    src: url('PlantinMTPro-LightItalic.woff2') format('woff2'),
        url('PlantinMTPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plantin MT Pro';
    src: url('PlantinMTPro-Light.woff2') format('woff2'),
        url('PlantinMTPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Plantin MT Pro';
    src: url('PlantinMTPro-Regular.woff2') format('woff2'),
        url('PlantinMTPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.vc_general.vc_btn3
{
	  border-bottom: solid 1px #ffffff;
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
    font-size: 26px;
	background-color:transparent!important;
	color:#fff!important;
	    font-family: 'Plantin MT Pro';
}

.mailbtn a {
    background: #fff;
    color: #fff!important;
    padding-top: 8px!important;
    background: white;
    padding-left: 10px!important;
    font-size: 20px!important;
    font-style: italic;
    padding-right: 10px!important;
    font-family: 'Plantin MT Pro'!important;
}

/* NEW PAGE */

.page-id-678 .ult-item-wrap 
{
	height:500px!important;
}

.page-id-678 h2
{
	margin-bottom:2px;
}

.page-id-678 .ultsl-arrow-right4:before , .page-id-678 .ultsl-arrow-left4:before
{
display:none!important;	
}

.page-id-678 .text-slider
{
display: flex;
align-items: center;
height: 100%;
padding:0px 70px 0px 15px;
margin: 0;
color:#ffffff;
word-wrap: break-word;

}

.page-id-678 .newSlider {
    display: flex;
    justify-content: space-between; /* Distribute items evenly within the container */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
}

.page-id-678 .newSlider .ult-item-wrap {
    flex: 1 0 auto; /* Allow items to grow and shrink based on available space */
    max-width: calc(100% - 0px); /* Set maximum width for three items in a row, considering the gap */
    margin-bottom: 20px; /* Adjust the bottom margin between items */
    /* Other styles for box appearance */
}



/* NEW PAGE */



.margbot
{
	margin-bottom:0px;
}


.white p
{
	color:#fff;
}

body.page-id-2 .booknow
{
	display:none!important;
}

body.page-id-882 .booknow
{
	display:none!important;
}

body.page-id-889 .booknow
{
	display:none!important;
}

body.page-id-892 .booknow
{
	display:none!important;
}

body.page-id-894 .booknow
{
	display:none!important;
}

body.page-id-908 .booknow
{
	display:none!important;
}

body.page-id-914 .booknow
{
	display:none!important;
}

body, .ult-new-ib-title, .footerblock h3, .revtop, .sliderpara
{
 font-family: brandon-grotesque, sans-serif!important;
}

h1,h2,h3,h4,h5,.booknow, .enterbtn, .sliderfont, .booktable
{
	    font-family: 'Plantin MT Pro'!important;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px;
}
rs-layer.sliderfont span
{
    font-style: italic!important;
}

.cn-button.bootstrap {
    color: #fff;
    background: #6B3142!important;
}
.white_text h3{
	color:white!important
}

.no-breadcrumbs .main-content {
    padding-top: 0px;
	padding-bottom: 0px;
}

.custlogo
{
background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2020/11/oakridge-logo.png);
    height: 98px;
    width: 231px;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-id-43 .custlogo, .parent-pageid-43 .custlogo
{
	background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2020/11/brack-logo.png);
    height: 94px;
    width: 368px;
    background-size: contain;
    background-repeat: no-repeat;
}

#header, .sticky-header .header-main.sticky {
    border-top: 0px solid #ededed;
}

.fixed-header #header .header-main {
    background-color: transparent;
}

#header .mobile-toggle {
  
    display: initial;
}

#side-nav-panel {
    background-color: #ffffff7d;
	
}

.animatedfsmenu__opacity .navbar-toggler {
    left: 20px;
    top: 50px;
}

.animatedfsmenu.navbar-expand-md, .animatedfsmenu.navbar-expand-ht {
    background-color: #3a3a3a;
    z-index: 1;
}

.animatedfsmenu .navbar-toggler {
    background: transparent!important;
	    top: 50px;
    left: 50px;
}

.animatedfsmenu .navbar-toggler:hover {
    background: transparent!important;
}

.bar.bot
{
	    width: 30px!important;
    margin-left: 15px!important;
}

.homerow p
{
	color:#fff;
}

.enterbtn a
{
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-style: italic;
}


.enterbtn a:hover
{

	text-decoration:none;
}

.animatedfs_menu_list {
   
    padding-top: 176px;
}

.booknow, .booktable
{
	color:#fff;
	border-bottom:1px solid #fff;
	margin-right:0px;
	    border-bottom: 1px solid #fff;
    
    font-size: 21px;
    text-decoration: none;
    font-style: italic;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: transparent;
}

.menu-main-menu-container
{
	text-align:center;
}

.toptitle {
    text-align: center;
    font-size: 68px;
    font-weight: 200;
    line-height: 90px;
}

.toptitle span
{
	font-style:italic;
	color:#6b3142;
}

.hotelrow
{
	padding-top:100px;
	padding-bottom:100px;
}

#header.sticky-header .header-main.sticky, #header.sticky-header .main-menu-wrap, .fixed-header #header.sticky-header .main-menu-wrap {
    box-shadow: none!important;
}

.ult-ib-effect-style1 .ult-new-ib-desc {

    text-align: center!important;
}
.ult-new-ib{
    margin-bottom: 0px!important;
}
.ult-new-ib-title {
    font-size: 29px!important;
    text-transform: uppercase;
}
.smalltitle {
    text-align: center;
    font-size: 49px;
    font-weight: 200;
    line-height: 70px;
}

.smalltitle span
{
	font-style:italic;
	color:#6b3142;
}

.banner-container, .footerblock {
   
   /* border-bottom: solid #6b3142 15px; */
}
.footerblock li, .footerblock p
{
	list-style:none;
	    font-size: 14px;
}
.footerblock ul
{
	padding-left:0px;
}

.footerblock h3
{
	color:#252525;
	font-weight:600;
}

.page-id-43 .footerblock h3, .parent-pageid-43 .footerblock h3
{
	color:#6b3142;
	font-weight:600;
}

.home .container {

    padding-right: 0px!important;
    padding-left: 0px!important;
}





.panel-overlay {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2020/11/menu-bg-1.jpg) !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}
#side-nav-panel.panel-right {
    right: 0;
    left: auto;
    transform: translate(128%);
}

#side-nav-panel {
    width: 100%;
}

#side-nav-panel {
    background-color: transparent!important;
}


#side-nav-panel .menu-wrap {
    margin: 15px 0;
    padding: 0 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .menu-custom-block a:hover {
    background-color: transparent;
}
#header.sticky-header .mobile-toggle {

    position: relative;
  
}

.header-right .custom-html
{
	height:60px;
}

.mobile-toggle
{
position:relative;
    height: 50px;
    display: block!important;
    width: 50px;
	    padding: 0px!important;
    margin-top: 0px!important;
}

.bar {
    position: relative;
    content: '';
    width: 45px;
    height: 3px;
    background: #fff;
    transition: .6s;
    display: block;
    top: 0;
    margin: 8px auto;
    transition: all ease-in-out .6s;
}

.bar.top {
    position: absolute;
    top: 7px;
}

.bar.middle {
    position: absolute;
    top: 21px;
    width: 38px;
    left: 0px;
}

.bar.bottom {
    position: absolute;
    top: 35px;
}

#side-nav-panel .mobile-menu {
    padding-top: 70px;
}

#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a {
    color: #fff;
    font-size: 26px;
    line-height: 60px;
}

#nav-panel .accordion-menu .arrow {
text-align: right;
width: 100%!important;
}

#side-nav-panel .accordion-menu .arrow {
 right: 5px;
 width: 100%;
	height: 100%;
 text-align: right;
 float: right;
}

#side-nav-panel .sub-menu a
{
	font-size:23px!important;
}

#side-nav-panel .side-nav-panel-close {

    top: 54px;
    right: 54px;
}

.fa-times
{
	    font-size: 50px;
}

#side-nav-panel .accordion-menu .arrow {
 
    top: 24%;

}

#side-nav-panel .accordion-menu>li.menu-item>a {
    text-transform: uppercase;
}




#header .mobile-toggle {
    color: #ffffff;
    background-color: transparent;
}

.booknow {
  
    padding-top: 18px;
   
}
.panel-overlay.active {

    opacity: 1;
}
#rev_slider_1_1_wrapper .hesperiden.tparrows {

    background: transparent;
}

.discover
{
	 
	font-family: 'Plantin MT Pro'!important;
}

.cont-row .smalltitle {
    text-align: left;
  color:#fff;
}
.cont-row .smalltitle span {

  color:#fff;
}


.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: transparent!important;
    border: 0px solid #c4c4c4!important;
    border-bottom: 1px solid white!important;
}
.nf-field-element input::placeholder, .nf-field-element textarea::placeholder
{
color:#fff!important;	
	font-size:20px!important;
	text-transform:uppercase!important;
}
.nf-form-content input[type=button]
{
	border:0px!important;
	border-bottom:1px solid white!important;
	background:transparent!important;
	font-family: 'Plantin MT Pro'!important;
	font-size:24px!important;
	font-style:italic!important;
}

.home .fixed-header #header .header-main {
    background-color: transparent;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.page-id-41 .banner-container, .page-id-41 .footerblock, .page-id-41 .footerblock h3  .banner-container{
    border-bottom: solid #063849 15px;
}

.page-id-41 .toptitle span, .page-id-41 .smalltitle span, .page-id-41 .footerblock h3, .parent-pageid-41 .toptitle span, .parent-pageid-41 .smalltitle span, .parent-pageid-41 .footerblock h3  {
   
    color: #063849;
}
.page-id-41 .smalltitle.white span, .parent-pageid-43 .smalltitle.white span {
  color: #fff;
}


.parent-pageid-41 .toptitle span {
    font-style: italic;
    color: #063849;
}


 .parent-pageid-41 .custlogo , .page-id-41  .custlogo {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2021/01/ashlogo-1.png); 
/* background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2024/05/Pride@4x.png);  */
    height: 94px;
    width: 231px;
    background-size: contain;
    background-repeat: no-repeat;
}


.page-id-41 .share-links .share-facebook, .page-id-41 .share-links .share-facebook, .page-id-41 .share-links .share-instagram, .page-id-41 .share-links .share-linkedin, .page-id-41 .share-links .share-twitter {

    background: transparent;
	    color: #063849;
}


.page-id-41 .footerblock h3, .parent-pageid-41 .footerblock h3  {
    color: #063849;
    font-weight: 600;
}

.page-id-43 .share-links .share-facebook, .page-id-43 .share-links .share-facebook, .page-id-43 .share-links .share-instagram, .page-id-43 .share-links .share-linkedin, .page-id-43 .share-links .share-twitter {

    background: transparent;
	    color: #6B3142;
}

.share-links a:before {
   
    font-size: 24px;
}


#side-nav-panel .accordion-menu>li.menu-item>a {
  
    text-align: center;
}

#side-nav-panel .accordion-menu li:not(:last-child) {
    border-bottom: 0px solid #242527;
}

#side-nav-panel .side-nav-panel-close {
    top: 54px;
    left: 54px;
    right: initial;
}

.copyw p
{
	font-size:13px;
	line-height:24px;
}
.copyw a {
    font-size: 10px;
    color: #c5c5c5;
    text-decoration: none;
}
.footersocial
{
	margin-bottom:10px;
}

.discoverbtn, .disccont
{
font-family: 'Plantin MT Pro'!important;
	text-align:center;
}
.page-id-41 .discoverbtn,.page-id-41 .discoverbtn:hover {
    border-bottom: solid 1px #063849;
    font-style: italic;
    color: #063849;
		text-decoration:none;
    font-size: 26px;
}

.page-id-43 .discoverbtn, .page-id-43 .discoverbtn:hover, .parent-pageid-43 .discoverbtn, .parent-pageid-43 .discoverbtn:hover {
    border-bottom: solid 1px #6B3142;
    font-style: italic;
    color: #6B3142;
	text-decoration:none;
    font-size: 26px;
}



.page-id-41 .discoverbtn, .page-id-41 .discoverbtn:hover, .parent-pageid-41 .discoverbtn, .parent-pageid-41 .discoverbtn:hover {
    border-bottom: solid 1px #063849;
    font-style: italic;
    color: #063849;
	text-decoration:none;
    font-size: 26px;
}


#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main, #header.sticky-header .header-main,  .fixed-header #header.sticky-header .header-main {
    background-color: #252525;
}
.sticky-header .custlogo, .sticky-header .custlogo {
    height: 62px;
    width: 208px;
}



.page-id-41 #header.sticky-header .header-main, .page-id-41 .fixed-header #header.sticky-header .header-main,  .parent-pageid-41 #header.sticky-header .header-main,  .parent-pageid-41 .fixed-header #header.sticky-header .header-main {
    background-color: #063849;
}

.page-id-43 #header.sticky-header .header-main, .page-id-43 .fixed-header #header.sticky-header .header-main, .parent-pageid-43 #header.sticky-header .header-main, .parent-pageid-43 .fixed-header #header.sticky-header .header-main {
    background-color: #6B3142;
}
.page-id-43 .sticky-header .custlogo, .parent-pageid-43 .sticky-header .custlogo {
   
   height: 62px; 
    width: 208px;
   
}
.page-id-41 .sticky-header .custlogo, .parent-pageid-41 .sticky-header .custlogo  {
   
   height: 62px; 
    width: 208px;
   
}


.page-id-41 .smalltitle span, .parent-pageid-41 .smalltitle span {
    font-style: italic;
    color: #063849;
}


.menucopy {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.menulogo
{
	text-align:center;
	padding-top:25px;
}

.hesperiden.tparrows {
   
    background: transparent!important;
}

.footsoci
{
	margin-top:-10px;
}

.toptitle.left {
    text-align: left;
}

#side-nav-panel .accordion-menu li.menu-item > a
{
	text-align:center;
    line-height: 28px;
}
#side-nav-panel .sub-menu a
{
	 line-height: 31px!important;
}

.menu-row
{
	height:400px;
}

.menu-row h2
{
	color:#fff;
	padding-top:150px;
	
	font-size: 29px!important;
font-family: brandon-grotesque, sans-serif!important;
    text-transform: uppercase;
    letter-spacing: normal;
	
}

.menu-row a
{
	color:#fff;
	
	
}

.smalltitle.left, .disccont.left
{
	text-align:left;
	    margin-bottom: 0px!important;

}

.hours td
{
	color:#fff;
}
.smalltitle.white.hours
{
	margin-bottom:0px;
	text-align:left;
	
}

.smalltitle.white.hours span
{
	color:#fff;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px!important;
	border-bottom:0px!important;
}

.parent-pageid-43 .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a {
    border-bottom-color: transparent;
    background: #6b3142!important;
	 border-color: #6b3142!important;
    color: #fff;
	border-bottom:0px!important;
}

.parent-pageid-43 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    border-color: #a77483!important;
    background-color: #a77483;
    color: #fff;
	    font-size: 15px!important;
    font-family: brandon-grotesque, sans-serif!important;
    text-transform: uppercase;
    letter-spacing: normal;
}

.parent-pageid-43 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus, .parent-pageid-43 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    background-color: #a77483;
	border-bottom:0px!important;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background-color: #ffffff!important;
}

.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
   
    padding-top: 61px;
	    padding-bottom: 61px;
}

.vc_tta-panels
{
	border:0px!important;
}

#content-bottom .porto-block
{
	    max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
}




#content-bottom
{
	border-bottom: solid #252525 15px;
}

.page-id-43 #content-bottom, .parent-pageid-43 #content-bottom
{
	border-bottom: solid #6b3142 15px;
}

.brochures a
{
	line-height:64px;
}

.vc_tta-tabs-container
{
	text-align:center!important;
}

.color-row h2, .color-row a, .color-row p, .color-row li, .color-row span
{
	color:#fff!important;
}

.page-id-43  .color-row .discoverbtn,  .page-id-43 .color-row  .discoverbtn:hover, .parent-pageid-43  .color-row .discoverbtn, .parent-pageid-43  .color-row .discoverbtn:hover {
    border-bottom: solid 1px #ffffff;
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
    font-size: 26px;
}

.vc_general.vc_btn3
{
	  border-bottom: solid 1px #ffffff;
    font-style: italic;
    color: #ffffff;
    text-decoration: none;
    font-size: 26px;
	background-color:transparent!important;
	color:#fff!important;
}


.page-id-41 #content-bottom, .parent-pageid-41 #content-bottom {
    border-bottom: solid #063849 15px;
}


 .color-row 
{
	padding-top:62px;
	padding-bottom:62px;
}

.menu-row
{
	color:#fff;
}

.page-id-170  #content-inner-bottom, .page-id-172 #content-inner-bottom
{
	margin-top:-20px;
}

.rooms-row h2, .rooms-row span, .rooms-row p, .rooms-row a
{
	color:#fff!important;
	text-align:center!important;
}

.rooms-row h2
{
    line-height: 50px;
}
.rooms-row p
{
	font-size:17px;
	line-height:20px;
}

.rooms-row .wpb_single_image
{
	margin-top:-100px;
}

.room-col
{
	border:7px solid #fff;
}

.room-col a, .room-col .wpb_raw_html
{
 color:#fff!important;
	text-align:center!important;
}

.room-col p
{
	min-height:160px;
	margin-bottom:7px;
}

.room-package-row h2
{
	    color: #6b3142;
}

.room-col a {
    text-decoration: underline;
    font-size: 22px;
    font-style: italic;
    font-family: 'Plantin MT Pro'!important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: #f0f0f0;
    background-color: #6b3142!important;
    color: #fff!important;
}

.page-id-176 .vc_tta-tab.vc_active a
{
background:red!important;
	background-color:red!important;
}

.page-id-176 .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-top: 0px;
    padding-bottom: 61px;
	padding-left:30px;
	border-left:0px;
}

.page-id-176 .vc_tta.vc_tta-style-classic .vc_tta-tab>a {
   
    border-right: 0px;
}

.room-col.things p
{
	min-height:initial;
}

.page-id-182 .toptitle {
   
    font-size: 45px!important;

    line-height: 52px;!important
}

.discoverbtn.left.white
{
	border-bottom:1px solid white!important;
}

.cont-row .smalltitle.white span
{
	color:#fff!important;
}

.parent-pageid-41 .room-package-row h2 {
    color: #063849;
}

.parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {

    background-color: #063849!important;
    color: #fff!important;
}

.parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #063849;
    background-color: #063849;

}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
}
.page-id-620 .cont-row, .page-id-693 .cont-row, .page-id-622 .cont-row
{
	margin-top:-21px;
}

.things-row h2
{
	font-size:34px;
	line-height: 42px;
}

.page-id-729 .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding-top: 0px;
}


.booknow a
{
	color:#fff!important;
}

.ash-quicklinks a
{
	color:#063849;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
  
    color: #fff;
    font-size: 15px!important;
    font-family: brandon-grotesque, sans-serif!important;
    text-transform: uppercase;
    letter-spacing: normal;
}


.brack-quicklinks a
{
	color:#6B3142;
}


.parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a, .parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover {
    border-color: #8eafbb;
    background-color: #8eafbb;
    color: #fff;
}

.footer-wrapper
{
	display:none;
}

.placesrow h2
{
	font-size:34px;
}

.parent-pageid-43 .panel-overlay, .page-id-43 .panel-overlay  {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2021/03/brackmenu-1.jpg) !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}


.parent-pageid-41 .panel-overlay, .page-id-41 .panel-overlay  {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2021/03/ashmenu-1.jpg) !important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.menucopy a
{
	color:#fff;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff!important;
}


.parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .parent-pageid-41 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    border-color: #8EAFBB;
    color: #fff;
    background-color: #8EAFBB;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff!important;
}

.menulogo.pan
{
	display:none;
}

#side-nav-panel .menu-wrap {

    padding-top: 7%;
}

#side-nav-panel .accordion-menu li.menu-item > a {
  
    line-height: 20px;
}

.page-id-41 #side-nav-panel .accordion-menu li.menu-item > a, .parent-pageid-41 #side-nav-panel .accordion-menu li.menu-item > a, .page-id-43 #side-nav-panel .accordion-menu li.menu-item > a, .parent-pageid-43 #side-nav-panel .accordion-menu li.menu-item > a {
  
    line-height: 20px;
}
.page-id-41 #side-nav-panel .menu-wrap, .parent-pageid-41 #side-nav-panel .menu-wrap, .page-id-43 #side-nav-panel .menu-wrap, .parent-pageid-43 #side-nav-panel .menu-wrap  {

    padding-top: 0px;
}

.ash .share-links .share-facebook, .ash .share-links .share-twitter, .ash .share-links .share-instagram {
    background: transparent;
    color: #063849;
}


.brack .share-links .share-facebook, .brack .share-links .share-twitter, .brack .share-links .share-instagram {
    background: transparent;
    color: #6B3142;
}

.text-col.left
{
	padding-right:30px;
}
.text-col.right
{
	padding-left:30px;
}

.page-id-166 .vc_tta.vc_general .vc_tta-tab>a {
    padding: 14px 13px;
}

.quickoffers h2 a
{
	color:#fff;
	text-align:center;
	font-weight: 100;
	text-shadow: 2px 2px 2px #000000;
}

.quickoffers h2
{
	color:#fff;
	text-align:center;
}


.quickoffers span
{
	text-decoration:italic;
}

.quickoffers .vc_column_container
{
	border:10px solid white;
}

.hotelrow.top
{
    padding-top: 54px;
}

.wedding table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.wedding table > thead > tr > th, table > tbody > tr > th, .wedding table > tfoot > tr > th, .wedding table > thead > tr > td, .wedding table > tbody > tr > td, .wedding table > tfoot > tr > td {
border: 1px solid #ddd;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {

    font-size: 20px!important;
    color: #ffffff!important;
 
}

.nf-response-msg {
    background: #53aa53!important;
    padding: 10px;
}

.nf-response-msg p
{
	color:#fff!important;

}

.parent-pageid-43 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: #f0f0f0;
    background-color: #6B3142;
}
.parent-pageid-43 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #f0f0f0;
    background-color: #6b3142;
}

.weddingform .nf-form-content input[type=button] {
    
    background: #6b3142!important;

}

.weddingform .nf-form-fields-required
{
	display:none;
}

.weddingform .nf-form-content input.ninja-forms-field::placeholder
{
	color:#6b3142!important;
}
.weddingform .nf-form-content input:not([type=button]) {
  
    border: 1px solid #6b3142!important;
}

.weddingform .nf-response-msg {
    background: #6b3142!important;
text-align:center!important;
}

.weddingform .nf-response-msg a
{
	color:#fff!important;
}



.weddingformash .nf-form-content input[type=button] {
    background: #063849!important;
}

.weddingformash .nf-form-fields-required
{
	display:none;
}

.weddingformash .nf-form-content input.ninja-forms-field::placeholder
{
	color:#063849!important;
}
.weddingformash .nf-form-content input:not([type=button]) {
  
    border: 1px solid #063849!important;
}

.weddingformash .nf-response-msg {
    background: #fff!important;
text-align:center!important;
}






.page-id-672 .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body
{
	padding-top:0px;
}


.page-id-620 .vc_tta.vc_general .vc_tta-tab>a {
    padding: 14px 10px;
}


.page-id-41 .hotelrow {
    padding-top: 49px;
 
}

.booknow, .booktable {
    padding-top: 8px;
    background: white;
    padding-left: 5px;
    padding-right: 5px;
	    border-radius: 2px;
}

.page-id-43 .booknow a, 
.parent-pageid-43 .booknow a, .page-id-43 .booktable a, .parent-pageid-43 .booktable a
{
color: #6b3142!important;
}
.page-id-41 .booknow a, 
.parent-pageid-41 .booknow a,
.page-id-41 .booktable a, 
.parent-pageid-41 .booktable a
{
color: #063849!important;
}
 #header.sticky-header .header-main.sticky .header-right {
    padding-top: 29px;

}



.card-header {
 
    background-color: rgb(6 56 73);

}

.accordion-toggle, .accordion-toggle:focus
{
	color:#fff;
}



.text-slider .wpb_wrapper {
    background: #063849c7;
    padding: 10px;
}


.text-slider h2, .text-slider a
{
	color:#fff!important;
}

.page-id-678 .newSlider .ult-item-wrap {

    padding-bottom: 34px;
}

.page-id-678 .text-slider {

    align-items: end;

}


.page-id-678 .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {

    font-size: 13px!important;
}

.nav-tabs .nav-link
{
	font-size:17px;
}

.share-links .share-linkedin {

    background: transparent;
    color: #063849;
}


/* wedding new page */

.blue-row
{
	background:#063849;
}


.blue-row h1, .blue-row h2, .blue-row h3, .blue-row h4, .blue-row li, .blue-row p
{
	color:#fff;
}
.row-pad-100
{
	padding-top:100px;
	padding-bottom:100px;
}

.row-pad-60
{
	padding-top:60px;
	padding-bottom:60px;
}

.fa-minus:before {
    content: "\f068";
    color: #fff;
}

.text-col.left
{
	padding-right:6%;
}

.text-col.right
{
	padding-left:6%;
}

.zoom-bg
{
	border-radius:30px;
}

.white h2, .white li
{
	color:#fff;
}


.wedding-packages-row .col2 p
{
	font-size:17px;
	font-weight:600;
}

.page-id-620 h2 {
    font-size: 36px;
    color: #063849;
}

.page-id-620 .vc_gitem-zone {

    border-radius: 30px;
}

.page-id-620 .vc_btn3.vc_btn3-color-grey, .page-id-620 .vc_btn3.vc_btn3-color-grey:hover {
    background-color: #fff;
    color: #063849;
    font-family: "Open Sans" !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.reviews .slick-dots {
    text-align: left !important;
}

.page-id-620 .blue .vc_btn3.vc_btn3-color-grey{
    background-color: #063849!important;
    color: #ffffff!important;
}

.form-on-white .nf-form-content input[type=submit]{
    background-color: #063849!important;
	 background: #063849!important;
    color: #ffffff!important;
	border-radius:6px;
	margin-top:15px;
    height: 37px;
    padding: 5px 21px;
}

.form-on-white .nf-form-content input:not([type=button]) {
    border: 0px solid #063849 !important;
	  border-bottom: 2px solid #063849 !important;
}
.form-on-white .nf-form-content input::placeholder
{
	color:#8eafbb!important;
	text-transform:none!important;
}


#calculator
{
	    background: #063849;
	color:#fff;
	padding: 50px!important;
}

#calculator h2
{
	color:#fff!important;
}



.nf-form-fields-required
{
	display:none!important;
}

.page-id-620 #nf-field-29-container
{
	margin-top:30px;
}

.page-id-620 .nf-form-content input
{
	padding-left:0px;
}

.page-id-620 #nf-field-29-wrap label
{
	font-weight:100;
}
.calcinput::placeholder
{
	color:#fff;
}

 .calcinput
{
	color:#fff!important;
}

.calcdate
{
	color:#fff!important;
}

/* For Chrome, Edge, Safari */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1); /* inverts the icon colour (black → white) */
    cursor: pointer;
}

/* Optional: to match your white border */
input[type="date"] {
    color: #fff; /* makes the text white */
}


#packages .tab-content{
    background: #063849!important;
    border: 0px solid var(--porto-gray-2);
}




.nav-tabs .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus
{
	  background: #063849;
    color: #fff;
}


#packages .tabs-left .nav-tabs>li .nav-link {
    border-right: 0px solid var(--porto-gray-2);
    border-left: 0px solid var(--porto-gray-2);
}

#packages .tabs-left .nav-tabs>li:last-child .nav-link {
    border-radius: 0 0 0 0px;
}

#packages .tabs-left .nav-tabs>li:last-child .nav-link, #packages .tabs-right .nav-tabs>li:last-child .nav-link {
    border-bottom: 0px solid var(--porto-gray-2) #e7e7e7;
}

.weddingpackage-tour
{
	border-top:0px;
}

#packages  .tabs-vertical .nav-tabs>li .nav-link, #packages .tabs-vertical .nav-tabs>li .nav-link:hover, #packages  .tabs-vertical .nav-tabs>li .nav-link:focus {
    border-bottom: 1px solid #fff!important;
}

#packages  .tabs-left .nav-tabs>li {
    margin-right: -1px;
    border-bottom: 1px solid #fff;
}

#packages .smalltitle span, #packages .smalltitle span {
    font-style: italic;
    color: #fff!important;
}

#packages .tabs-vertical .nav-tabs {

    padding-right: 30px;
}

#packages .tabs-left .nav-tabs>li.active, #packages .nav-tabs li.active .nav-link {
    background: #063849;
    color: #fff;
	border-bottom:2px solid #fff;

}

#packages .nav-tabs .nav-link {
    font-size: 18px;
}

.cta-button::before,
.cta-button::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;          /* final width */
  background: #fff;
  margin: 10px auto;
  
  transform: scaleX(0.2);     /* start smaller */
  transform-origin: center;   /* grow from centre */
  transition: transform 0.3s ease;
}

.cta-button:hover::before,
.cta-button:hover::after {
  transform: scaleX(1); /* expand smoothly to full width */
}

.cta-button a::before {
  margin-bottom: 10px;
}

.cta-button a::after {
  margin-top: 10px;
}

.cta-button a
{
font-family: brandon-grotesque, sans-serif !important;
}

.fa-x-twitter
{
background:#fff!important;
color:#063849!important;
}

@media (max-width: 767px) {
  /* Make tab nav and content take full width */
  .tabs-vertical.tabs-left {
    display: flex;
    flex-direction: column; /* stack children vertically */
  }

  .tabs-vertical.tabs-left .nav-tabs.col-md-3,
  .tabs-vertical.tabs-left .tab-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Space below the nav list */
  .tabs-vertical.tabs-left .nav-tabs {
    margin-bottom: 20px;
    border-right: none; /* remove left border */
    border-bottom: 1px solid #ddd; /* optional tidy border */
  }
}


@media (min-width: 768px){
  .my-peek-slider .swiper-slide { width: 70%; }   /* tablet */
}
@media (min-width: 1024px){
  .my-peek-slider .swiper-slide { width: 60%; }   /* desktop */
}

/* images fill their slide nicely */
.my-peek-slider img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
	
@media (min-width: 1230px)
{
.home .container {
    max-width: 100%;
}
}

@media (max-width: 1024px)
{
.hesperiden.tparrows {
  
    top: 105%!important;
  
}
}


@media (max-width: 1022px){
	
	.cta-button::before,
.cta-button::after {
display:none;
}
	
		.cta-button a
	{
	        background-color: #fff !important;
      
        color: #063849 !important;
        padding: 1px 21px;
        border-radius: 4px !important;
        text-transform: uppercase;
        font-weight: 600 !important;
	}
	
	
}
	
@media (max-width: 939px)
{
.hesperiden.tparrows {
  
    top: 124%!important;
  
}
}
@media (max-width: 991px)
{
.page-id-43 .custlogo, .parent-pageid-43 .custlogo {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2020/11/brack-logo.png);
    height: 94px;
    width: 214px;
    background-size: contain;
    background-repeat: no-repeat;
}
	.fixed-header #header .header-main .header-center {
    padding-top: 15px;
	}
	
	
	.hotelrow {
  
		padding-left:25px;
		padding-right:25px;
}
	
	.scrollgx
	{
		display:none!important;
	}
}


@media (max-width: 768px)
{
	.menu-row
	{
		height:initial;
	}
	
.booknow, .booktable {
        margin-right: 0px;
        font-size: 15px;
        padding: 0px 5px;
        padding-top: 0px;
        height: 27px;
        margin-top: 19px;
    }
	
	.rooms-row .wpb_single_image {
  margin-top: 10px; 
}
	
		.vc_tta-panel-body
	{
		padding-top:30px!important;
	}
	
		.ashhomelogo img, .brackhomelogo img
	{
		max-width:200px;
}
	.quickoffers h2
	{
		    font-size: 25px;
    line-height: 30px;
	}

	
}

@media (max-width: 480px)
{
	.custlogo
{

    height: 64px;
    width: 143px;

}
	
	.hidemob{
		display:none;
	}

	.container
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	
	.menu-row h2 {
    padding-top: 75px;
  
}
	
	.page-id-43 .custlogo, .parent-pageid-43 .custlogo {
    background-image: url(https://www.oakridgehotels.co.uk/wp-content/uploads/2020/11/brack-logo.png);
    height: 30px;
    width: 116px;
    background-size: contain;
    background-repeat: no-repeat;
}
	
	.page-id-41 .custlogo, .parent-pageid-41 .custlogo {
   
    height: 42px;
    width: 116px;

}
	
	.page-id-41 .sticky-header .custlogo, .parent-pageid-41 .sticky-header .custlogo {
    height: 44px;
    width: 116px;
}
	
	.bar {
    width: 30px;
	}
	
	.bar.middle {
    
    width: 22px;
	}
	.bar.top
	{
		top: 11px;
	}
	
	.bar.bottom {
  
    top: 32px;
}
	
	#header .mobile-toggle:first-child {
    margin-left: 13px;
}
	.discoverbtn
	{
		    margin-bottom: 30px;
    display: inline-flex;
	}
	
	.page-id-43 .sticky-header .custlogo, .parent-pageid-43 .sticky-header .custlogo {
       height: 30px;
    width: 100px;
}
	
	.hotelrow {
    padding-top: 37px;
    padding-bottom: 37px;
		padding-left:15px;
		padding-right:15px;
}
	
	.toptitle {
 
    font-size: 45px;

    line-height: 49px;
}
	
	.hours td
{
	width:90px;
}
	
	.things-row img
	{
		width:100%;
		display:block;
	}
	
	#side-nav-panel .accordion-menu li.menu-item > a, #side-nav-panel .menu-custom-block a {

    font-size: 20px;
	}
	
	#side-nav-panel .accordion-menu li.menu-item > a {
  
    line-height: 22px;
}
	
	.menulogo
	{
		display:none;
}
	
	.fa-times {
    font-size: 35px;
}
	

	.homeadress
	{
		display:none;
	}
	
	.homeleftcol
	{
		padding-top:100px;
	}

	.ult-ib-effect-style1 .ult-new-ib-title {

   margin-top: -69px;
}
	
	
.page-id-41 #side-nav-panel .accordion-menu li.menu-item > a, .parent-pageid-41 #side-nav-panel .accordion-menu li.menu-item > a, .page-id-43 #side-nav-panel .accordion-menu li.menu-item > a, .parent-pageid-43 #side-nav-panel .accordion-menu li.menu-item > a {
  
    line-height: 24px;
}
	
	
.text-col.left
{

}
.text-col.right
{

}
	
	.bg-pic
	{
		height:300px;
	}
	
	 .vc_row.vc_row-flex>.vc_column_container {

    
flex-direction: column-reverse; 
}
.text-col{order:1}
.bg-pic{order:-1}
	
	.text-col
	{
		padding-top:20px;
	}
	
	.hesperiden.tparrows {

    top: 125%!important;

}
		.quickoffers h2
	{
			font-size: 30px;
    line-height: 40px;
	}

	
#main_countedown_1 .element_conteiner {
    min-width: 70px!important;
}
	
	#side-nav-panel .accordion-menu>li.menu-item a {

    padding: 8px 43px 8px 16px;
}
	
	#side-nav-panel .side-nav-panel-close {
    top: 24px;
  
}
	
	   .sticky .booknow {
    
        margin-top: 18px;
    }
	
	#header.sticky-header .header-main.sticky .header-right {
    padding-top: 2px;
}

}

@media (max-width: 380px)
{
	booknow {
    margin-right: 10px;
    font-size: 15px;
}
}


#main_countedown_1 .time_left {
    border-radius: 50%!important;
    background-color: #6c9a32!important;
    font-size: 23px!important;
   font-family: 'Plantin MT Pro'!important;
    color: #ffffff!important;
	text-align:center!important;
}

#main_countedown_1 .time_description {
    font-size: 18px;
   font-family: 'Plantin MT Pro'!important;
    color: #ffffff!important;
	text-align: center!important;
	font-weight:normal!important;
}



.porto-block-html-top
{
	display:none;
}

.page-id-43 .porto-block-html-top, .parent-pageid-43 .porto-block-html-top
{
	display:block;
}

.lakes img
{
	max-width:200px;
}

.comingsoon
{
	background: rgb(39,24,74);
background: linear-gradient(93deg, rgba(39,24,74,1) 0%, rgba(119,142,71,1) 100%);
	border-bottom:4px solid #fff;
}

.webprev h2
{
	color:#fff;
	    font-size: 22px;
    line-height: 25px;
}

.comingsoon .wpb_content_element
{
	margin-bottom:0px;
}


.mobile-tab-items
{
	display:none!important;
}

#side-nav-panel .accordion-menu li.menu-item.active>a, #side-nav-panel .accordion-menu li.menu-item:hover>a, #side-nav-panel .menu-custom-block a:hover {
    background-color: transparent;
}

.package a
{
	text-decoration: underline;
    font-size: 22px;
    font-style: italic;
    font-family: 'Plantin MT Pro'!important;
}

.child-row h2, .child-row p, .child-row span
{
	color:#fff!important;
}
.child-row h2
{
	text-align:left!important;
}

.home .child-row
{
	margin-bottom:-30px!important;
}

.vc_btn3.vc_btn3-color-grey {
    color: #5e5e5e;
    background-color: #063849;
    font-family: 'Plantin MT Pro'!important;
	font-size:20px;
	color:#fff;
}

.accordion .card-header a {

    color: #ffffff;
}

.share-links .share-twitter:before {
    content: "\e61a";
}

.boxpara
{
	color:#fff;
	padding:10px;
	text-align:center;
}


.page-id-672 .vc_tta-tabs-container
{
	max-width:300px;
}

.page-id-6233 header .header-main {
    background-color: #063849;
}



/* lodges page */



@font-face {
    font-family: 'Neutra Text';
    src: url('NeutraText-Demi.woff2') format('woff2'),
        url('NeutraText-Demi.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.page-id-6876 h2 {
    font-size: 36px;
    color: #063849;
}

.page-id-6677 body
{
	 color: #063849;
}

body.page-id-6677 
{
	    font-family: 'Neutra Text'!important;
}

.page-id-6677 h1, .page-id-6677 h2, .page-id-6677 h3
{
	    font-family: 'Neutra Text'!important;
}

.page-id-6677 .opening h1
{
color: #301c4a;
    font-size: 72px;
    line-height: 80px;
}

.page-id-6677 h2
{
	font-size:50px;
	line-height:60px;
	text-transform:uppercase;
}


.white h2
{
	color:#fff;
}

.page-id-6677 h3
{
	font-size:36px;
	line-height:43px;
	text-transform:uppercase;
}
.page-id-6677 .share-links
{
display: inline-flex;
	text-align:center;
}

.share-link-cont
{
	text-align:center;
}

.page-id-6677 .share-links .share-facebook, .page-id-6677 .share-links .share-twitter, .page-id-6677 .share-links .share-instagram, .page-id-6677 .share-links .share-tiktok {
    background: #748f2b;
}


.page-id-6677 .opening h1 strong
{
color: #748f2b;

}

.page-id-6677 .vc_general.vc_btn3
{
	background:#301c4a;
	border:0px;
	    border-radius: 30px;
    padding: 10px 30px;
	    font-family: 'Neutra Text'!important;
	color:#fff;
}

.page-id-6677 .ninja-forms-field::placeholder
{
	color:#fff!important;
	text-align:center!important;
}

.page-id-6677 .ninja-forms-field
{
	color:#fff!important;
	text-align:center!important;
}

.page-id-6677 #nf-field-33-wrap
{
	text-align:center;
}

.page-id-6677 #nf-field-33
{
	background:#748f2b!important;
	border:0px!important;
	margin-top:30px;
		    border-radius: 30px;
    padding: 10px 30px;
	    font-family: 'Neutra Text'!important;
}

.page-id-6677 .nf-form-fields-required
{
	display:none;
}

.purple-row h2
{
	color:#fff;
	    margin-bottom: 10px;
}


.purple-row p
{
	color:#fff;
	
}

.purple-row h3
{
	color:#748f2b;
}

.green-row p
{
	color:#fff;
}


.page-id-6677 .row-pad-80
{
	padding-top:60px;
	padding-bottom:60px;
}

.page-id-6677 .nf-response-msg {

    text-align: center;
}


.weddingimg img
{
	border-radius:30px!important;
}

.package-price h3
{
	margin-bottom:10px;


}


.package-price strong
{
	color:#063849;
}


@media only screen and (max-width: 500px) 
{
.page-id-6677 .opening h1 {
 
    font-size: 52px;
    line-height: 57px;
}
}


.menu-btn .vc_btn3.vc_btn3-color-grey {

    padding-top: 13px;
		width:100%;
}

.menu-btn
{
	width:100%;
}

.mailbtn a
{
	background:#063849!important;
}

.vc_tta-color-custom.vc_tta-style-classic .vc_tta-tab.vc_active a, .vc_tta-color-custom.vc_tta-style-classic .vc_tta-tab a {
    background-color: #063849!important;
    border-color: 
 color-mix(in srgb, var(--vc-tta-active-color, #f0f0f0), #000 5%);
    color: #ffffff!important;
}


.party-booking .nf-form-content input:not([type=button]), .party-booking .nf-form-content textarea {
    background: transparent !important;
    border: 0px solid #c4c4c4 !important;
    border-bottom: 1px solid #32323a !important;
	color:#000!important;
}

.party-booking .nf-form-content select.ninja-forms-field
{
	border:1px solid #000;
}

.party-booking .nf-form-content input::placeholder, .party-booking .nf-form-content textarea::placeholder