div#swipe_handle.animated_swipe {
transition: all 0.3s;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#swipe_handle {
background: #fff;
text-align: center;
position: relative;
transform: translateY(400px);
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 912394;
}
div#slide_menu_content {
height: 400px;
}
div#main_container {
}
div#slide_handle {
height: 80px;
overflow: auto;
background: #039be5;
position: relative;
}
a.linklogo {
display: block;
background: #fff;
}
img.hustler {
max-width: 190px;
width: 220px;
height: auto;
padding: 14px 10px;
}
div#slide_logo {
float: left;
}
div#menu_callout {
float: right;
height: 80px;
width: 25%;
transition: all 0.1s;
padding: 18px 10px;
}
div#search_block {
float: right;
}
a.blocksearch {
height: 80px;
width: 70px;
display: block;
padding: 10px;
cursor: pointer;
}
a.blocksearch svg {
width: 100%;
height: 100%;
max-width: 26px;
color: #152b5a;
}
div#menu_callout svg {
width: 100%;
height: 100%;
max-height: 50px;
margin: 10px auto;
color: #fff;
}
div#shopblock {
float: right;
width: 51px;
text-align: center;
}
div#shopblock svg {
width: 100%;
margin: 0 auto;
display: block;
}
a.blockshop {
display: block;
width: 50px;
padding: 20px 0px;
}
a.blockshop {
color: #fff;
text-align: center;
display: block;
width: 26px; display: inline-block;
}
div#menu_callout svg * {
fill: #fff;
}
div#shopblocks svg * {
fill: #fff;
}
a.blocksearch svg * {
fill: #152b5a;
}
div#slide_handle {
}
.bartext {
color: #fff;
text-transform: capitalize;
font-weight: 300;
letter-spacing: 1px;
margin: 5px 0px 0;
font-size: 12px;
}
span.brs {
display: block;
height: 2px;
width: 46px;
background: #fff;
margin: 0 auto;
}
span.brs:nth-child(even) {
margin: 8px auto;
}
ul.cat_ul {
margin: 0;
padding: 0;
list-style: none;
overflow: auto;
width: 200vw;
background: #fff;
box-shadow: 0px -1px 0px 0px inset #f7f7f7, 0px 1px 0px 0px inset #f7f7f7;
transition: all .7s;
}
li.cats_cat {
width: 25vw;
float: left;
}
div#slide_box {
overflow: auto;
height: calc(100% - 50px);
float: left;
width: 100%;
overflow: hidden;
position: relative;
}
.slide_left_content {
float: left;
width: 40%;
height: 100%;
background: #eee;
background-size: cover;
background-position: 50%;
color: transparent;
}
.right_content_box {
float: right;
width: 60%;
height: 100%;
padding: 10px;
overflow: auto;
background: #eee;
}
div#slide_categories {
float: left;
width: 100%;
}
ul.cl {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.contents {
text-align: left;
}
a.lkink {
font-size: 50%;
}
a.main_lo {
display: inline-block;
font-weight: 800;
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
padding: 7px 0;
}
a.lkink {
display: inline-block;
}
ul#slide_boxes {
padding: 0;
margin: 0;
width: 1000vw;
overflow: auto;
height: 100%;
}
li.slide_box {
float: left;
width: 10%;
text-decoration: none;
list-style: none;
height: 100%;
}
ul#slide_boxes.activeslideing {
transition: all .3s;
}
span.link_cat {
height: 50px;
display: block;
align-items: center;
text-align: center;
font-size: 14px;
width: 100%;
cursor: pointer;
color: #039be5;
position: relative;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
padding: 0px 5px 0;
transition: all .3s;
line-height: 13px;
display: flex;
align-items: center;
justify-content: center;
}
span.link_cat:hover { }
div#slide_box * {
box-sizing: border-box;
touch-action: pan-y;
}
span.link_cat.acitivebutton {
background: #ffffff;
font-weight: 700; border-bottom: 1px solid #039be5;
}
span.link_cat:before {
position: absolute;
content: close-quote;
width: 3px;
height: 3px;
border-radius: 50%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto 3px;
}
span.link_cat.acitivebutton:before {
opacity: 0;
}
div#slidearrows {
top: 0;
left: 0;
right: 0;
z-index: 9123841;
position: static;
}
div#arrwleft {
width: 20px; bottom: 5px;
position: absolute;
z-index: 12341;
left: 8px;
}
div#arrwright {
position: absolute;
right: 5px;
bottom: 8px;
width: 20px;
z-index: 12341;
height: 28px;
border-radius: 50%; }
span.arrowcontainer {
display: block;
width: 15px;
text-align: center;
}
span.arrowcontainer * {
fill: #b5e7ff;
}
div#menu_callout.activecallout {
background: #e01a4f;
}
div#menu_callout.launchedmenucall {background: #ffffff7d;}
div#menu_callout.launchedmenucall span.brs {
background: #fff;
}
div#menu_callout.launchedmenucall .bartext {
color: #fff;
}
div#swipe_handle:before {
content: "Swipe the nav button Up";
position: absolute;
bottom: 500px;
right: 30px;
background: #e01a4f;
color: #fff;
border-radius: 2px 2px 0px 2px;
padding: 5px 10px;
text-transform: uppercase;
font-size: 12px;
}
div#swipe_handle:after {
content: "";
position: absolute;
bottom: 483px;
right: 30px;
color: #fff;
border-radius: 0px;
padding: 0px 0px;
text-transform: uppercase;
font-size: 12px;
border-top: 7px solid #e01a4f;
border-bottom: 10px solid transparent;
border-right: 10px solid #f68f9300;
border-left: 10px solid #fff0;
width: 0px;
height: 0px;
display: block;
}
div#swipe_handle.hidetooltop:before,
div#swipe_handle.hidetooltop:after {
opacity: 0;
}
ul.submenu.list--reset {
padding: 0;
margin: 0;
list-style: none;
height: 100%;
overflow: auto;
}
.submenu__col {
text-align: left;
}
ul.submenu__menu.list--reset {
padding: 0;
list-style: none;
display: none;
}
a.submenu__a {
font-weight: 700;
color: #0f0f0f;
padding: 5px 10px;
display: block;
}
div#searchhandle {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999999;
background: #dbdbdb;
transform: translateY(-15%);
opacity: 0;
transition: all 0.3s;
visibility: hidden;
}
label.sr-only_sb {
display: none;
}
input#s {
float: left;
width: 100%;
padding: 0;
min-height: 0;
text-align: center;
padding: 20px 10px;
font-size: 18px;
letter-spacing: 1px;
display: block;
background: #0f0f0f;
color: #fff !important;
}
span.input-group-appendsb {
display: block;
width: 100%;
float: left;
}
.input-group_sb {
overflow: auto;
}
input#searchsubmit-sb {
display: block;
background: #e01a4f;
width: 100%;
border: none;
border-radius: 0;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: 15px;
}
div#opacity_background.launchedmenucall {
opacity: 1;
visibility: visible;
}
div#opacity_background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
background: rgba(15, 15, 15, 0.75);
opacity: 0;
visibility: hidden;
transition: all .7s;
}
div#searchhandle {
}
a.blocksearch.searchactive { background: #fff;
color: #0f0f0f;
}
a.blocksearch.searchactive svg * {
fill: #000;
}
div#searchhandle.searchactive {
opacity: 1;
visibility: visible;
transform: translateY(-0%);
}
div#menufe {
}
div#menufe ul#primary-menued {
margin: 0;
}
div#menufe ul#primary-menued li {
text-align: center;
}
div#menufe ul#primary-menued li a, ul#slide_boxes ul.menu li a {
display: inline-block;
font-size: 1.3rem;
color: #313131;
font-family: 'Roboto Condensed', sans-serif;
color: #0d7fbd;
font-weight: 500;
}
ul#slide_boxes {}
ul#slide_boxes div#menufe ul.menu, 
ul#slide_boxes ul#primary-menued {
margin: 0;
padding: 30px;
max-width: calc(100% - 50px);
margin: 0 auto;
}
ul#slide_boxes ul#primary-menued li, ul#slide_boxes ul.menu li {
display: block;
text-align: left;
}
ul#slide_boxes ul#primary-menued li a, ul#slide_boxes ul.menu li a {
display: inline-block;
margin: 5px 0px;
font-size: 1.3rem;
font-weight: 100;
text-transform: uppercase;
display: block;
font-weight: 500;
}
ul#slide_boxes ul#primary-menued li a span.icl {
padding-right: 15px;
}
ul#slide_boxes ul#primary-menued li:hover a { }
div#slide_box h3.mk strong {
padding-left: 15px;
}
div#slide_box .lo {
border: none;
text-align: left;
}
div#slide_box .infok {
text-align: left;
max-width: calc(100% - 50px);
margin: 0 auto;
padding: 30px;
}
div#slide_box .infok a {display: inline-block;font-weight: 100;font-weight: 500;}
li.slide_box {}
li.slide_box .li {
text-align: left;
}
li.slide_box .li h3.ikd {
font-size: 1.3rem;
color: #039be5;
}
li.slide_box .li h3.ikd strong {
padding-left: 15px;
}
li.slide_box .li {
border: none;
padding: 15px 0;
color: #039be5;
}h3.mk {
color: #039be5;
}
li.slide_box {}
li.slide_box .li h5.hlo {
padding: 10px 0 0;
}div#leftsnav {
float: left;
overflow: auto;
width: 75%;
}
a.links_nav {
display: block;
float: left;
width: 33.3%;
padding: 18px 0;
font-size: 23px;
color: #fff;
line-height: 20px;
}
a.links_nav svg {
color: inherit;
}span.linkol {
display: inline-block;
font-size: 12px;
color: #fff;
width: 100%;
line-height: 12px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-weight: 100;
letter-spacing: 1px;
}div#slide_box div#menufe,div#slide_box div#menufe * {
touch-action: pan-y;
}
div#menufe {
height: 100%;
overflow: auto;
}span.menutext {
padding-left: 5px;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 1px;
font-weight: 400;
font-size: 12px;
}
.slide_box .menu-menu-container li a:hover {
color: white !important;
} 
div#menu_callout {}
span.linkol {}@font-face {
font-family: 'marker_feltregular';
src: url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/markerfelt/marker_felt-webfont.woff2) format('woff2'),
url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/markerfelt/marker_felt-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualregular';
src: url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dc-webfont.woff2) format('woff2'),
url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dc-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualregular2';
src: url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_regular-webfont.woff2) format('woff2'),
url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualitalic';
src: url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_italic-webfont.woff2) format('woff2'),
url(//www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.home_welcome {
position: relative;
margin: 70px;
}
.main-wrapper {
padding-bottom: 50px;
opacity: 1;
visibility: visible;
transition: opacity .2s,visibility .2s;
display: inline-block;
width: 100%;
overflow: hidden;
}
.image .img {
position: absolute;
background-size: cover;
background-position: 50% 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: opacity .3s,-webkit-transform .4s;
transition: transform .4s,opacity .3s;
transition: transform .4s,opacity .3s,-webkit-transform .4s;
}
.image {
transition: all .7s;
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}
.image-container { height: 500px;
position: relative;
}
.main-wrapper:hover .image {
transform: scale(1.09);
}
.body {
background: #fff;
box-shadow: 0 2px 5px 2px hsla(0,0%,60%,.2);
width: 50%;
position: absolute;
left: 0;
top: 0;
padding-top: 75px;
padding-bottom: 70px;
}
.inner {
padding: 0 70px;
}
h2.heading {
font-family: marker_feltregular;
font-size: 30px;
line-height: 36px;
margin-bottom: 25px;
}
.description {
font-family: marker_feltregular;
margin-bottom: 45px;
width: 100%;
max-width: 100%;
}
.read-more-link {
font-family: marker_feltregular;
font-size: 10px;
letter-spacing: .4545454545em;
padding-right: 20px;
position: relative;
color: #152b5a;
}
.read-more-link:after {
width: 12px;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
height: 1px;
width: 14px;
background-color: #c0b79d;
transition: all .2s;
}
.home_welcome:hover .read-more-link:after {    
margin-right: -35px;
width: 50px
}
@media only screen and (max-width: 1024px) {
.body {
right: 30px;
width: auto;
padding-top: 30px;
padding-bottom: 30px;
bottom: auto;
position: relative;
margin-right: 30px;
margin-top: -60px;
}
}
@media only screen and (max-width: 768px) {
.home_welcome {
margin: 70px 0;
}
.inner {
padding: 0 30px;
}
.description {
font-size: 16px;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
}