Deprecated: Creation of dynamic property ACF::$fields is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/fields.php on line 138
Deprecated: Creation of dynamic property acf_loop::$loops is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/loop.php on line 28
Deprecated: Creation of dynamic property ACF::$loop is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/loop.php on line 269
Deprecated: Creation of dynamic property ACF::$revisions is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/revisions.php on line 397
Deprecated: Creation of dynamic property acf_validation::$errors is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/validation.php on line 28
Deprecated: Creation of dynamic property ACF::$validation is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/validation.php on line 214
Deprecated: Creation of dynamic property acf_form_customizer::$preview_values is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-customizer.php on line 28
Deprecated: Creation of dynamic property acf_form_customizer::$preview_fields is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-customizer.php on line 29
Deprecated: Creation of dynamic property acf_form_customizer::$preview_errors is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-customizer.php on line 30
Deprecated: Creation of dynamic property ACF::$form_front is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-front.php on line 598
Deprecated: Creation of dynamic property acf_form_widget::$preview_values is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-widget.php on line 34
Deprecated: Creation of dynamic property acf_form_widget::$preview_reference is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-widget.php on line 35
Deprecated: Creation of dynamic property acf_form_widget::$preview_errors is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/forms/form-widget.php on line 36
Deprecated: Return type of WPCF7_FormTag::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php on line 542
Deprecated: Return type of WPCF7_FormTag::offsetGet($offset) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php on line 528
Deprecated: Return type of WPCF7_FormTag::offsetSet($offset, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php on line 516
Deprecated: Return type of WPCF7_FormTag::offsetUnset($offset) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php on line 552
Deprecated: Return type of WPCF7_Validation::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/validation.php on line 129
Deprecated: Return type of WPCF7_Validation::offsetGet($offset) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/validation.php on line 117
Deprecated: Return type of WPCF7_Validation::offsetSet($offset, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/validation.php on line 98
Deprecated: Return type of WPCF7_Validation::offsetUnset($offset) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/validation.php on line 139
Deprecated: Creation of dynamic property EPS_Redirects_Plugin::$settings is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/eps-301-redirects/plugin.php on line 55
Deprecated: Creation of dynamic property hide_my_site::$plugin_dir is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/hide-my-site/index.php on line 25
Deprecated: Creation of dynamic property hidemysite_security::$needs_to_wait is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/hide-my-site/includes/security.php on line 6
Deprecated: Creation of dynamic property hide_my_site::$security is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/hide-my-site/index.php on line 28
Deprecated: Creation of dynamic property hide_my_site::$mobile_default_boolean is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/hide-my-site/index.php on line 86
Deprecated: Creation of dynamic property hide_my_site::$mobile_default_value is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/hide-my-site/index.php on line 87
Deprecated: Return type of FS_Key_Value_Storage::offsetExists($k) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 309
Deprecated: Return type of FS_Key_Value_Storage::offsetGet($k) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 317
Deprecated: Return type of FS_Key_Value_Storage::offsetSet($k, $v) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 301
Deprecated: Return type of FS_Key_Value_Storage::offsetUnset($k) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 313
Deprecated: Return type of FS_Key_Value_Storage::current() should either be compatible with Iterator::current(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 328
Deprecated: Return type of FS_Key_Value_Storage::next() should either be compatible with Iterator::next(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 339
Deprecated: Return type of FS_Key_Value_Storage::key() should either be compatible with Iterator::key(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 350
Deprecated: Return type of FS_Key_Value_Storage::valid() should either be compatible with Iterator::valid(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 362
Deprecated: Return type of FS_Key_Value_Storage::rewind() should either be compatible with Iterator::rewind(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 375
Deprecated: Return type of FS_Key_Value_Storage::count() should either be compatible with Countable::count(): int, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/lktags-linkedin-insight-tags/vendor/freemius/includes/managers/class-fs-key-value-storage.php on line 389
Deprecated: Return type of HM\BackUpWordPress\CleanUpIterator::accept() should either be compatible with FilterIterator::accept(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/backupwordpress/classes/class-path.php on line 456
Deprecated: Creation of dynamic property acf_field_oembed::$width is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/fields/class-acf-field-oembed.php on line 31
Deprecated: Creation of dynamic property acf_field_oembed::$height is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/fields/class-acf-field-oembed.php on line 32
Deprecated: Creation of dynamic property acf_field_google_map::$default_values is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/fields/class-acf-field-google-map.php on line 33
Deprecated: Creation of dynamic property acf_field__group::$have_rows is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/advanced-custom-fields/includes/fields/class-acf-field-group.php on line 31
Deprecated: Creation of dynamic property EIO_Lazy_Load::$relative_home_url is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/ewww-image-optimizer/classes/class-eio-base.php on line 98
Deprecated: Creation of dynamic property EIO_Lazy_Load::$home_domain is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/ewww-image-optimizer/classes/class-eio-base.php on line 99
Deprecated: Creation of dynamic property EIO_Lazy_Load::$upload_url is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/ewww-image-optimizer/classes/class-eio-base.php on line 884
Deprecated: Creation of dynamic property EIO_Lazy_Load::$upload_domain is deprecated in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/ewww-image-optimizer/classes/class-eio-base.php on line 888
Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php:8) in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/themes/baseTheme/css/type.php on line 2
@import url("https://use.typekit.net/rlu0ffg.css");
body, p, span, a{
font-family: 'Verdana', sans-serif;
color: #4d4d4d;
}
h1, h2, h3, h4, h5, h6, span, .projectPosts li a, .cli-bar-btn_container a{
font-family: trumpgothicpro, sans-serif;
text-transform: uppercase;
}
.cli-bar-btn_container a, .cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited{
font-size: 25px;
}
span p{
text-transform: none;
}
h1, h2{
font-size: 80px;
}
h2{
color: #d9d9d9;
}
header a{
font-family: trumpgothicpro, sans-serif;
font-size: 28px;
}
.contentBlock h1, .contentBlock h2, .bump{
position: relative;
left: -50px;
}
.contentBlock h1.grey{
color: #d9d9d9;
}
.projectPosts h2{
color: #6fa4d1;
}
.carousel-item span{
font-family: trumpgothicpro, sans-serif;
font-size: 140px;
text-transform: uppercase;
}
.slantRight a, .slantLeft a, .slantLeft span{
font-family: trumpgothicpro, sans-serif;
font-size: 28px;
}
.why span{
color: #1d70b7;
font-size: 30px;
line-height: 1em;
margin-top: 20px;
}
span.white{
color: white!important;
font-size: 35px;
margin-top: 15px;
}
footer, footer a, footer p{
font-family: trumpgothicpro, sans-serif!important;
font-size: 22px!important;
}
footer a{
text-transform: uppercase;
}
footer a.lower{
text-transform: lowercase;
}
@media screen and ( max-width: 991px ){
.contentBlock h1, .contentBlock h2, .bump{
position: relative;
left: 0;
}
h1, h2{
font-size: 50px;
}
header a{
font-size: 20px;
}
.carousel-item span{
font-size: 80px;
}
}
/* ====== TESTIMONIALS ====== */
.testimonials{
background: #1d70b7;
color: white;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner, .strong-view.wpmtst-default .wpmtst-testimonial-image img, .strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
border: none!important;
background: transparent!important;
}
@media screen and ( max-width: 991px ){
.testimonial-image{
display: none;
}
}
/* ====== TESTIMONIALS END ====== */
footer{
padding: 30px;
position: relative;
bottom: 0;
background: #333333;
color: white;
}
#footer-contact{
margin: 0 0 20px 0;
padding: 0;
}
#footer-contact li:first-child{
padding-left: 0;
}
#footer-contact li a{
font-size: 16px;
}
.bornLogo{
width: 50px;
height: auto;
display: inline-block;
margin-left: 10px;
}
.social{
display: inline-block;
width: 30px;
}
footer .logo{
max-width: 80%;
}
@media( max-width: 991px ){
footer .logo{
margin-bottom: 20px;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
}
/* ====== FOOTER 1 ====== */
.footer ul{
margin: 0;
padding: 0;
}
.footer li{
display: block;
}
.badges{
max-height: 100px;
max-width: 120px;
display: inline-block;
margin-left: 15px;
}
/* ====== FOOTER 1 END ====== */
form, .nf-form-layout, .nf-form-cont{
width: 100%;
}
.nf-field-label{
display: none;
}
.wpcf7, .wpcf7-form label{
width: 100%!important;
}
.wpcf7-form-control{
background: transparent!important;
border: 0!important;
border-bottom: solid 1px black!important;
color: inherit!important;
padding: 7px!important;
height: 40px!important;
width: 100%!important;
}
footer .wpcf7-form-control.wpcf7-submit{
width: 100%;
}
.wpcf7-form-control.wpcf7-textarea{
height: 140px!important;
}
.ajax-loader{
display: none!important;
}
header{
padding: 20px;
z-index: 1000;
margin-right: 60px!important;
}
header p, header a, header a:hover, header a:focus, header a:active{
margin-bottom: 0!important;
color: #666666;
}
header img{
margin-bottom: 20px;
}
#contactbar p{
margin: 0;
}
.blueGrad{
background: linear-gradient(270deg, rgba(245,245,255,0) 10%, rgba(29,112,183,1) 100%);
}
.carousel{
width: 100%;
min-height: 500px;
}
.carousel span{
line-height: 1em;
}
.carousel-item span{
color: white!important;
}
.quote{
display: inline-block;
transform: skew(20deg);
background: #1d70b7;
padding: 10px;
color: white!important;
text-transform: uppercase;
margin-right: 20px;
}
.quote a{
display: inline-block;
transform: skew(-20deg);
color: white!important;
}
.carousel .logoIcon{
height: 100%;
position: absolute;
right: 50px;
top: 0;
fill: rgba(255,255,255,0.4);
}
/* ====== NAV BAR ====== */
#menu-header-menu{
margin: 0;
padding: 0;
}
#bar li{
display: inline-block;
margin: 0 20px;
}
#bar li a{
color: white;
font-size: 16px;
}
#bar .dropdown-menu li{
display: block;
margin: 0;
}
#bar .dropdown-menu{
border: 0;
border-radius: 0;
}
/* ====== NAV BAR END ====== */
/* ====== NAV BURGER ====== */
#sideNavigation .dropdown-menu, #sideNavigation .dropdown-menu.show{
position: static!important;
transform: none!important;
width: 100%;
border: none!important;
background-color: transparent!important;
margin: 0;
padding: 0;
}
.dropdown-menu{
height: 0;
max-height: 0;
opacity: 0;
transition: 0.8s;
}
.dropdown-menu.show{
height: auto;
opacity: 1;
max-height: 1000px;
transition: 0.8s;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{
background: none!important;
}
.navbar-toggle{
z-index: 100000;
display: inline;
position: absolute;
right: 0;
top: 0;
}
.navbar-toggle.open{
position: fixed;
}
.navbar-toggle{
margin: 20px;
}
.hamburger {
padding: 12px 12px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: red;
border-radius: 50%;
border: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: white;
}
.hamburger-box {
width: 35px;
height: 18px;
display: inline-block;
position: relative;
margin-top: 10px;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 35px;
height: 3px;
background-color: white;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.3s 0.5s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.3s 0.5s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.3s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.3s ease-out, opacity 0.3s 0.3s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.3s ease-out, transform 0.3s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#sideNavigation{
color: white!important;
}
#sideNavigation p a{
font-size: 1em!important;
text-transform: lowercase;
}
#overlay{
position: fixed;
z-index: 1500;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
display: none;
}
#sideNavigation #menu-header-menu, #socialNav{
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
opacity: 0;
}
#navLink{
width: 40px;
height: auto;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 10000;
top: 0;
right: 0;
background-color: red;
overflow-x: hidden;
padding-top: 60px;
transition: 0.5s;
text-align: right;
}
.sidenav a, .sidenav a:not([href]):not([tabindex]) {
text-decoration: none;
font-size: 20px;
color: #fff;
display: block;
transition: 0.15s;
margin-bottom: 15px;
}
.sidenav a.social{
display: inline-block;
}
.sidenav #socialNav a, .sidenav #socialNav a:not([href]):not([tabindex]) {
border-bottom: none;
}
.sidenav a:hover, .offcanvas a:focus{
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.sidenav li{
display: block;
}
#main {
padding: 20px;
}
body {
overflow-x: hidden;
}
.topnav {
overflow: hidden;
top: 0;
}
.topnav a {
display: inline;
padding: 0;
text-decoration: none;
position: relative;
border: none;
}
.topnav p a {
float: none;
display: inline;
text-align: left;
padding: 0;
text-decoration: none;
width: auto;
}
.topnav>p{
margin: 8px 15px;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
a svg{
transition:all .5s ease;
&:hover{
#transform:rotate(180deg);
}
}
#ico{
display: none;
}
#sideNavigation #socialNav, #sideNavigation #menu-header-menu{
margin: 80px;
}
.menu{
margin-top: 20px;
margin-right: 50px;
padding: 0 30px;
@include border-radius(5px);
#transition: all 0.5s ease;
a{
display: block;
color: #fff;
padding: 10px 2px;
margin: 3px 0;
text-decoration: none;
&:nth-child(1){
margin-top: 0;
@include border-radius(3px 3px 0 0 );
}
&:nth-child(5){
margin-bottom: 0;
@include border-radius(0 0 3px 3px);
}
&:hover{
background: #555;
}
}
}
@media(max-width: 992px){
.sidenav ul{
display: block;
}
.sidenav li{
display: block;
width: 100%;
margin-bottom: 20px;
}
ul .sub-menu {
padding-inline-start: 0;
}
.sub-menu li{
display: block;
width: 100%;
margin-bottom: 5px;
}
.sub-menu li a{
font-weight: 300;
}
.menu{
margin-right: 0;
}
#overlay{
left: -15px;
}
#sideNavigation #socialNav, #sideNavigation #menu-header-menu{
margin: 30px;
}
}
/* ====== NAV BURGER ====== */
.burger {
height: 3em;
width: 3em;
position: relative;
font-size: 12px;
cursor: pointer;
-webkit-transition: .2s all;
-o-transition: .2s all;
transition: .2s all;
-webkit-tap-highlight-color: transparent; }
.burger .burger-lines:after {
left: 0;
top: -1em; }
.burger .burger-lines:before {
left: 1em;
top: 1em; }
.burger:after {
content: '';
display: block;
position: absolute;
height: 150%;
width: 150%;
top: -25%;
left: -25%; }
.burger .burger-lines {
top: 50%;
margin-top: -0.125em; }
.burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
pointer-events: none;
display: block;
content: '';
width: 100%;
border-radius: 0.25em;
height: 0.25em;
position: absolute;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); }
.burger .burger-lines:after {
left: 0;
top: -1em; }
.burger .burger-lines:before {
left: 1em;
top: 1em; }
.burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
width: 2em; }
.burger.burger-slip .burger-lines, .burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s; }
.burger.burger-slip.open .burger-lines {
-webkit-transform: translateX(-2em);
-ms-transform: translateX(-2em);
transform: translateX(-2em);
background-color: transparent; }
.burger.burger-slip.open .burger-lines:before, .burger.burger-slip.open .burger-lines:after {
background-color: white;
left: 0.5em;
top: 0px; }
.burger.burger-slip.open .burger-lines:before {
-webkit-transform: translateX(2em) rotate(135deg);
-ms-transform: translateX(2em) rotate(135deg);
transform: translateX(2em) rotate(135deg); }
.burger.burger-slip.open .burger-lines:after {
-webkit-transform: translateX(2em) rotate(-135deg);
-ms-transform: translateX(2em) rotate(-135deg);
transform: translateX(2em) rotate(-135deg); }
/* ====== Masonry ====== */
.card {
background-color: rgba(0,0,0,.125);
border: 1px solid rgba(0,0,0,.125);
border-radius: 0;
}
.posts-topbar h2{
display: inline-block;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.posts-topbar ul{
display: inline-block;
padding: 0;
margin: 0;
}
.posts-topbar li{
display: inline-block;
margin: 0 10px;
}
.posts-topbar input {
background-color: white;
border: 1px solid black;
}
.posts-topbar .search-submit{
background-color: red;
border-color: red;
color: white;
}
.postTitle{
background-color: rgba(255,255,255,0.75);
}
a:hover .postTitle{
background-color: rgba(255,255,255,0.95);
}
/* ====== Masonry END ====== */
/* ====== Grid ====== */
.overlay{
opacity: 0;
background-color: rgba(0,0,0,0.5);
}
.overlay, .overlay p, .overlay a, .overlay h1, .overlay h2, .overlay h3, .overlay h4, .overlay h4, .overlay h5, .overlay h6{
color: white!important;
}
a:hover .overlay{
opacity: 1;
}
@media( max-width: 768px ){
.overlay{
opacity: 1;
}
}
/* ====== Grid END ====== */
/* ====== List ====== */
.posts-sidebar ul{
padding: 0;
}
.posts-sidebar li{
display: block;
}
.screen-reader-text{
display: none;
}
.posts-sidebar input {
background-color: white;
border: 1px solid black;
}
.posts-sidebar .search-submit{
background-color: red;
border-color: red;
color: white;
}
.posts-sidebar label{
width: 70%;
}
.posts-sidebar label input{
width: 100%;
}
.posts-sidebar input{
width: 19%;
}
@media( max-width: 991px ){
.posts-sidebar label, .posts-sidebar input{
width: 100%;
}
}
/* ====== List END ====== */
/* ====== FUNDING ====== */
.funding{
background-color: #d9d9d9;
}
.funding h2, .funding a{
color: #1d70b7;
}
.fundLine{
border-bottom: solid white 2px;
}
#projectLinks {
overflow: hidden
}
.projectPosts,
.statPosts {
min-height: 450px;
position: relative;
overflow: hidden
}
.projectPosts ul,
.statPosts ul {
padding: 0;
margin: 30px 0
}
.projectPosts li,
.statPosts li {
display: block;
padding: 10px 0
}
.projectPosts li a {
color: #a3a3a3;
margin-left: 0;
font-size: 28px;
transition: margin-left .4s;
-moz-transition: margin-left .4s;
-webkit-transition: margin-left .4s
}
.linkStart {
display: inline-block;
width: 200px
}
.linkIndent {
top: 4px;
width: 0;
display: inline-block;
position: relative;
overflow: hidden;
transition: width .4s;
-moz-transition: width .4s;
-webkit-transition: width .4s
}
.projectPosts li:hover .linkIndent {
width: 200px;
transition: width .4s;
-moz-transition: width .4s;
-webkit-transition: width .4s
}
.projectPosts li:hover a,
.statPosts li:hover p {
color: #1f71b8;
margin-left: 20px;
transition: margin-left .4s;
-moz-transition: margin-left .4s;
-webkit-transition: margin-left .4s
}
.projectPosts li .img {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
opacity: 0;
transition: opacity .4s;
-moz-transition: opacity .4s;
-webkit-transition: opacity .4s
}
.projectPosts li .imgOffice {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
opacity: 1
}
.projectPosts .firstImg .img,
.statPosts .firstImg img {
opacity: 1 !important
}
.projectPosts li:hover .img,
.statPosts li:hover img {
opacity: 1;
transition: opacity .4s;
-moz-transition: opacity .4s;
-webkit-transition: opacity .4s
}
.mobileLink {
display: none
}
.statPosts li:hover p {
color: #000;
margin-left: 30px;
transition: margin-left .4s;
-moz-transition: margin-left .4s;
-webkit-transition: margin-left .4s
}
.statPosts li p {
display: inline-block;
margin-bottom: 0
}
.statPosts li .statGraph {
width: 33%
}
.statPosts li p {
margin-left: 0;
color: #a3a3a3;
transition: margin-left .4s;
-moz-transition: margin-left .4s;
-webkit-transition: margin-left .4s
}
.statPosts li:hover .linkIndent {
width: 100%;
transition: width .4s;
-moz-transition: width .4s;
-webkit-transition: width .4s
}
.statPosts li img {
position: absolute;
top: 0;
right: 0;
opacity: 0;
height: 100%;
width: auto !important;
transition: opacity .4s;
-moz-transition: opacity .4s;
-webkit-transition: opacity .4s
}
.statPosts li img.base {
opacity: 1 !important
}
.btn {
transition: all 280ms ease-in-out
}
.btn:active,
.btn:hover {
transition: all 280ms ease-in-out
}
.circle {
border-radius: 50%;
height: 250px;
width: 250px;
position: relative
}
.circleInner {
width: 70%
}
.circleInner h3 {
font-weight: 700
}
.view {
font-family: 'Playfair Display', serif;
margin: 0 !important
}
.dot {
height: 8px;
width: 8px;
background-color: #1f71b8;
display: inline-block;
position: absolute;
top: 13px;
right: 0
}
.line {
height: 2px;
width: 100%;
background-color: #1f71b8;
display: inline-block
}
.slantRight{
display: inline-block;
transform: skew(20deg);
padding: 10px 30px;
color: white!important;
text-transform: uppercase;
margin-right: 20px;
}
.slantRight a{
display: inline-block;
transform: skew(-20deg);
color: white!important;
}
.slantLeft{
display: inline-block;
transform: skew(-20deg);
padding: 10px 30px;
color: white!important;
text-transform: uppercase;
margin-right: 20px;
transition: 0.3s;
}
a:hover>.slantLeft{
padding: 10px 45px;
transition: 0.3s;
}
a:hover>.slantLeft span{
border-bottom: 1px solid white;
transition: 0.3s;
}
.slantLeft a, .slantLeft span{
display: inline-block;
transform: skew(20deg);
color: white!important;
}
.grad{
background: linear-gradient(270deg, rgba(29,161,242,1) 0%, rgba(29,112,183,1) 100%);
}
#projectList .slantLeft{
margin-left: 200px;
}
@media(max-width:1200px) {
.projectPosts,
.statPosts {
min-height: 0
}
.projectPosts li img {
display: none
}
.projectPosts li a,
.statPosts li p {
margin: auto
}
.linkIndent {
display: none
}
.mobileLink {
display: block
}
.statPosts .mobileLink {
padding: 20px 0
}
.statPosts .mobileLink img {
position: static;
opacity: 1;
display: block;
height: auto !important
}
.statPosts .mobileLink p {
margin-left: 0;
color: #a3a3a3
}
.projectPosts li a,
.projectPosts li:hover a {
color: #fff
}
.deskLink {
display: none
}
.projectPosts li:hover a,
.statPosts li:hover p {
margin-left: 0
}
.greyBg {
background: 0 0 !important
}
#projectList .slantLeft{
margin-left: 20px;
}
}
.burger {
height: 3em;
width: 3em;
position: relative;
font-size: 12px;
cursor: pointer;
-webkit-transition: .2s all;
-o-transition: .2s all;
transition: .2s all;
-webkit-tap-highlight-color: transparent; }
.burger .burger-lines:after {
left: 0;
top: -1em; }
.burger .burger-lines:before {
left: 1em;
top: 1em; }
.burger:after {
content: '';
display: block;
position: absolute;
height: 150%;
width: 150%;
top: -25%;
left: -25%; }
.burger .burger-lines {
top: 50%;
margin-top: -0.125em; }
.burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
pointer-events: none;
display: block;
content: '';
width: 100%;
border-radius: 0.25em;
height: 0.25em;
position: absolute;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); }
.burger .burger-lines:after {
left: 0;
top: -1em; }
.burger .burger-lines:before {
left: 1em;
top: 1em; }
.burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
width: 2em; }
.burger.burger-slip .burger-lines, .burger.burger-slip .burger-lines:after, .burger.burger-slip .burger-lines:before {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s; }
.burger.burger-slip.open .burger-lines {
-webkit-transform: translateX(-2em);
-ms-transform: translateX(-2em);
transform: translateX(-2em);
background-color: transparent; }
.burger.burger-slip.open .burger-lines:before, .burger.burger-slip.open .burger-lines:after {
background-color: white;
left: 0.5em;
top: 0px; }
.burger.burger-slip.open .burger-lines:before {
-webkit-transform: translateX(2em) rotate(135deg);
-ms-transform: translateX(2em) rotate(135deg);
transform: translateX(2em) rotate(135deg); }
.burger.burger-slip.open .burger-lines:after {
-webkit-transform: translateX(2em) rotate(-135deg);
-ms-transform: translateX(2em) rotate(-135deg);
transform: translateX(2em) rotate(-135deg); }
.why img{
display: inline-block;
}
.why span{
display: block;
}
.whatIs{
background-color: #1d70b7;
color: white;
}
.whatPoints{
border-bottom: solid white 2px;
}
.link{
background-color: white;
box-shadow: 1px 1px 10px black;
padding: 30px;
width: 100%;
}
.about .btn{
background-color: #8da656;
color: white;
border: #8da656;
}
.about .btn:hover, .about .btn:active, .about .btn:focus{
background-color: #6daaa5;
border: #6daaa5;
}
.about h2{
color: #8da656;
}
.services .btn{
background-color: #bf8d56;
color: white;
border: #bf8d56;
}
.services .btn:hover, .services .btn:active, .services .btn:focus{
background-color: #a87c4c;
border: #a87c4c;
}
.services h2{
color: #bf8d56;
}
.contact .btn{
background-color: #397d6c;
color: white;
border: #397d6c;
}
.contact .btn:hover, .contact .btn:active, .contact .btn:focus{
background-color: #316a5c;
border: #316a5c;
}
.contact h2{
color: #397d6c;
}
.callOverlay{
background-color: rgba(0,0,0,0.7);
}
.callOverlay:hover{
background-color: rgba(0,0,0,0.5);
}
.callOverlay span{
color: white!important;
font-size: 2rem;
}
/* ====== NAVIGATION ====== */
nav{
padding: 20px;
background-color: ;
}
#bar .dropdown-menu{
background-color: #1d70b7;
}
#bar li a, #stickyNav li a{
color: #1d70b7;
}
#bar .dropdown-menu li a, #stickyNav .dropdown-menu li a{
color: #1d70b7;
margin: 10px;
}
.btn-primary{
background-color: #1d70b7;
border-color: #1d70b7;
}
.btn-primary:hover{
background-color: gray;
border-color: gray;
}
h1, a:hover{
color: #1d70b7;
}
.burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before, .sidenav{
background-color: #1d70b7;
}
@media( max-width: 991px ){
.overlayCollapse{
background-color: #1d70b7;
padding: 0;
}
.overlayCollapse.show{
padding: 15px 0;
}
#bar .overlayCollapse li a{
color:
Warning: Undefined variable $white in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/themes/baseTheme/css/variables.php on line 75
;
}
}
/* ====== NAVIGATION END ====== */
/* ====== FOOTER ====== */
.footer a, .footer a:hover, .footer a:active, .footer a:focus{
color: white;
}
footer .wpcf7-form-control{
background: transparent!important;
border: 0!important;
border-bottom: solid 1px white!important;
color: white!important;
}
footer .wpcf7-form-control::placeholder{
color: white!important;
}
/* ====== FOOTER END ====== */
/* ====== FORM ====== */
.wpcf7-form-control.wpcf7-submit{
background: gray!important;
border: 0!important;
}
.wpcf7-form-control.wpcf7-submit:hover{
background: white!important;
color: gray!important;
}
/* ====== FORM END ====== */
/* ====== CALL TO ACTION ====== */
.primary{
background-color: #1d70b7;
color: white!important;
}
.secondary{
background-color: gray;
color: white!important;
}
.primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary p, .primary span, .primary a, .primary a:hover, .secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6, .secondary p, .secondary span, .secondary a, .secondary a:hover{
color: white!important;
}
/* ====== CALL TO ACTION END ====== */
Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php:8) in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/themes/baseTheme/css/compile.php on line 19
Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/plugins/contact-form-7/includes/form-tag.php:8) in /var/www/vhosts/bornagency.co.uk/avaloncabins.co.uk/wp-content/themes/baseTheme/css/compile.php on line 20