/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
cursor: pointer;
width: 100%;
height: 30px; /* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; /* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; /* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; /* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; /* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAYAAACPtWCAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMURDMzE5NzIzQkNFMTExOTY0QkYwNzFDNzkwNTlDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTMwRUZENEMxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTMwRUZEM0MxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MGJlMjMyZC1hNzgzLTI1NGQtOTI4Yy02NDI0YmQxNTg0YWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFEQzMxOTcyM0JDRTExMTk2NEJGMDcxQzc5MDU5QzQiLz4gPC9yZGY6RGVzY3Jp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); /* css sprites */
background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; /* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; /* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; /* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
/* ---------------------------------------- */
@charset "UTF-8";
/* ==========================================================================
#styles/common/variables
========================================================================== */
/* Generic
========================================================================== */
/* Bootstrap overrides
========================================================================== */
/* Colors
========================================================================== */
/* Fonts
========================================================================== */
/* Social Icons
========================================================================== */
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_674f50d2.eot);
src: url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_674f50d2.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_af7ae505.woff2) format("woff2"), url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_fee66e71.woff) format("woff"), url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_b06871f2.ttf) format("truetype"), url(/wp-content/themes/drakeHotel/dist/vendor/fontawesome-webfont_912ec66d.svg#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
-o-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
-o-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\F000";
}
.fa-music:before {
content: "\F001";
}
.fa-search:before {
content: "\F002";
}
.fa-envelope-o:before {
content: "\F003";
}
.fa-heart:before {
content: "\F004";
}
.fa-star:before {
content: "\F005";
}
.fa-star-o:before {
content: "\F006";
}
.fa-user:before {
content: "\F007";
}
.fa-film:before {
content: "\F008";
}
.fa-th-large:before {
content: "\F009";
}
.fa-th:before {
content: "\F00A";
}
.fa-th-list:before {
content: "\F00B";
}
.fa-check:before {
content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\F00D";
}
.fa-search-plus:before {
content: "\F00E";
}
.fa-search-minus:before {
content: "\F010";
}
.fa-power-off:before {
content: "\F011";
}
.fa-signal:before {
content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
content: "\F013";
}
.fa-trash-o:before {
content: "\F014";
}
.fa-home:before {
content: "\F015";
}
.fa-file-o:before {
content: "\F016";
}
.fa-clock-o:before {
content: "\F017";
}
.fa-road:before {
content: "\F018";
}
.fa-download:before {
content: "\F019";
}
.fa-arrow-circle-o-down:before {
content: "\F01A";
}
.fa-arrow-circle-o-up:before {
content: "\F01B";
}
.fa-inbox:before {
content: "\F01C";
}
.fa-play-circle-o:before {
content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\F01E";
}
.fa-refresh:before {
content: "\F021";
}
.fa-list-alt:before {
content: "\F022";
}
.fa-lock:before {
content: "\F023";
}
.fa-flag:before {
content: "\F024";
}
.fa-headphones:before {
content: "\F025";
}
.fa-volume-off:before {
content: "\F026";
}
.fa-volume-down:before {
content: "\F027";
}
.fa-volume-up:before {
content: "\F028";
}
.fa-qrcode:before {
content: "\F029";
}
.fa-barcode:before {
content: "\F02A";
}
.fa-tag:before {
content: "\F02B";
}
.fa-tags:before {
content: "\F02C";
}
.fa-book:before {
content: "\F02D";
}
.fa-bookmark:before {
content: "\F02E";
}
.fa-print:before {
content: "\F02F";
}
.fa-camera:before {
content: "\F030";
}
.fa-font:before {
content: "\F031";
}
.fa-bold:before {
content: "\F032";
}
.fa-italic:before {
content: "\F033";
}
.fa-text-height:before {
content: "\F034";
}
.fa-text-width:before {
content: "\F035";
}
.fa-align-left:before {
content: "\F036";
}
.fa-align-center:before {
content: "\F037";
}
.fa-align-right:before {
content: "\F038";
}
.fa-align-justify:before {
content: "\F039";
}
.fa-list:before {
content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\F03B";
}
.fa-indent:before {
content: "\F03C";
}
.fa-video-camera:before {
content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\F03E";
}
.fa-pencil:before {
content: "\F040";
}
.fa-map-marker:before {
content: "\F041";
}
.fa-adjust:before {
content: "\F042";
}
.fa-tint:before {
content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\F044";
}
.fa-share-square-o:before {
content: "\F045";
}
.fa-check-square-o:before {
content: "\F046";
}
.fa-arrows:before {
content: "\F047";
}
.fa-step-backward:before {
content: "\F048";
}
.fa-fast-backward:before {
content: "\F049";
}
.fa-backward:before {
content: "\F04A";
}
.fa-play:before {
content: "\F04B";
}
.fa-pause:before {
content: "\F04C";
}
.fa-stop:before {
content: "\F04D";
}
.fa-forward:before {
content: "\F04E";
}
.fa-fast-forward:before {
content: "\F050";
}
.fa-step-forward:before {
content: "\F051";
}
.fa-eject:before {
content: "\F052";
}
.fa-chevron-left:before {
content: "\F053";
}
.fa-chevron-right:before {
content: "\F054";
}
.fa-plus-circle:before {
content: "\F055";
}
.fa-minus-circle:before {
content: "\F056";
}
.fa-times-circle:before {
content: "\F057";
}
.fa-check-circle:before {
content: "\F058";
}
.fa-question-circle:before {
content: "\F059";
}
.fa-info-circle:before {
content: "\F05A";
}
.fa-crosshairs:before {
content: "\F05B";
}
.fa-times-circle-o:before {
content: "\F05C";
}
.fa-check-circle-o:before {
content: "\F05D";
}
.fa-ban:before {
content: "\F05E";
}
.fa-arrow-left:before {
content: "\F060";
}
.fa-arrow-right:before {
content: "\F061";
}
.fa-arrow-up:before {
content: "\F062";
}
.fa-arrow-down:before {
content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\F064";
}
.fa-expand:before {
content: "\F065";
}
.fa-compress:before {
content: "\F066";
}
.fa-plus:before {
content: "\F067";
}
.fa-minus:before {
content: "\F068";
}
.fa-asterisk:before {
content: "\F069";
}
.fa-exclamation-circle:before {
content: "\F06A";
}
.fa-gift:before {
content: "\F06B";
}
.fa-leaf:before {
content: "\F06C";
}
.fa-fire:before {
content: "\F06D";
}
.fa-eye:before {
content: "\F06E";
}
.fa-eye-slash:before {
content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\F071";
}
.fa-plane:before {
content: "\F072";
}
.fa-calendar:before {
content: "\F073";
}
.fa-random:before {
content: "\F074";
}
.fa-comment:before {
content: "\F075";
}
.fa-magnet:before {
content: "\F076";
}
.fa-chevron-up:before {
content: "\F077";
}
.fa-chevron-down:before {
content: "\F078";
}
.fa-retweet:before {
content: "\F079";
}
.fa-shopping-cart:before {
content: "\F07A";
}
.fa-folder:before {
content: "\F07B";
}
.fa-folder-open:before {
content: "\F07C";
}
.fa-arrows-v:before {
content: "\F07D";
}
.fa-arrows-h:before {
content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\F080";
}
.fa-twitter-square:before {
content: "\F081";
}
.fa-facebook-square:before {
content: "\F082";
}
.fa-camera-retro:before {
content: "\F083";
}
.fa-key:before {
content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\F085";
}
.fa-comments:before {
content: "\F086";
}
.fa-thumbs-o-up:before {
content: "\F087";
}
.fa-thumbs-o-down:before {
content: "\F088";
}
.fa-star-half:before {
content: "\F089";
}
.fa-heart-o:before {
content: "\F08A";
}
.fa-sign-out:before {
content: "\F08B";
}
.fa-linkedin-square:before {
content: "\F08C";
}
.fa-thumb-tack:before {
content: "\F08D";
}
.fa-external-link:before {
content: "\F08E";
}
.fa-sign-in:before {
content: "\F090";
}
.fa-trophy:before {
content: "\F091";
}
.fa-github-square:before {
content: "\F092";
}
.fa-upload:before {
content: "\F093";
}
.fa-lemon-o:before {
content: "\F094";
}
.fa-phone:before {
content: "\F095";
}
.fa-square-o:before {
content: "\F096";
}
.fa-bookmark-o:before {
content: "\F097";
}
.fa-phone-square:before {
content: "\F098";
}
.fa-twitter:before {
content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\F09A";
}
.fa-github:before {
content: "\F09B";
}
.fa-unlock:before {
content: "\F09C";
}
.fa-credit-card:before {
content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
content: "\F09E";
}
.fa-hdd-o:before {
content: "\F0A0";
}
.fa-bullhorn:before {
content: "\F0A1";
}
.fa-bell:before {
content: "\F0F3";
}
.fa-certificate:before {
content: "\F0A3";
}
.fa-hand-o-right:before {
content: "\F0A4";
}
.fa-hand-o-left:before {
content: "\F0A5";
}
.fa-hand-o-up:before {
content: "\F0A6";
}
.fa-hand-o-down:before {
content: "\F0A7";
}
.fa-arrow-circle-left:before {
content: "\F0A8";
}
.fa-arrow-circle-right:before {
content: "\F0A9";
}
.fa-arrow-circle-up:before {
content: "\F0AA";
}
.fa-arrow-circle-down:before {
content: "\F0AB";
}
.fa-globe:before {
content: "\F0AC";
}
.fa-wrench:before {
content: "\F0AD";
}
.fa-tasks:before {
content: "\F0AE";
}
.fa-filter:before {
content: "\F0B0";
}
.fa-briefcase:before {
content: "\F0B1";
}
.fa-arrows-alt:before {
content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
content: "\F0C1";
}
.fa-cloud:before {
content: "\F0C2";
}
.fa-flask:before {
content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\F0C5";
}
.fa-paperclip:before {
content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\F0C7";
}
.fa-square:before {
content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\F0C9";
}
.fa-list-ul:before {
content: "\F0CA";
}
.fa-list-ol:before {
content: "\F0CB";
}
.fa-strikethrough:before {
content: "\F0CC";
}
.fa-underline:before {
content: "\F0CD";
}
.fa-table:before {
content: "\F0CE";
}
.fa-magic:before {
content: "\F0D0";
}
.fa-truck:before {
content: "\F0D1";
}
.fa-pinterest:before {
content: "\F0D2";
}
.fa-pinterest-square:before {
content: "\F0D3";
}
.fa-google-plus-square:before {
content: "\F0D4";
}
.fa-google-plus:before {
content: "\F0D5";
}
.fa-money:before {
content: "\F0D6";
}
.fa-caret-down:before {
content: "\F0D7";
}
.fa-caret-up:before {
content: "\F0D8";
}
.fa-caret-left:before {
content: "\F0D9";
}
.fa-caret-right:before {
content: "\F0DA";
}
.fa-columns:before {
content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\F0DE";
}
.fa-envelope:before {
content: "\F0E0";
}
.fa-linkedin:before {
content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\F0E4";
}
.fa-comment-o:before {
content: "\F0E5";
}
.fa-comments-o:before {
content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\F0E7";
}
.fa-sitemap:before {
content: "\F0E8";
}
.fa-umbrella:before {
content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\F0EA";
}
.fa-lightbulb-o:before {
content: "\F0EB";
}
.fa-exchange:before {
content: "\F0EC";
}
.fa-cloud-download:before {
content: "\F0ED";
}
.fa-cloud-upload:before {
content: "\F0EE";
}
.fa-user-md:before {
content: "\F0F0";
}
.fa-stethoscope:before {
content: "\F0F1";
}
.fa-suitcase:before {
content: "\F0F2";
}
.fa-bell-o:before {
content: "\F0A2";
}
.fa-coffee:before {
content: "\F0F4";
}
.fa-cutlery:before {
content: "\F0F5";
}
.fa-file-text-o:before {
content: "\F0F6";
}
.fa-building-o:before {
content: "\F0F7";
}
.fa-hospital-o:before {
content: "\F0F8";
}
.fa-ambulance:before {
content: "\F0F9";
}
.fa-medkit:before {
content: "\F0FA";
}
.fa-fighter-jet:before {
content: "\F0FB";
}
.fa-beer:before {
content: "\F0FC";
}
.fa-h-square:before {
content: "\F0FD";
}
.fa-plus-square:before {
content: "\F0FE";
}
.fa-angle-double-left:before {
content: "\F100";
}
.fa-angle-double-right:before {
content: "\F101";
}
.fa-angle-double-up:before {
content: "\F102";
}
.fa-angle-double-down:before {
content: "\F103";
}
.fa-angle-left:before {
content: "\F104";
}
.fa-angle-right:before {
content: "\F105";
}
.fa-angle-up:before {
content: "\F106";
}
.fa-angle-down:before {
content: "\F107";
}
.fa-desktop:before {
content: "\F108";
}
.fa-laptop:before {
content: "\F109";
}
.fa-tablet:before {
content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\F10B";
}
.fa-circle-o:before {
content: "\F10C";
}
.fa-quote-left:before {
content: "\F10D";
}
.fa-quote-right:before {
content: "\F10E";
}
.fa-spinner:before {
content: "\F110";
}
.fa-circle:before {
content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\F112";
}
.fa-github-alt:before {
content: "\F113";
}
.fa-folder-o:before {
content: "\F114";
}
.fa-folder-open-o:before {
content: "\F115";
}
.fa-smile-o:before {
content: "\F118";
}
.fa-frown-o:before {
content: "\F119";
}
.fa-meh-o:before {
content: "\F11A";
}
.fa-gamepad:before {
content: "\F11B";
}
.fa-keyboard-o:before {
content: "\F11C";
}
.fa-flag-o:before {
content: "\F11D";
}
.fa-flag-checkered:before {
content: "\F11E";
}
.fa-terminal:before {
content: "\F120";
}
.fa-code:before {
content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\F123";
}
.fa-location-arrow:before {
content: "\F124";
}
.fa-crop:before {
content: "\F125";
}
.fa-code-fork:before {
content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\F127";
}
.fa-question:before {
content: "\F128";
}
.fa-info:before {
content: "\F129";
}
.fa-exclamation:before {
content: "\F12A";
}
.fa-superscript:before {
content: "\F12B";
}
.fa-subscript:before {
content: "\F12C";
}
.fa-eraser:before {
content: "\F12D";
}
.fa-puzzle-piece:before {
content: "\F12E";
}
.fa-microphone:before {
content: "\F130";
}
.fa-microphone-slash:before {
content: "\F131";
}
.fa-shield:before {
content: "\F132";
}
.fa-calendar-o:before {
content: "\F133";
}
.fa-fire-extinguisher:before {
content: "\F134";
}
.fa-rocket:before {
content: "\F135";
}
.fa-maxcdn:before {
content: "\F136";
}
.fa-chevron-circle-left:before {
content: "\F137";
}
.fa-chevron-circle-right:before {
content: "\F138";
}
.fa-chevron-circle-up:before {
content: "\F139";
}
.fa-chevron-circle-down:before {
content: "\F13A";
}
.fa-html5:before {
content: "\F13B";
}
.fa-css3:before {
content: "\F13C";
}
.fa-anchor:before {
content: "\F13D";
}
.fa-unlock-alt:before {
content: "\F13E";
}
.fa-bullseye:before {
content: "\F140";
}
.fa-ellipsis-h:before {
content: "\F141";
}
.fa-ellipsis-v:before {
content: "\F142";
}
.fa-rss-square:before {
content: "\F143";
}
.fa-play-circle:before {
content: "\F144";
}
.fa-ticket:before {
content: "\F145";
}
.fa-minus-square:before {
content: "\F146";
}
.fa-minus-square-o:before {
content: "\F147";
}
.fa-level-up:before {
content: "\F148";
}
.fa-level-down:before {
content: "\F149";
}
.fa-check-square:before {
content: "\F14A";
}
.fa-pencil-square:before {
content: "\F14B";
}
.fa-external-link-square:before {
content: "\F14C";
}
.fa-share-square:before {
content: "\F14D";
}
.fa-compass:before {
content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
content: "\F153";
}
.fa-gbp:before {
content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\F158";
}
.fa-won:before,
.fa-krw:before {
content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\F15A";
}
.fa-file:before {
content: "\F15B";
}
.fa-file-text:before {
content: "\F15C";
}
.fa-sort-alpha-asc:before {
content: "\F15D";
}
.fa-sort-alpha-desc:before {
content: "\F15E";
}
.fa-sort-amount-asc:before {
content: "\F160";
}
.fa-sort-amount-desc:before {
content: "\F161";
}
.fa-sort-numeric-asc:before {
content: "\F162";
}
.fa-sort-numeric-desc:before {
content: "\F163";
}
.fa-thumbs-up:before {
content: "\F164";
}
.fa-thumbs-down:before {
content: "\F165";
}
.fa-youtube-square:before {
content: "\F166";
}
.fa-youtube:before {
content: "\F167";
}
.fa-xing:before {
content: "\F168";
}
.fa-xing-square:before {
content: "\F169";
}
.fa-youtube-play:before {
content: "\F16A";
}
.fa-dropbox:before {
content: "\F16B";
}
.fa-stack-overflow:before {
content: "\F16C";
}
.fa-instagram:before {
content: "\F16D";
}
.fa-flickr:before {
content: "\F16E";
}
.fa-adn:before {
content: "\F170";
}
.fa-bitbucket:before {
content: "\F171";
}
.fa-bitbucket-square:before {
content: "\F172";
}
.fa-tumblr:before {
content: "\F173";
}
.fa-tumblr-square:before {
content: "\F174";
}
.fa-long-arrow-down:before {
content: "\F175";
}
.fa-long-arrow-up:before {
content: "\F176";
}
.fa-long-arrow-left:before {
content: "\F177";
}
.fa-long-arrow-right:before {
content: "\F178";
}
.fa-apple:before {
content: "\F179";
}
.fa-windows:before {
content: "\F17A";
}
.fa-android:before {
content: "\F17B";
}
.fa-linux:before {
content: "\F17C";
}
.fa-dribbble:before {
content: "\F17D";
}
.fa-skype:before {
content: "\F17E";
}
.fa-foursquare:before {
content: "\F180";
}
.fa-trello:before {
content: "\F181";
}
.fa-female:before {
content: "\F182";
}
.fa-male:before {
content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\F184";
}
.fa-sun-o:before {
content: "\F185";
}
.fa-moon-o:before {
content: "\F186";
}
.fa-archive:before {
content: "\F187";
}
.fa-bug:before {
content: "\F188";
}
.fa-vk:before {
content: "\F189";
}
.fa-weibo:before {
content: "\F18A";
}
.fa-renren:before {
content: "\F18B";
}
.fa-pagelines:before {
content: "\F18C";
}
.fa-stack-exchange:before {
content: "\F18D";
}
.fa-arrow-circle-o-right:before {
content: "\F18E";
}
.fa-arrow-circle-o-left:before {
content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\F191";
}
.fa-dot-circle-o:before {
content: "\F192";
}
.fa-wheelchair:before {
content: "\F193";
}
.fa-vimeo-square:before {
content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\F195";
}
.fa-plus-square-o:before {
content: "\F196";
}
.fa-space-shuttle:before {
content: "\F197";
}
.fa-slack:before {
content: "\F198";
}
.fa-envelope-square:before {
content: "\F199";
}
.fa-wordpress:before {
content: "\F19A";
}
.fa-openid:before {
content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\F19D";
}
.fa-yahoo:before {
content: "\F19E";
}
.fa-google:before {
content: "\F1A0";
}
.fa-reddit:before {
content: "\F1A1";
}
.fa-reddit-square:before {
content: "\F1A2";
}
.fa-stumbleupon-circle:before {
content: "\F1A3";
}
.fa-stumbleupon:before {
content: "\F1A4";
}
.fa-delicious:before {
content: "\F1A5";
}
.fa-digg:before {
content: "\F1A6";
}
.fa-pied-piper-pp:before {
content: "\F1A7";
}
.fa-pied-piper-alt:before {
content: "\F1A8";
}
.fa-drupal:before {
content: "\F1A9";
}
.fa-joomla:before {
content: "\F1AA";
}
.fa-language:before {
content: "\F1AB";
}
.fa-fax:before {
content: "\F1AC";
}
.fa-building:before {
content: "\F1AD";
}
.fa-child:before {
content: "\F1AE";
}
.fa-paw:before {
content: "\F1B0";
}
.fa-spoon:before {
content: "\F1B1";
}
.fa-cube:before {
content: "\F1B2";
}
.fa-cubes:before {
content: "\F1B3";
}
.fa-behance:before {
content: "\F1B4";
}
.fa-behance-square:before {
content: "\F1B5";
}
.fa-steam:before {
content: "\F1B6";
}
.fa-steam-square:before {
content: "\F1B7";
}
.fa-recycle:before {
content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\F1BA";
}
.fa-tree:before {
content: "\F1BB";
}
.fa-spotify:before {
content: "\F1BC";
}
.fa-deviantart:before {
content: "\F1BD";
}
.fa-soundcloud:before {
content: "\F1BE";
}
.fa-database:before {
content: "\F1C0";
}
.fa-file-pdf-o:before {
content: "\F1C1";
}
.fa-file-word-o:before {
content: "\F1C2";
}
.fa-file-excel-o:before {
content: "\F1C3";
}
.fa-file-powerpoint-o:before {
content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\F1C8";
}
.fa-file-code-o:before {
content: "\F1C9";
}
.fa-vine:before {
content: "\F1CA";
}
.fa-codepen:before {
content: "\F1CB";
}
.fa-jsfiddle:before {
content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\F1CD";
}
.fa-circle-o-notch:before {
content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
content: "\F1D1";
}
.fa-git-square:before {
content: "\F1D2";
}
.fa-git:before {
content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\F1D4";
}
.fa-tencent-weibo:before {
content: "\F1D5";
}
.fa-qq:before {
content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\F1D9";
}
.fa-history:before {
content: "\F1DA";
}
.fa-circle-thin:before {
content: "\F1DB";
}
.fa-header:before {
content: "\F1DC";
}
.fa-paragraph:before {
content: "\F1DD";
}
.fa-sliders:before {
content: "\F1DE";
}
.fa-share-alt:before {
content: "\F1E0";
}
.fa-share-alt-square:before {
content: "\F1E1";
}
.fa-bomb:before {
content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\F1E3";
}
.fa-tty:before {
content: "\F1E4";
}
.fa-binoculars:before {
content: "\F1E5";
}
.fa-plug:before {
content: "\F1E6";
}
.fa-slideshare:before {
content: "\F1E7";
}
.fa-twitch:before {
content: "\F1E8";
}
.fa-yelp:before {
content: "\F1E9";
}
.fa-newspaper-o:before {
content: "\F1EA";
}
.fa-wifi:before {
content: "\F1EB";
}
.fa-calculator:before {
content: "\F1EC";
}
.fa-paypal:before {
content: "\F1ED";
}
.fa-google-wallet:before {
content: "\F1EE";
}
.fa-cc-visa:before {
content: "\F1F0";
}
.fa-cc-mastercard:before {
content: "\F1F1";
}
.fa-cc-discover:before {
content: "\F1F2";
}
.fa-cc-amex:before {
content: "\F1F3";
}
.fa-cc-paypal:before {
content: "\F1F4";
}
.fa-cc-stripe:before {
content: "\F1F5";
}
.fa-bell-slash:before {
content: "\F1F6";
}
.fa-bell-slash-o:before {
content: "\F1F7";
}
.fa-trash:before {
content: "\F1F8";
}
.fa-copyright:before {
content: "\F1F9";
}
.fa-at:before {
content: "\F1FA";
}
.fa-eyedropper:before {
content: "\F1FB";
}
.fa-paint-brush:before {
content: "\F1FC";
}
.fa-birthday-cake:before {
content: "\F1FD";
}
.fa-area-chart:before {
content: "\F1FE";
}
.fa-pie-chart:before {
content: "\F200";
}
.fa-line-chart:before {
content: "\F201";
}
.fa-lastfm:before {
content: "\F202";
}
.fa-lastfm-square:before {
content: "\F203";
}
.fa-toggle-off:before {
content: "\F204";
}
.fa-toggle-on:before {
content: "\F205";
}
.fa-bicycle:before {
content: "\F206";
}
.fa-bus:before {
content: "\F207";
}
.fa-ioxhost:before {
content: "\F208";
}
.fa-angellist:before {
content: "\F209";
}
.fa-cc:before {
content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\F20B";
}
.fa-meanpath:before {
content: "\F20C";
}
.fa-buysellads:before {
content: "\F20D";
}
.fa-connectdevelop:before {
content: "\F20E";
}
.fa-dashcube:before {
content: "\F210";
}
.fa-forumbee:before {
content: "\F211";
}
.fa-leanpub:before {
content: "\F212";
}
.fa-sellsy:before {
content: "\F213";
}
.fa-shirtsinbulk:before {
content: "\F214";
}
.fa-simplybuilt:before {
content: "\F215";
}
.fa-skyatlas:before {
content: "\F216";
}
.fa-cart-plus:before {
content: "\F217";
}
.fa-cart-arrow-down:before {
content: "\F218";
}
.fa-diamond:before {
content: "\F219";
}
.fa-ship:before {
content: "\F21A";
}
.fa-user-secret:before {
content: "\F21B";
}
.fa-motorcycle:before {
content: "\F21C";
}
.fa-street-view:before {
content: "\F21D";
}
.fa-heartbeat:before {
content: "\F21E";
}
.fa-venus:before {
content: "\F221";
}
.fa-mars:before {
content: "\F222";
}
.fa-mercury:before {
content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\F224";
}
.fa-transgender-alt:before {
content: "\F225";
}
.fa-venus-double:before {
content: "\F226";
}
.fa-mars-double:before {
content: "\F227";
}
.fa-venus-mars:before {
content: "\F228";
}
.fa-mars-stroke:before {
content: "\F229";
}
.fa-mars-stroke-v:before {
content: "\F22A";
}
.fa-mars-stroke-h:before {
content: "\F22B";
}
.fa-neuter:before {
content: "\F22C";
}
.fa-genderless:before {
content: "\F22D";
}
.fa-facebook-official:before {
content: "\F230";
}
.fa-pinterest-p:before {
content: "\F231";
}
.fa-whatsapp:before {
content: "\F232";
}
.fa-server:before {
content: "\F233";
}
.fa-user-plus:before {
content: "\F234";
}
.fa-user-times:before {
content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\F236";
}
.fa-viacoin:before {
content: "\F237";
}
.fa-train:before {
content: "\F238";
}
.fa-subway:before {
content: "\F239";
}
.fa-medium:before {
content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\F23B";
}
.fa-optin-monster:before {
content: "\F23C";
}
.fa-opencart:before {
content: "\F23D";
}
.fa-expeditedssl:before {
content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\F244";
}
.fa-mouse-pointer:before {
content: "\F245";
}
.fa-i-cursor:before {
content: "\F246";
}
.fa-object-group:before {
content: "\F247";
}
.fa-object-ungroup:before {
content: "\F248";
}
.fa-sticky-note:before {
content: "\F249";
}
.fa-sticky-note-o:before {
content: "\F24A";
}
.fa-cc-jcb:before {
content: "\F24B";
}
.fa-cc-diners-club:before {
content: "\F24C";
}
.fa-clone:before {
content: "\F24D";
}
.fa-balance-scale:before {
content: "\F24E";
}
.fa-hourglass-o:before {
content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\F253";
}
.fa-hourglass:before {
content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\F256";
}
.fa-hand-scissors-o:before {
content: "\F257";
}
.fa-hand-lizard-o:before {
content: "\F258";
}
.fa-hand-spock-o:before {
content: "\F259";
}
.fa-hand-pointer-o:before {
content: "\F25A";
}
.fa-hand-peace-o:before {
content: "\F25B";
}
.fa-trademark:before {
content: "\F25C";
}
.fa-registered:before {
content: "\F25D";
}
.fa-creative-commons:before {
content: "\F25E";
}
.fa-gg:before {
content: "\F260";
}
.fa-gg-circle:before {
content: "\F261";
}
.fa-tripadvisor:before {
content: "\F262";
}
.fa-odnoklassniki:before {
content: "\F263";
}
.fa-odnoklassniki-square:before {
content: "\F264";
}
.fa-get-pocket:before {
content: "\F265";
}
.fa-wikipedia-w:before {
content: "\F266";
}
.fa-safari:before {
content: "\F267";
}
.fa-chrome:before {
content: "\F268";
}
.fa-firefox:before {
content: "\F269";
}
.fa-opera:before {
content: "\F26A";
}
.fa-internet-explorer:before {
content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
content: "\F26C";
}
.fa-contao:before {
content: "\F26D";
}
.fa-500px:before {
content: "\F26E";
}
.fa-amazon:before {
content: "\F270";
}
.fa-calendar-plus-o:before {
content: "\F271";
}
.fa-calendar-minus-o:before {
content: "\F272";
}
.fa-calendar-times-o:before {
content: "\F273";
}
.fa-calendar-check-o:before {
content: "\F274";
}
.fa-industry:before {
content: "\F275";
}
.fa-map-pin:before {
content: "\F276";
}
.fa-map-signs:before {
content: "\F277";
}
.fa-map-o:before {
content: "\F278";
}
.fa-map:before {
content: "\F279";
}
.fa-commenting:before {
content: "\F27A";
}
.fa-commenting-o:before {
content: "\F27B";
}
.fa-houzz:before {
content: "\F27C";
}
.fa-vimeo:before {
content: "\F27D";
}
.fa-black-tie:before {
content: "\F27E";
}
.fa-fonticons:before {
content: "\F280";
}
.fa-reddit-alien:before {
content: "\F281";
}
.fa-edge:before {
content: "\F282";
}
.fa-credit-card-alt:before {
content: "\F283";
}
.fa-codiepie:before {
content: "\F284";
}
.fa-modx:before {
content: "\F285";
}
.fa-fort-awesome:before {
content: "\F286";
}
.fa-usb:before {
content: "\F287";
}
.fa-product-hunt:before {
content: "\F288";
}
.fa-mixcloud:before {
content: "\F289";
}
.fa-scribd:before {
content: "\F28A";
}
.fa-pause-circle:before {
content: "\F28B";
}
.fa-pause-circle-o:before {
content: "\F28C";
}
.fa-stop-circle:before {
content: "\F28D";
}
.fa-stop-circle-o:before {
content: "\F28E";
}
.fa-shopping-bag:before {
content: "\F290";
}
.fa-shopping-basket:before {
content: "\F291";
}
.fa-hashtag:before {
content: "\F292";
}
.fa-bluetooth:before {
content: "\F293";
}
.fa-bluetooth-b:before {
content: "\F294";
}
.fa-percent:before {
content: "\F295";
}
.fa-gitlab:before {
content: "\F296";
}
.fa-wpbeginner:before {
content: "\F297";
}
.fa-wpforms:before {
content: "\F298";
}
.fa-envira:before {
content: "\F299";
}
.fa-universal-access:before {
content: "\F29A";
}
.fa-wheelchair-alt:before {
content: "\F29B";
}
.fa-question-circle-o:before {
content: "\F29C";
}
.fa-blind:before {
content: "\F29D";
}
.fa-audio-description:before {
content: "\F29E";
}
.fa-volume-control-phone:before {
content: "\F2A0";
}
.fa-braille:before {
content: "\F2A1";
}
.fa-assistive-listening-systems:before {
content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\F2A4";
}
.fa-glide:before {
content: "\F2A5";
}
.fa-glide-g:before {
content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\F2A7";
}
.fa-low-vision:before {
content: "\F2A8";
}
.fa-viadeo:before {
content: "\F2A9";
}
.fa-viadeo-square:before {
content: "\F2AA";
}
.fa-snapchat:before {
content: "\F2AB";
}
.fa-snapchat-ghost:before {
content: "\F2AC";
}
.fa-snapchat-square:before {
content: "\F2AD";
}
.fa-pied-piper:before {
content: "\F2AE";
}
.fa-first-order:before {
content: "\F2B0";
}
.fa-yoast:before {
content: "\F2B1";
}
.fa-themeisle:before {
content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\F2B4";
}
.fa-handshake-o:before {
content: "\F2B5";
}
.fa-envelope-open:before {
content: "\F2B6";
}
.fa-envelope-open-o:before {
content: "\F2B7";
}
.fa-linode:before {
content: "\F2B8";
}
.fa-address-book:before {
content: "\F2B9";
}
.fa-address-book-o:before {
content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\F2BC";
}
.fa-user-circle:before {
content: "\F2BD";
}
.fa-user-circle-o:before {
content: "\F2BE";
}
.fa-user-o:before {
content: "\F2C0";
}
.fa-id-badge:before {
content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\F2C3";
}
.fa-quora:before {
content: "\F2C4";
}
.fa-free-code-camp:before {
content: "\F2C5";
}
.fa-telegram:before {
content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\F2CB";
}
.fa-shower:before {
content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\F2CD";
}
.fa-podcast:before {
content: "\F2CE";
}
.fa-window-maximize:before {
content: "\F2D0";
}
.fa-window-minimize:before {
content: "\F2D1";
}
.fa-window-restore:before {
content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\F2D4";
}
.fa-bandcamp:before {
content: "\F2D5";
}
.fa-grav:before {
content: "\F2D6";
}
.fa-etsy:before {
content: "\F2D7";
}
.fa-imdb:before {
content: "\F2D8";
}
.fa-ravelry:before {
content: "\F2D9";
}
.fa-eercast:before {
content: "\F2DA";
}
.fa-microchip:before {
content: "\F2DB";
}
.fa-snowflake-o:before {
content: "\F2DC";
}
.fa-superpowers:before {
content: "\F2DD";
}
.fa-wpexplorer:before {
content: "\F2DE";
}
.fa-meetup:before {
content: "\F2E0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 320px) {
.container {
max-width: 320px;
}
}
@media (min-width: 576px) {
.container {
max-width: 767px;
}
}
@media (min-width: 1124px) {
.container {
max-width: 1440px;
}
}
@media (min-width: 1919px) {
.container {
max-width: 1919px;
}
}
@media (min-width: 2559px) {
.container {
max-width: 2559px;
}
}
@media (min-width: 2560px) {
.container {
max-width: 2560px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs,
.col-xs-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl,
.col-xxl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 320px) {
.col-xs {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xs-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xs-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xs-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xs-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xs-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xs-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xs-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xs-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xs-0 {
margin-left: 0;
}
.offset-xs-1 {
margin-left: 8.33333%;
}
.offset-xs-2 {
margin-left: 16.66667%;
}
.offset-xs-3 {
margin-left: 25%;
}
.offset-xs-4 {
margin-left: 33.33333%;
}
.offset-xs-5 {
margin-left: 41.66667%;
}
.offset-xs-6 {
margin-left: 50%;
}
.offset-xs-7 {
margin-left: 58.33333%;
}
.offset-xs-8 {
margin-left: 66.66667%;
}
.offset-xs-9 {
margin-left: 75%;
}
.offset-xs-10 {
margin-left: 83.33333%;
}
.offset-xs-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1124px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1919px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 2559px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 2560px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333%;
}
.offset-xxl-2 {
margin-left: 16.66667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333%;
}
.offset-xxl-5 {
margin-left: 41.66667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333%;
}
.offset-xxl-8 {
margin-left: 66.66667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333%;
}
.offset-xxl-11 {
margin-left: 91.66667%;
}
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #1c689b !important;
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #144b70 !important;
}
.bg-secondary {
background-color: #868e96 !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover {
background-color: #6c757d !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc700 !important;
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #cc9f00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #e9ecef !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #1c689b !important;
}
.border-secondary {
border-color: #868e96 !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc700 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 320px) {
.d-xs-none {
display: none !important;
}
.d-xs-inline {
display: inline !important;
}
.d-xs-inline-block {
display: inline-block !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-table {
display: table !important;
}
.d-xs-table-row {
display: table-row !important;
}
.d-xs-table-cell {
display: table-cell !important;
}
.d-xs-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xs-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1124px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1919px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 2559px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 2560px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.d-print-block {
display: none !important;
}
@media print {
.d-print-block {
display: block !important;
}
}
.d-print-inline {
display: none !important;
}
@media print {
.d-print-inline {
display: inline !important;
}
}
.d-print-inline-block {
display: none !important;
}
@media print {
.d-print-inline-block {
display: inline-block !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.85714%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 320px) {
.flex-xs-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xs-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xs-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xs-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xs-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xs-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xs-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xs-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xs-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xs-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xs-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xs-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xs-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xs-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xs-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xs-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xs-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xs-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xs-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xs-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xs-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xs-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xs-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xs-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xs-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xs-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xs-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xs-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xs-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1124px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1919px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 2559px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 2560px) {
.flex-xxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 320px) {
.float-xs-left {
float: left !important;
}
.float-xs-right {
float: right !important;
}
.float-xs-none {
float: none !important;
}
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 1124px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 1919px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 2559px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
@media (min-width: 2560px) {
.float-xxl-left {
float: left !important;
}
.float-xxl-right {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 320px) {
.m-xs-0 {
margin: 0 !important;
}
.mt-xs-0,
.my-xs-0 {
margin-top: 0 !important;
}
.mr-xs-0,
.mx-xs-0 {
margin-right: 0 !important;
}
.mb-xs-0,
.my-xs-0 {
margin-bottom: 0 !important;
}
.ml-xs-0,
.mx-xs-0 {
margin-left: 0 !important;
}
.m-xs-1 {
margin: 0.25rem !important;
}
.mt-xs-1,
.my-xs-1 {
margin-top: 0.25rem !important;
}
.mr-xs-1,
.mx-xs-1 {
margin-right: 0.25rem !important;
}
.mb-xs-1,
.my-xs-1 {
margin-bottom: 0.25rem !important;
}
.ml-xs-1,
.mx-xs-1 {
margin-left: 0.25rem !important;
}
.m-xs-2 {
margin: 0.5rem !important;
}
.mt-xs-2,
.my-xs-2 {
margin-top: 0.5rem !important;
}
.mr-xs-2,
.mx-xs-2 {
margin-right: 0.5rem !important;
}
.mb-xs-2,
.my-xs-2 {
margin-bottom: 0.5rem !important;
}
.ml-xs-2,
.mx-xs-2 {
margin-left: 0.5rem !important;
}
.m-xs-3 {
margin: 1rem !important;
}
.mt-xs-3,
.my-xs-3 {
margin-top: 1rem !important;
}
.mr-xs-3,
.mx-xs-3 {
margin-right: 1rem !important;
}
.mb-xs-3,
.my-xs-3 {
margin-bottom: 1rem !important;
}
.ml-xs-3,
.mx-xs-3 {
margin-left: 1rem !important;
}
.m-xs-4 {
margin: 1.5rem !important;
}
.mt-xs-4,
.my-xs-4 {
margin-top: 1.5rem !important;
}
.mr-xs-4,
.mx-xs-4 {
margin-right: 1.5rem !important;
}
.mb-xs-4,
.my-xs-4 {
margin-bottom: 1.5rem !important;
}
.ml-xs-4,
.mx-xs-4 {
margin-left: 1.5rem !important;
}
.m-xs-5 {
margin: 3rem !important;
}
.mt-xs-5,
.my-xs-5 {
margin-top: 3rem !important;
}
.mr-xs-5,
.mx-xs-5 {
margin-right: 3rem !important;
}
.mb-xs-5,
.my-xs-5 {
margin-bottom: 3rem !important;
}
.ml-xs-5,
.mx-xs-5 {
margin-left: 3rem !important;
}
.p-xs-0 {
padding: 0 !important;
}
.pt-xs-0,
.py-xs-0 {
padding-top: 0 !important;
}
.pr-xs-0,
.px-xs-0 {
padding-right: 0 !important;
}
.pb-xs-0,
.py-xs-0 {
padding-bottom: 0 !important;
}
.pl-xs-0,
.px-xs-0 {
padding-left: 0 !important;
}
.p-xs-1 {
padding: 0.25rem !important;
}
.pt-xs-1,
.py-xs-1 {
padding-top: 0.25rem !important;
}
.pr-xs-1,
.px-xs-1 {
padding-right: 0.25rem !important;
}
.pb-xs-1,
.py-xs-1 {
padding-bottom: 0.25rem !important;
}
.pl-xs-1,
.px-xs-1 {
padding-left: 0.25rem !important;
}
.p-xs-2 {
padding: 0.5rem !important;
}
.pt-xs-2,
.py-xs-2 {
padding-top: 0.5rem !important;
}
.pr-xs-2,
.px-xs-2 {
padding-right: 0.5rem !important;
}
.pb-xs-2,
.py-xs-2 {
padding-bottom: 0.5rem !important;
}
.pl-xs-2,
.px-xs-2 {
padding-left: 0.5rem !important;
}
.p-xs-3 {
padding: 1rem !important;
}
.pt-xs-3,
.py-xs-3 {
padding-top: 1rem !important;
}
.pr-xs-3,
.px-xs-3 {
padding-right: 1rem !important;
}
.pb-xs-3,
.py-xs-3 {
padding-bottom: 1rem !important;
}
.pl-xs-3,
.px-xs-3 {
padding-left: 1rem !important;
}
.p-xs-4 {
padding: 1.5rem !important;
}
.pt-xs-4,
.py-xs-4 {
padding-top: 1.5rem !important;
}
.pr-xs-4,
.px-xs-4 {
padding-right: 1.5rem !important;
}
.pb-xs-4,
.py-xs-4 {
padding-bottom: 1.5rem !important;
}
.pl-xs-4,
.px-xs-4 {
padding-left: 1.5rem !important;
}
.p-xs-5 {
padding: 3rem !important;
}
.pt-xs-5,
.py-xs-5 {
padding-top: 3rem !important;
}
.pr-xs-5,
.px-xs-5 {
padding-right: 3rem !important;
}
.pb-xs-5,
.py-xs-5 {
padding-bottom: 3rem !important;
}
.pl-xs-5,
.px-xs-5 {
padding-left: 3rem !important;
}
.m-xs-auto {
margin: auto !important;
}
.mt-xs-auto,
.my-xs-auto {
margin-top: auto !important;
}
.mr-xs-auto,
.mx-xs-auto {
margin-right: auto !important;
}
.mb-xs-auto,
.my-xs-auto {
margin-bottom: auto !important;
}
.ml-xs-auto,
.mx-xs-auto {
margin-left: auto !important;
}
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 1124px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 1919px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 2559px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 2560px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 320px) {
.text-xs-left {
text-align: left !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-center {
text-align: center !important;
}
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 1124px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1919px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 2559px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 2560px) {
.text-xxl-left {
text-align: left !important;
}
.text-xxl-right {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #1c689b !important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #144b70 !important;
}
.text-secondary {
color: #868e96 !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #6c757d !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
color: #117a8b !important;
}
.text-warning {
color: #ffc700 !important;
}
a.text-warning:focus,
a.text-warning:hover {
color: #cc9f00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
color: #1d2124 !important;
}
.text-muted {
color: #868e96 !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* _____ MIXINS _____ */
/* _____ UNIVERSAL HELPERS _____ */
/* _____ FONTS _____ */
@font-face {
font-family: "din-condensed";
src: url(/wp-content/themes/drakeHotel/dist/fonts/dnc57-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "din-medium-pro";
src: url(/wp-content/themes/drakeHotel/dist/fonts/3389C5_1_0.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "din-medium-pro-italic";
src: url(/wp-content/themes/drakeHotel/dist/fonts/3389C5_0_0.woff) format("woff");
font-weight: normal;
font-style: normal;
}
*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
width: 100%;
height: 100%;
font-size: 62.5%;
overflow-x: hidden;
}
body {
font-size: 1.4rem;
font-family: "din-medium-pro", sans-serif;
background: #000;
width: 100%;
min-height: 100%;
line-height: 1.4;
color: #000;
}
body.fixed {
overflow: hidden;
position: fixed;
}
ul {
list-style: square;
padding: 0;
}
pre {
background: #fff;
padding: 10px;
}
p {
margin: 0 0 20px;
}
a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "din-condensed", sans-serif;
font-weight: 300;
margin: 0;
padding: 0;
}
pre {
font-family: consolas, monospace;
}
.align-left {
float: left;
}
.align-right {
text-align: right;
}
.half-viewport {
height: 50vh;
min-height: 387px;
}
.no-padding {
padding: 0;
}
.col-no-padding div[class*='col-'] {
padding: 0;
}
.col-no-margin div[class*='col-'] {
margin: 0;
}
.module {
position: relative;
}
@media (max-width: 575px) {
.module {
min-height: 387px;
}
}
.module--tile-social,
.module--image-heavy {
background: #fff;
}
.module--image-heavy {
height: 100%;
}
@media (min-width: 2559px) {
.module--image-heavy {
height: calc(100vh - 110px);
}
}
.module--tile {
padding: 15px 0 30px;
}
@media (min-width: 576px) {
.module--tile {
padding: 0;
}
}
.center-parent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
position: relative;
}
.center-parent-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: auto;
height: 100%;
}
.centered-list > li {
text-align: center;
}
.global-divider {
height: 2px;
background: #ffc700;
border: 0;
max-width: 70px;
margin: 15px 0 30px;
}
.global-divider--middle {
display: block;
width: 100%;
margin: 0 auto;
}
.img-responsive {
max-width: 100%;
height: auto;
display: block;
}
.no-margin {
margin: 0;
}
.disable-click {
pointer-events: none;
}
.highlight {
color: #ffc700;
}
._is_hidden {
display: none !important;
}
.extended-margin-bottom {
margin-bottom: 15px;
}
.js-mouseover-show {
opacity: 0;
display: none;
}
.overlay-active {
position: fixed;
overflow: hidden;
}
.text-list {
margin-bottom: 45px;
}
.text-list__item {
list-style: none;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.4;
}
.text-list__item--heading {
font-size: 2.4rem;
}
@media (min-width: 1124px) {
._mobile-only {
display: none;
}
}
/* ==========================================================================
#Heading Component
========================================================================== */
.heading {
color: #fff;
text-transform: uppercase;
}
.heading--primary {
font-size: 5rem;
line-height: 0.9;
}
@media (min-width: 576px) {
.heading--primary {
font-size: 6rem;
}
}
@media (min-width: 1124px) {
.heading--primary {
font-size: 11.5rem;
line-height: 0.8;
}
}
.heading--secondary {
font-size: 2.6rem;
line-height: 1.1;
}
@media (min-width: 576px) {
.heading--secondary {
font-size: 3.2rem;
}
}
.heading--other {
font-size: 2.4rem;
line-height: 1.1;
}
@media (min-width: 576px) {
.heading--other {
font-size: 2.6rem;
}
}
.heading--slogan {
background: #000;
font-size: 2.4rem;
line-height: 0.9;
}
@media (min-width: 1919px) {
.heading--slogan {
font-size: 4rem;
}
}
.heading--action {
font-size: 2.4rem;
line-height: 0.9;
}
@media (min-width: 1919px) {
.heading--action {
font-size: 6rem;
}
}
.heading--black {
color: #000;
}
.heading--yellow {
color: #ffc700;
}
/* ==========================================================================
#Loading Component
========================================================================== */
.loading {
height: 100%;
}
@-webkit-keyframes loading {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes loading {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loading-icon .spinner {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
border: 4px solid #2c2d31;
border-radius: 50%;
}
.loading-icon .spinner:after {
position: absolute;
top: -4px;
left: -4px;
content: '';
display: inline-block;
width: 100%;
height: 100%;
border-top: 4px solid transparent;
border-right: 4px solid #ffc700;
border-bottom: 4px solid transparent;
border-left: 4px solid transparent;
border-radius: 50%;
-webkit-animation: loading .75s both linear infinite;
-o-animation: loading .75s both linear infinite;
animation: loading .75s both linear infinite;
}
.loading-icon--small {
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}
.loader {
width: 100px;
height: 100px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.loader--small {
width: 30px;
height: 30px;
}
.loader-double {
border-radius: 100px;
border: 6px solid transparent;
border-top-color: #ffc700;
border-bottom-color: #ffc700;
-webkit-animation: spin 0.8s linear infinite;
-o-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
}
.loader-double:after {
content: '';
position: absolute;
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
border-radius: 100px;
border: 6px solid transparent;
border-top-color: #000;
border-bottom-color: #000;
opacity: 0.6;
-webkit-animation: spinreverse 1.6s linear infinite;
-o-animation: spinreverse 1.6s linear infinite;
animation: spinreverse 1.6s linear infinite;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spin {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinreverse {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes spinreverse {
from {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spinreverse {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/* ==========================================================================
#Copy Component
========================================================================== */
.copy {
color: #fff;
padding-top: 5px;
}
.copy--normal {
font-size: 1.7rem;
line-height: 1.2;
}
@media (min-width: 1124px) {
.copy--normal {
font-size: 2.1rem;
}
}
.copy--bg {
background: #000;
font-size: 1.8rem;
line-height: 1.2;
display: inline-block;
padding-left: 5px;
padding-right: 10px;
margin-bottom: 3px;
text-transform: uppercase;
}
@media (min-width: 576px) {
.copy--bg {
font-size: 2.1rem;
}
}
@media (min-width: 1124px) {
.copy--bg {
font-size: 2.6rem;
}
}
@media (min-width: 1919px) {
.copy--bg {
font-size: 3rem;
}
}
.copy--bg-small {
background: #000;
font-size: 1.3rem;
line-height: 1.2;
display: block;
padding-left: 20px;
padding-right: 10px;
text-transform: uppercase;
}
@media (min-width: 1124px) {
.copy--bg-small {
font-size: 1.5rem;
}
}
.copy--black {
color: #000;
}
.copy--yellow {
color: #ffc700;
}
.copy--wider {
padding-left: 11px;
padding-right: 5px;
}
@media (min-width: 576px) {
.copy--wider {
padding-left: 5px;
padding-right: 20px;
}
}
.copy--narrower {
padding-right: 5px;
padding-left: 12px;
margin-right: 20px;
}
@media (min-width: 576px) {
.copy--narrower {
padding-right: 5px;
padding-left: 20px;
margin-right: 20px;
}
}
.copy--basic {
padding: 0;
margin: 0;
}
.copy--small {
padding-left: 5px;
font-size: 1.3rem;
line-height: 1.2;
margin: 2px auto 0;
display: block;
}
@media (min-width: 576px) {
.copy--small {
font-size: 1.3rem;
}
}
@media (min-width: 1124px) {
.copy--small {
font-size: 1.5rem;
}
}
@media (min-width: 1919px) {
.copy--small {
font-size: 1.5rem;
}
}
.copy--legal {
font-size: 1.1rem;
line-height: 1.2;
}
/* ==========================================================================
#Form Input Component
========================================================================== */
.form-input {
border: 1px solid #6c747a;
color: #6c747a;
font-size: 1.8rem;
line-height: 1.2;
font-family: "din-medium-pro", sans-serif;
height: 45px;
padding: 10px 10px;
outline: 0;
-webkit-transition: border-color .1s ease-in;
-o-transition: border-color .1s ease-in;
transition: border-color .1s ease-in;
}
.form-input:hover {
border-color: #ffc700;
}
.form-input:focus {
border-color: #ffc700;
}
.form-input--ghost {
border: none;
}
.form-input--ghost::-webkit-input-placeholder {
text-transform: uppercase;
}
.form-input--rounded {
border: none;
background: #fff;
border-radius: 20px;
}
.form-input--expand {
width: 150px;
}
.form-input--invisible {
background: transparent;
border: none;
}
/* ==========================================================================
#Radio Group Component
========================================================================== */
.radio-group {
margin-right: 15px;
}
.radio-group__input {
display: none;
}
.radio-group__input + label span,
.radio-group__input:checked + label span {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABFCAYAAAAvtjQgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MThDRDlFRjVFMUExMUU3QTBDMEQzM0EwMkIxMjVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MThDRDlGMDVFMUExMUU3QTBDMEQzM0EwMkIxMjVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQxOENEOUVENUUxQTExRTdBMEMwRDMzQTAyQjEyNUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQxOENEOUVFNUUxQTExRTdBMEMwRDMzQTAyQjEyNUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++bIsDwAACOVJREFU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) 0 -19px no-repeat;
background-size: cover;
cursor: pointer;
}
.radio-group__input + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 10px 0 0;
vertical-align: middle;
background-position: 0 -19px;
}
.radio-group__input:checked + label span {
background-position: left 0;
}
/* ==========================================================================
#Checkbox Group Component
========================================================================== */
.checkbox-group__input {
display: none;
}
.checkbox-group__input + label span,
.checkbox-group__input:checked + label span {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAArCAYAAAB1u9gyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxN0ZFMjAzNzVFOTAxMUU3QTBDMEQzM0EwMkIxMjVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxN0ZFMjAzODVFOTAxMUU3QTBDMEQzM0EwMkIxMjVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3RkUyMDM1NUU5MDExRTdBMEMwRDMzQTAyQjEyNUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3RkUyMDM2NUU5MDExRTdBMEMwRDMzQTAyQjEyNUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZFT4FgAAAuJJREFUeNrslU1IlEEYx//7kZqWuW6rJH6gFdqaEHqICCIIJKOQOnTskIdASrQ8dPbUB8VGRpCdPAV1sENUmGFpWrEdMrCwQCoiV61YP2o/XKf/jLO27r6t+3oUB34v8z4z85+Z53lmxiKEgOky5gFGWoA07ODfTnLXjhUVq/w4SQ/ZQhql0D5SHG1NoUzAlhmBwCUtokSl0BMyTKa00ZJE5Bf83Vvh63DDtmg7Q9ql0Dcgsge+m38QDgIFjVzb+qXDg5/Zqx3w9wKz3n5lW0cETvN7Q81OZ49i7HophpoK2ViO7NIeFDRx0c1AeAL4epHOvQUEpjfCjl72qUYIEY5tZd0Tncsi5qZe4l1NK/wf7yED+ey0n92ewcGAhMe54R9AOjZRpA/zqCJA4dlu/B6qxU96RW/RDhHhlnyF9Ew+hFpyNzkA//s+5f4sZNP+glQiKMNy6hVKrkyq0YEvix61wp5Tgm2ddzCH3XqVcvdPmSMVnMZCgQH+V+q2o8g7eX4xWhkMdvoCVuUyR70TzrLXnPEgoisFtwJ4lYicNYhzyN3VhawaKZJulFlyQzYUXQb3/5j1Ot22mVSrmkAz266iqI1bsW0AlKcSU1R1zT0GOMqAGTzi/6GYPi0I4BqcVWw/AiMRJGRz2W0gx00n4iHCOEH5NtY9amjxheT5zjz6RFzy8C7A7P/eAeGtgGD+ieHDEFPP8a9dNJD+mH+F/HyINyrmQxR4A4O2OjIYb5eZLZ3dSaZTPLR7iXT49lijDPN9Um7i9M+QrnijZUUX27JRWxNaE1otQvKs1cqbaJmHMbbMkreaJUINJI+EUxATekxPvFD0GuFriPEUhY4Tt74xltyQI4YX2/+pJwPxdqteqsuEX116ZQlRCxg1JCny3Q8ZCQVNRjqiA5MglGMi9LKk6Ts7QShickUi2Uu7Sg+t0G9VqiVgFByZjA5SQiZTFCogmUZCcoYHJpIygwzGG/8KMAANOlmS25KgfwAAAABJRU5ErkJggg==) 0 -28px no-repeat;
cursor: pointer;
}
.checkbox-group__input + label span {
display: inline-block;
width: 18px;
height: 17px;
margin: -3px 5px 0 0;
vertical-align: middle;
background-position: 0 -28px;
}
.checkbox-group__input:checked + label span {
background-position: 0 -2px;
}
/* ==========================================================================
#Arrows Component
========================================================================== */
.arrow {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
border: solid black;
border-width: 0 3px 3px 0;
padding: 3px;
width: 10px;
height: 10px;
}
.arrow--left {
-webkit-transform: translate(-50%, -50%) rotate(135deg);
-o-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}
.arrow--right {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.arrow--white {
border-color: #fff;
}
.arrow-after:after {
content: "\F178";
font-family: FontAwesome;
font-size: 2.4rem;
color: #ffc700;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 2559px) {
.arrow-after:after {
display: none;
}
}
/* ==========================================================================
#Buttons Component
========================================================================== */
.button-group__cta {
padding: 0 5px;
}
.button-group--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-group--stacked .button-group__btn {
margin-bottom: 5px;
}
.button {
display: inline-block;
border: 0;
outline: none;
cursor: pointer;
font-family: "din-medium-pro", sans-serif;
font-size: 1.4rem;
line-height: 1;
text-transform: uppercase;
padding: 4px 0 2px;
position: relative;
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
@media (min-width: 576px) {
.button {
font-size: 1.7rem;
line-height: 1;
}
}
.button--primary {
color: #000;
}
.button--secondary {
color: #ffc700;
}
.button--third {
color: #fff;
}
.button--third:hover {
opacity: 0.8;
}
.button--sm {
font-size: 1.2rem;
line-height: 1;
padding-top: 4px;
padding-bottom: 2px;
}
.button--lg {
font-size: 2.2rem;
line-height: 1;
padding-top: 6px;
padding-bottom: 2px;
}
.button--xl {
font-size: 2.2rem;
line-height: 1;
padding-top: 10px;
padding-bottom: 1px;
}
@media (min-width: 1124px) {
.button--xl {
font-size: 3.2rem;
line-height: 1;
}
}
.button--trans {
background: none;
}
.button--bg {
background: #ffc700;
-webkit-transition: background .1s linear;
-o-transition: background .1s linear;
transition: background .1s linear;
padding: 7px 15px 2px 10px;
}
.button--bg:hover {
background: #dcac00;
}
.button--reverse {
background: #000;
color: #fff;
-webkit-transition: background .1s linear;
-o-transition: background .1s linear;
transition: background .1s linear;
padding: 7px 15px 2px 10px;
}
.button--close:before {
content: '\F00D';
font-family: FontAwesome;
display: inline-block;
padding-right: 8px;
}
.button--back {
padding-left: 25px;
}
.button--back:before {
content: '\F104';
font-family: FontAwesome;
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.button--back--sm {
padding-left: 20px;
}
.button--back--sm:after {
left: 25px;
}
.button--back--lg {
padding-left: 30px;
}
.button--back--lg:after {
left: 15px;
}
.button--back--xl {
padding-left: 35px;
}
.button--back--xl:after {
left: 20px;
}
.button--next {
padding-right: 25px;
}
.button--next:after {
content: '\F105';
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.button--next--sm {
padding-right: 20px;
}
.button--next--sm:after {
right: 25px;
}
.button--next--lg {
padding-right: 30px;
}
.button--next--lg:after {
right: 15px;
}
.button--next--xl {
padding-right: 35px;
}
.button--next--xl:after {
right: 10px;
}
.button--arrow {
padding-right: 30px;
}
.button--arrow:after {
content: '\F101';
font-family: FontAwesome;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.button--arrow--sm {
padding-right: 30px;
}
.button--arrow--sm:after {
right: 15px;
}
.button--arrow--lg {
padding-right: 40px;
}
.button--arrow--lg:after {
right: 20px;
}
.button--arrow--xl {
padding-right: 60px;
}
.button--arrow--xl:after {
right: 30px;
}
/* ==========================================================================
#Icon Component
========================================================================== */
.icon {
display: block;
background-repeat: no-repeat;
}
.icon--search {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RUFGMkNGOTI1REIxMUU3QkEzQzk2OUM4M0I3MzJDOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RUFGMkNGQTI1REIxMUU3QkEzQzk2OUM4M0I3MzJDOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFQUYyQ0Y3MjVEQjExRTdCQTNDOTY5QzgzQjczMkM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFQUYyQ0Y4MjVEQjExRTdCQTNDOTY5QzgzQjczMkM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2Cer5QAACgNJREFU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);
width: 108px;
height: 108px;
}
.icon--increment {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDE5OSwgMCkiIGQ9Ik0yNS4wMDMtMC4wMDFMNTAuMDA2IDE5Ljk5OCAtMC4wMDEgMTkuOTk4IDI1LjAwMy0wLjAwMVoiLz4KPC9zdmc+Cg==);
width: 130px;
height: 50px;
}
.icon--decrement {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDE5OSwgMCkiIGQ9Ik0yNS4wMDMtMC4wMDFMNTAuMDA2IDE5Ljk5OCAtMC4wMDEgMTkuOTk4IDI1LjAwMy0wLjAwMVoiLz4KPC9zdmc+Cg==);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
width: 130px;
height: 50px;
}
.icon--facebook-share {
background-image: url(data:image/gif;base64,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);
width: 72px;
height: 28px;
}
.icon--twitter-share {
background-image: url(data:image/gif;base64,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);
width: 76px;
height: 28px;
}
/* ==========================================================================
#Links Component
========================================================================== */
.link-upper a {
text-transform: uppercase;
}
.link-lower a {
text-transform: none;
}
.link-underline-quiet a {
border-bottom: 1px solid #000;
}
.link-underline-loud a {
border-bottom: 1px solid #fff;
}
.link-underline-loud a:hover {
border-color: transparent;
}
/* ==========================================================================
#Brand Logo Component
========================================================================== */
.brand {
padding: 5px 0 5px 10px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 576px) {
.brand {
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 1124px) {
.brand {
margin: 0;
}
}
.brand__link {
display: block;
margin: 0 auto;
}
@media (min-width: 1124px) {
.brand__link {
margin: 0;
}
}
.brand__logo {
display: block;
max-height: 60px;
max-width: 120px;
}
@media (min-width: 1124px) {
.brand__logo {
max-height: 85px;
max-width: 185px;
margin: 0;
}
}
/* ==========================================================================
#Overlay Panel Component
========================================================================== */
.overlay-panel {
background: black;
opacity: 0;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 600;
width: 100%;
overflow: hidden;
}
.overlay-panel__inner {
width: 100%;
height: 100%;
overflow-y: auto;
}
@media (min-width: 1124px) {
.overlay-panel__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.overlay-panel__content {
width: 100%;
padding: 40px 40px;
margin: 0 auto;
}
@media (min-width: 1124px) {
.overlay-panel__content {
padding: 0 120px;
}
}
.overlay-panel__close {
position: absolute;
right: 0;
top: 40px;
}
@media (min-width: 1124px) {
.overlay-panel__close {
top: 50%;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
/* ==========================================================================
#Nav Item Component
========================================================================== */
.nav-item {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
position: relative;
opacity: 0.6;
margin-bottom: 25px;
}
@media (min-width: 1124px) {
.nav-item {
padding: 60px 0;
margin-bottom: 0;
}
}
.nav-item--lg {
min-height: 315px;
}
@media (min-width: 1124px) {
.nav-item {
-webkit-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
.nav-item:hover {
opacity: 1;
}
}
.nav-item__inner {
padding: 20px 30px 0;
}
.nav-item__title {
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1;
position: relative;
-webkit-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
padding: 0 0 20px;
text-transform: uppercase;
}
@media (min-width: 1124px) {
.nav-item__title {
font-size: 4rem;
line-height: 1;
}
}
.nav-item__title--md {
font-size: 2.1rem;
line-height: 1;
}
@media (min-width: 1124px) {
.nav-item__title--md {
font-size: 4.6rem;
line-height: 1;
}
}
.nav-item__title--lg {
font-size: 2.4rem;
line-height: 1;
}
@media (min-width: 1124px) {
.nav-item__title--lg {
font-size: 5rem;
line-height: 1;
}
}
.nav-item__link {
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1;
position: relative;
-webkit-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
padding: 0 0 20px;
text-transform: uppercase;
}
@media (min-width: 1124px) {
.nav-item__link {
font-size: 4rem;
line-height: 1;
}
}
.nav-item__link--md {
font-size: 2.1rem;
line-height: 1;
}
@media (min-width: 1124px) {
.nav-item__link--md {
font-size: 4.6rem;
line-height: 1;
}
}
.nav-item__link--lg {
font-size: 2.4rem;
line-height: 1;
}
@media (min-width: 1124px) {
.nav-item__link--lg {
font-size: 5rem;
line-height: 1;
}
}
.nav-item__ctas {
margin-bottom: 15px;
}
.nav-item__copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
.nav-item__copy--icon {
margin-right: 25px;
}
.nav-item__copy__icon {
color: #fff;
margin: 0 5px;
}
.nav-item__copy__text {
color: #fff;
font-family: "din-medium-pro", sans-serif;
font-size: 1.3rem;
line-height: 1.4;
display: block;
position: relative;
margin: 0 5px;
text-transform: uppercase;
}
.nav-item__copy__text--lg {
font-size: 1.9rem;
line-height: 1.4;
}
.nav-item__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
}
.nav-item__group__icon {
color: #fff;
margin: 0 5px;
}
.nav-item__group__text {
color: #fff;
font-family: "din-medium-pro", sans-serif;
font-size: 1.3rem;
line-height: 1.4;
display: block;
position: relative;
margin: 0 5px;
text-transform: uppercase;
}
.nav-item__group__text--lg {
font-size: 1.9rem;
line-height: 1.4;
}
.nav-item--primary-sm .nav-item__inner {
min-height: 210px;
}
.nav-item--primary-lg .nav-item__inner {
min-height: 230px;
}
/* ==========================================================================
#Main CTA Component
========================================================================== */
.book-now {
max-width: 110px;
max-height: 115px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
cursor: pointer;
z-index: 50;
text-align: right;
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
.book-now:hover {
opacity: 0.8;
}
@media (min-width: 1124px) {
.book-now {
width: 100%;
}
}
.book-now__label {
background: #ffc700;
font-size: 2.4rem;
line-height: 1;
font-family: "din-medium-pro", sans-serif;
text-transform: uppercase;
display: block;
padding: 10px 10px 0 5px;
height: auto;
letter-spacing: -2.5px;
}
@media (min-width: 576px) {
.book-now__label {
font-size: 2.4rem;
line-height: 1;
}
}
@media (min-width: 1124px) {
.book-now__label {
font-size: 4rem;
line-height: 1;
}
}
@media (min-width: 1124px) {
.book-now__label {
padding: 10px 15px 0 10px;
height: 50%;
}
}
.book-now__label:first-child {
border-bottom: 2px solid #000;
}
.book-now__label:last-child {
border-top: 2px solid #000;
border-left: 10px solid #000;
}
/* ==========================================================================
#Main Nav Component
========================================================================== */
.nav-bar {
background: #000;
position: relative;
z-index: 20;
padding: 10px 15px 0 15px;
width: 100%;
}
@media (min-width: 1124px) {
.nav-bar {
padding: 15px 15px 15px 15px;
}
}
.scrollable-content {
position: absolute;
top: 0;
left: 0;
overflow-x: auto;
width: 100%;
margin: 60px 0 0;
padding-bottom: 40px;
height: 100%;
}
.main-nav {
position: relative;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media (min-width: 1124px) {
.main-nav {
margin-left: 0;
}
}
.main-nav__item {
color: #fff;
margin-right: 20px;
}
.main-nav__item:last-child {
margin-right: 0;
}
.main-nav__option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.main-nav__label {
border-bottom: 1px solid transparent;
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
text-transform: uppercase;
padding: 0;
z-index: 30;
}
@media (min-width: 1124px) {
.main-nav__label {
font-size: 1.3rem;
line-height: 1.2;
}
}
@media (min-width: 1919px) {
.main-nav__label {
font-size: 1.3rem;
line-height: 1.2;
}
}
@media (min-width: 2559px) {
.main-nav__label {
font-size: 1.6rem;
line-height: 1.3;
}
}
@media (min-width: 2560px) {
.main-nav__label {
font-size: 1.6rem;
line-height: 1.4;
}
}
.main-nav__link {
cursor: pointer;
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
text-transform: uppercase;
padding: 0;
z-index: 30;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}
@media (min-width: 1124px) {
.main-nav__link {
font-size: 1.3rem;
line-height: 1.2;
}
}
@media (min-width: 1919px) {
.main-nav__link {
font-size: 1.3rem;
line-height: 1.2;
}
}
@media (min-width: 2559px) {
.main-nav__link {
font-size: 1.6rem;
line-height: 1.3;
}
}
@media (min-width: 2560px) {
.main-nav__link {
font-size: 1.6rem;
line-height: 1.4;
}
}
.main-nav__link:hover,
.main-nav__link._is_active {
color: #ffc700;
}
.main-nav__link--external {
border-bottom: 1px solid #fff;
}
.main-nav__arrow {
color: #ffc700;
margin-left: 10px;
margin-top: -2px;
}
._is_open .main-nav__arrow .fa-angle-down:before {
content: "\F106";
}
.main-nav__children {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main-nav__panel {
position: absolute;
top: 0;
right: -99999px;
width: 100%;
z-index: 50;
}
.main-nav__panel__inner {
height: 100%;
}
.main-nav__panel--fixed {
display: none;
opacity: 0;
background: #000;
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.main-nav__panel__link {
color: #fff;
opacity: 0.6;
font-size: 4rem;
line-height: 1;
margin: 90px 80px;
display: block;
-webkit-transition: opacity .15s ease-in;
-o-transition: opacity .15s ease-in;
transition: opacity .15s ease-in;
}
.main-nav__panel__link._is_active {
color: #ffc700;
}
.main-nav__panel__link:hover {
color: #fff;
opacity: 1;
}
/* ==========================================================================
#Footer Nav Component
========================================================================== */
.footer-nav {
height: 100%;
}
@media (min-width: 1124px) {
.footer-nav {
padding-left: 80px;
}
}
@media (min-width: 1919px) {
.footer-nav {
padding-left: 150px;
}
}
.footer-nav .footer-menu {
list-style: none;
padding: 0;
margin: 0;
line-height: 26px;
height: 100%;
}
@media (min-width: 1124px) {
.footer-nav .footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footer-nav .footer-menu__item {
display: block;
}
@media (min-width: 1124px) {
.footer-nav .footer-menu__item {
display: inline-block;
padding: 0 10px;
}
}
@media (min-width: 1919px) {
.footer-nav .footer-menu__item {
padding: 0 30px;
}
}
.footer-nav .footer-menu .main-nav__link {
color: #fff;
font-size: 1.1rem;
line-height: 1.2;
text-transform: uppercase;
padding: 10px 0;
-webkit-transition: color .1s ease-in;
-o-transition: color .1s ease-in;
transition: color .1s ease-in;
}
@media (min-width: 1124px) {
.footer-nav .footer-menu .main-nav__link {
padding: 10px 20px;
}
}
.footer-nav .footer-menu .main-nav__link:hover {
color: #ffc700;
}
/* ==========================================================================
#Utility Nav Component
========================================================================== */
.utility-nav {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
@media (min-width: 1124px) {
.utility-nav {
text-align: right;
}
}
@media (min-width: 1919px) {
.utility-nav {
padding-left: 100px;
}
}
.utility-nav__item {
color: #fff;
display: inline-block;
}
.utility-nav__item:last-child a,
.utility-nav__item:last-child p {
border-right: none;
}
.utility-nav__link {
color: #fff;
font-size: 1.1rem;
line-height: 1.2;
border-right: 1px solid #fff;
margin-right: 15px;
padding-right: 15px;
}
@media (min-width: 1124px) {
.utility-nav__link {
margin: 0;
padding: 0 15px;
}
}
.utility-nav__link:hover {
color: #fff;
text-decoration: underline;
}
/* ==========================================================================
#Mobile Nav Component
========================================================================== */
.nav-menu-mobile {
background: #000;
position: absolute;
top: 0;
left: 0;
display: none;
opacity: 0;
height: calc(100% - 66px);
width: 100%;
z-index: 10;
padding: 40px 15px 40px;
overflow-y: auto;
}
@media (min-width: 1124px) {
.nav-menu-mobile {
display: none;
}
}
.mobile-nav-toggle__hamburger {
color: #fff;
font-size: 3.2rem;
cursor: pointer;
padding-top: 5px;
padding-left: 15px;
}
.mobile-nav-toggle._is_open .mobile-nav-toggle__hamburger .fa:before {
content: '\F00D';
}
.mobile-nav {
position: relative;
list-style: none;
width: 100%;
text-align: center;
}
.mobile-nav__item {
padding-bottom: 25px;
}
.mobile-nav__option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-nav__option--centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mobile-nav__label {
border-bottom: 1px solid transparent;
cursor: pointer;
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
text-transform: uppercase;
padding: 0;
z-index: 30;
}
.mobile-nav__label--text {
border-bottom: 1px solid #fff;
cursor: default;
}
.mobile-nav__link {
cursor: pointer;
display: block;
color: #fff;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
text-transform: uppercase;
padding: 0;
z-index: 30;
}
.mobile-nav__link--external {
border-bottom: 1px solid #fff;
}
.mobile-nav__arrow {
color: #ffc700;
margin-left: 10px;
}
.mobile-nav--second > .mobile-nav__item:first-child {
padding-bottom: 50px;
}
.mobile-nav--third {
margin-top: 10px;
}
.mobile-nav--third .mobile-nav__item {
padding-bottom: 10px;
}
.mobile-nav--third .mobile-nav__link {
font-size: 1.6rem;
line-height: 1.3;
}
.mobile-nav-utility__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 25px;
}
.mobile-nav-utility .main-nav__link {
font-size: 1.6rem;
line-height: 1.3;
}
.mobile-nav-panel {
background: #000;
opacity: 0;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 50;
padding: 40px 15px 0;
}
.mobile-nav-panel__inner {
position: relative;
}
.mobile-nav-panel__back {
position: absolute;
top: 0;
left: -15px;
z-index: 60;
}
.mobile-nav-panel__content {
padding-top: 40px;
}
/* ==========================================================================
#Property Dropdown Component
========================================================================== */
.property-dropdown {
background: #ffc700;
padding: 20px 10px;
max-width: 130px;
cursor: pointer;
z-index: 50;
}
.property-dropdown__selector {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.property-dropdown__selector._is_open .fa-caret-down:before {
content: "\F0D8";
}
.property-dropdown__label {
font-size: 1.4rem;
line-height: 1;
text-transform: uppercase;
}
.property-dropdown__arrow {
display: block;
}
/* ==========================================================================
#Search Form Component
========================================================================== */
.search-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
height: 100%;
width: 100%;
padding-right: 15px;
}
.search-item__trigger .icon {
background-size: 35px 35px;
width: 35px;
height: 35px;
}
.search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 150px;
margin-bottom: 50px;
}
.search-form__inner {
height: 100%;
}
.search-form__field {
position: relative;
}
.search-form__icon {
color: #fff;
font-size: 9rem;
line-height: 0.8;
margin-right: 25px;
}
.search-form__icon .icon {
background-size: 70px 70px;
width: 70px;
height: 70px;
margin-top: -12px;
}
.search-form__input {
background: transparent;
height: auto;
font-size: 9rem;
line-height: 0.8;
text-transform: uppercase;
opacity: 0.7;
}
.search-form__button {
position: absolute;
bottom: -50px;
right: 0;
display: block;
}
.search-form__submit {
display: block;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAABLCAYAAACP30CIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQTgyQzRGOTI5NUQxMUU3QjQwOTg4NTExMTA3QjUzRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTgyQzRGQTI5NUQxMUU3QjQwOTg4NTExMTA3QjUzRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBODJDNEY3Mjk1RDExRTdCNDA5ODg1MTExMDdCNTNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJBODJDNEY4Mjk1RDExRTdCNDA5ODg1MTExMDdCNTNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Pa7eDAAACOpJREFU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) no-repeat 0 0;
background-size: cover;
width: 150px;
height: 49px;
border: 0;
outline: 0;
text-indent: -9999px;
}
/* ==========================================================================
#Newsletter Form Component
========================================================================== */
.newsletter-form {
margin: 30px auto;
}
.newsletter-form__copy {
max-width: 380px;
margin: 0 auto 30px;
}
.newsletter-form__field {
width: 100%;
max-width: 380px;
margin-bottom: 25px;
}
.newsletter-form__response {
margin-top: 45px;
}
/* ==========================================================================
#Social Buttons Component
========================================================================== */
.social-block {
margin-top: 50px;
}
@media (min-width: 1124px) {
.social-block {
margin-top: 0;
}
}
.social-block__list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
text-align: center;
width: 100%;
height: 100%;
}
@media (min-width: 1124px) {
.social-block__list--centered {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 320px;
margin: 0 auto;
}
}
.social-block__item {
padding: 0 30px 0 0;
}
.social-block__item:last-child {
padding-right: 0;
}
.social-block__list--narrow .social-block__item {
padding-right: 45px;
}
.social-block__link {
display: block;
color: #D7D7D7;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.social-block__link:before {
font-family: FontAwesome;
font-size: 2.6rem;
line-height: 1;
display: block;
}
.social-block__link--instagram:before {
content: '\F16D';
}
.social-block__link--instagram._is_color:before {
color: #d80e77;
}
.social-block__link--flickr:before {
content: '\F16E';
}
.social-block__link--flickr._is_color:before {
color: #ff0084;
}
.social-block__link--spotify:before {
content: '\F1BC';
}
.social-block__link--spotify._is_color:before {
color: #00d85e;
}
.social-block__link--facebook:before {
content: '\F082';
}
.social-block__link--facebook._is_color:before {
color: #3a5897;
}
.social-block__link--twitter:before {
content: '\F099';
}
.social-block__link--twitter._is_color:before {
color: #00abf1;
}
.social-block__link:hover {
color: #ffc700;
}
/* ==========================================================================
#Spotify Widget
========================================================================== */
.spotify-widget {
display: none;
position: fixed;
bottom: 0;
right: 0;
width: 300px;
height: 80px;
z-index: 400;
}
.spotify-widget._is_closed {
right: -220px;
}
@media (min-width: 1124px) {
.spotify-widget {
display: block;
}
}
/* ==========================================================================
#Number Display Component
========================================================================== */
.number-display {
display: block;
margin: 0 auto;
text-align: center;
}
.number-display__from,
.number-display__label,
.number-display__to {
display: inline-block;
color: #fff;
text-transform: uppercase;
vertical-align: middle;
}
.number-display__from,
.number-display__to {
color: #ffc700;
font-size: 2rem;
line-height: 1.1;
}
.number-display__label {
font-size: 1.2rem;
line-height: 1.1;
padding: 0 10px;
-webkit-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.number-display__label--reverse {
color: #000;
}
.number-display__label.loading {
opacity: 0;
}
.number-display__to {
color: #fff;
}
/* ==========================================================================
#Collage Component
========================================================================== */
.collage {
position: absolute;
width: 100%;
height: 100%;
line-height: 0;
overflow: hidden;
z-index: 1;
}
.collage__left,
.collage__right,
.collage__pattern,
.collage__overlay {
position: absolute;
}
.collage__right,
.collage__pattern {
display: none;
}
.collage__left {
background-size: cover !important;
background-position: center center;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
}
.collage__left.collage-50 {
width: 100%;
}
@media (min-width: 1124px) {
.collage__left.collage-50 {
width: 50%;
}
}
.collage--split .collage__left {
background: #fff;
}
.collage__right {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/brick-pattern.jpg) no-repeat;
background-size: cover !important;
background-position: center center !important;
width: 239px;
height: 100%;
bottom: 0;
right: -60px;
z-index: 10;
}
.collage--split .collage__right {
display: none;
width: 50%;
right: 0;
}
@media (min-width: 1124px) {
.collage--split .collage__right {
display: block;
}
}
.collage__right.collage-50 {
right: 0;
width: 100%;
}
@media (min-width: 1124px) {
.collage__right.collage-50 {
width: 50%;
}
}
.collage__pattern {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/green-floral-pattern.png) no-repeat 0 0;
background-size: contain;
width: 859px;
height: 307px;
bottom: -120px;
right: -60px;
z-index: 15;
text-align: center;
}
.collage__pattern.alternate-height {
height: 274px;
}
.collage--split .collage__pattern {
display: none;
background-position: center center;
bottom: -160px;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (min-width: 1124px) {
.collage--split .collage__pattern {
display: block;
}
}
.collage__pattern.collage-50 {
display: none;
background-position: center center;
bottom: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 957px;
height: 158px;
}
@media (min-width: 1124px) {
.collage__pattern.collage-50 {
display: block;
}
}
.collage__mouse {
background: url(data:image/png;base64,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) no-repeat;
background-size: 100%;
width: 45px;
height: 63px;
display: inline-block;
margin-top: 20px;
cursor: pointer;
}
.collage__overlay {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/copy-bg-pattern-small.png) no-repeat 0 0;
background-size: cover;
opacity: 0.9;
left: -130px;
bottom: 75px;
z-index: 10;
width: 450px;
height: 385px;
}
@media (min-width: 576px) {
.collage__overlay {
background-image: url(/wp-content/themes/drakeHotel/dist/images/bg/copy-bg-pattern-medium.png);
width: 550px;
height: 470px;
bottom: 30px;
left: auto;
bottom: 75px;
right: -50px;
}
.collage__overlay--left {
left: -50px;
right: auto;
}
}
@media (min-width: 1124px) {
.collage__overlay {
background-image: url(/wp-content/themes/drakeHotel/dist/images/bg/copy-bg-pattern-large.png);
width: 680px;
height: 581px;
left: auto;
bottom: 55px;
right: -50px;
}
.collage__overlay--left {
left: -50px;
right: auto;
}
}
@media (min-width: 1919px) {
.collage__overlay {
background-image: url(/wp-content/themes/drakeHotel/dist/images/bg/copy-bg-pattern-large.png);
width: 850px;
height: 726px;
bottom: 0;
right: -150px;
}
.collage__overlay--left {
left: -150px;
right: auto;
}
}
@media (min-width: 1124px) {
.collage__right,
.collage__pattern,
.collage__overlay {
display: block;
}
}
.radio-btn {
position: relative;
display: table-cell;
}
.radio-btn input[type=radio] {
position: absolute;
visibility: hidden;
}
.radio-btn input[type=radio]:checked ~ .check {
border: 3px solid #fff;
}
.radio-btn input[type=radio]:checked ~ .check::before {
background: #ffc700;
}
.radio-btn input[type=radio]:checked ~ label {
color: #fff;
}
.radio-btn label {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 25px 10px 25px 30px;
margin: 10px auto;
z-index: 2;
cursor: pointer;
-webkit-transition: all 0.25s linear;
color: #fff;
}
.radio-btn label:hover label {
color: #fff;
}
.radio-btn .check {
display: block;
position: absolute;
border: 3px solid #fff;
border-radius: 100%;
height: 20px;
width: 20px;
top: 34px;
left: 0px;
z-index: 1;
-o-transition: border .25s linear;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.radio-btn .check:hover .check {
border: 3px solid #ffc700;
}
.radio-btn .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 10px;
width: 10px;
top: 0px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-o-transition: background 0.25s linear;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
.checkbox-wrap {
text-align: left;
/* Base for label styling */
/* checked mark aspect changes */
/* disabled checkbox */
/* accessibility */
/* hover style just for information */
}
.checkbox-wrap label {
display: inline-table;
}
.checkbox-wrap [type="checkbox"]:not(:checked),
.checkbox-wrap [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.checkbox-wrap [type="checkbox"]:not(:checked) + label,
.checkbox-wrap [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
/* checkbox aspect */
/* checked mark aspect */
}
.checkbox-wrap [type="checkbox"]:not(:checked) + label:before,
.checkbox-wrap [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 1.25em;
height: 1.25em;
border: 2px solid #fff;
background: #000;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox-wrap [type="checkbox"]:not(:checked) + label:after,
.checkbox-wrap [type="checkbox"]:checked + label:after {
content: '\2714';
position: absolute;
top: .1em;
left: .3em;
bottom: 0;
margin: auto;
font-size: 1.3em;
line-height: 0.8;
color: #ffc700;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
display: inline-table;
}
.checkbox-wrap [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.checkbox-wrap [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.checkbox-wrap [type="checkbox"]:disabled:not(:checked) + label:before,
.checkbox-wrap [type="checkbox"]:disabled:checked + label:before {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.checkbox-wrap [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.checkbox-wrap [type="checkbox"]:disabled + label {
color: #aaa;
}
.checkbox-wrap [type="checkbox"]:checked:focus + label:before,
.checkbox-wrap [type="checkbox"]:not(:checked):focus + label:before {
border: 2px solid #fff;
}
.checkbox-wrap label:hover:before {
border: 2px solid #ffc700 !important;
}
/* ==========================================================================
#List Component
========================================================================== */
.list--basic {
list-style: none;
margin: 0;
padding: 0;
}
.list--inline {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list--social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.list__item {
font-family: "din-condensed", sans-serif;
margin-right: 10px;
padding-right: 12px;
}
.list__item--tight {
margin-right: 5px;
padding-right: 7px;
}
.list__item--alt {
color: #6c747a;
}
.list__item--pipe {
border-right: 2px solid #6c747a;
}
.list__item--pipe:last-child {
border: none;
}
.list__item p {
margin-bottom: 0;
}
.list__link {
display: block;
text-transform: uppercase;
text-decoration: none;
padding-bottom: 5px;
}
/* ==========================================================================
#WP Classes Component
========================================================================== */
.logged-in.admin-bar .header {
margin-top: 46px;
}
@media (min-width: 576px) {
.logged-in.admin-bar .header {
margin-top: 32px;
}
}
@media (min-width: 320px) {
.logged-in.admin-bar .notification-bar--abs {
top: 82px;
}
}
@media (min-width: 576px) {
.logged-in.admin-bar .notification-bar--abs {
top: 113px;
}
}
@media (min-width: 1124px) {
.logged-in.admin-bar .notification-bar--abs {
top: 145px;
}
}
.post-edit-link {
background: #000;
position: absolute;
top: 0;
right: 0;
color: #ffc700;
text-transform: uppercase;
font-size: 2.4rem;
line-height: 1;
padding: 5px 10px 0 5px;
z-index: 40;
}
/* ==========================================================================
#Scrollbar Component
========================================================================== */
.mCS-drake .mCSB_container {
margin-right: 70px;
}
.mCS-drake.mCSB_scrollTools {
z-index: 9;
max-height: 90vh;
}
.mCS-drake.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #ffc700;
height: 15px;
width: 15px;
border-radius: 50%;
}
.mCS-drake.mCSB_scrollTools .mCSB_draggerRail {
background-color: #ffc700;
}
.mCS-drake.mCSB_scrollTools .mCSB_dragger {
max-height: 15px !important;
}
.mCS-drake.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: #ffc700;
}
/* ==========================================================================
#Carousel Component
========================================================================== */
.slick-slider,
.slick-track,
.slick-list,
.slick-slide {
height: 100%;
}
.slick-track {
margin: 0;
}
.slick-slide {
position: relative;
outline: 0;
}
.slick-next:before,
.slick-prev:before {
content: none;
}
.carousel-slides {
height: 100%;
}
.carousel-slides .slick-carousel-slides {
height: 100%;
}
.carousel-slides .slick-carousel-slides:not(.slick-initialized) .slick-slide:first-child {
float: none;
display: block;
height: 100%;
}
.carousel-pager {
position: relative;
}
.carousel-pager--abs {
width: 100%;
max-width: 640px;
z-index: 1;
}
@media (min-width: 1124px) {
.carousel-pager--abs {
position: absolute;
bottom: 0;
left: 0;
}
}
.carousel-pager--abs._is_right {
left: auto;
right: 0;
}
@media (min-width: 320px) {
.module--image-heavy .carousel-pager--abs {
top: 50vh;
bottom: auto;
-webkit-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@media (min-width: 1124px) {
.module--image-heavy .carousel-pager--abs {
top: auto;
bottom: 0;
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
max-width: calc(50% - 15px);
}
}
.carousel-pager--counter {
width: 100%;
min-height: 65px;
}
.carousel-pager__inner {
padding: 10px;
height: 100%;
}
.carousel-pager__controls {
position: relative;
width: 100%;
max-width: 200px;
margin: 0 auto;
}
@media (min-width: 576px) {
.carousel-controls {
display: block;
}
}
/* ==========================================================================
#Backgrounds Component
========================================================================== */
.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.background--transparent {
background: rgba(0, 0, 0, 0.6);
}
.slick-current .background--transparent,
.background--transparent._is_active {
background: rgba(0, 0, 0, 0.4) !important;
}
.module--landing-module .background--transparent {
background: rgba(0, 0, 0, 0.9);
}
.background--cover {
background-size: cover;
}
.background--black {
background: #000;
opacity: 0.8;
z-index: 60;
}
.background--overlay {
display: none;
}
@media (min-width: 576px) {
.background--overlay {
display: block;
}
}
.mask {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
/* ==========================================================================
#Carousel Pager Component
========================================================================== */
.horizontal-grid {
position: relative;
z-index: 10;
max-width: 100%;
}
@media (min-width: 1124px) {
.horizontal-grid {
max-width: 640px;
}
.module--image-heavy .horizontal-grid {
max-width: none;
}
}
.horizontal-grid__item {
background-repeat: no-repeat;
background-size: cover;
position: relative;
cursor: pointer;
outline: none;
min-height: 60px;
max-height: 80px;
}
@media (min-width: 320px) {
.horizontal-grid__item {
max-height: 100px;
width: 100%;
}
}
.horizontal-grid__item::before {
display: block;
content: "";
width: 100%;
padding-bottom: 75%;
}
.horizontal-grid__thumb {
opacity: 0;
background-size: cover;
display: block;
width: 100%;
height: auto;
}
@media (min-width: 576px) {
.horizontal-grid__thumb {
opacity: 1;
}
}
.horizontal-grid__overlay {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 10;
}
.horizontal-grid__title {
color: #fff;
font-size: 2rem;
line-height: 1.2;
text-transform: uppercase;
padding: 0 10px;
}
/* ==========================================================================
#Date Controls Component
========================================================================== */
.date-controls {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #fff;
cursor: pointer;
}
.date-controls__btn {
color: #eaeaea;
cursor: pointer;
width: 10px;
height: 20px;
}
.date-controls__btn--next {
color: #ffc700;
}
.date-controls__prev {
left: 0;
}
.date-controls__next {
right: 0;
}
.date-controls__option {
color: #fff;
font-family: "din-condensed", sans-serif;
font-size: 1.4rem;
line-height: 1;
padding: 0 10px;
text-transform: uppercase;
}
/* ==========================================================================
#Nav Controls Component
========================================================================== */
.nav-controls {
color: #000;
font-size: 1.4rem;
line-height: 1.3;
z-index: 10;
cursor: pointer;
width: 100%;
}
.nav-controls__prev,
.nav-controls__next {
display: block;
background: #ffc700;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
height: 30px;
z-index: 20;
}
.nav-controls__prev:hover,
.nav-controls__next:hover {
background: #dcac00;
}
.nav-controls__prev--basic,
.nav-controls__next--basic {
display: inline-block;
background: transparent;
}
.nav-controls__prev--basic:hover,
.nav-controls__next--basic:hover {
background: transparent;
}
.nav-controls__prev {
left: 0;
}
.nav-controls__next {
right: 0;
}
/* ==========================================================================
#Flex Component
========================================================================== */
.flex-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1124px) {
.flex-columns {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.flex-align-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 100%;
}
.flex-align-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.flex-align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.flex-space-around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
/* ==========================================================================
#Dividers Component
========================================================================== */
.divider {
position: relative;
}
.divider--centered:after {
border-bottom: 2px solid #ffc700;
content: '';
display: block;
width: 105px;
margin: 15px auto;
}
.divider--offset:before {
border: 2px solid #ffc700;
position: absolute;
bottom: -10px;
left: 2px;
width: 100%;
max-width: 80px;
content: '';
}
@media (min-width: 576px) {
.divider--offset:before {
left: 5px;
max-width: 115px;
}
}
@media (min-width: 1919px) {
.divider--offset:before {
max-width: 150px;
}
}
.divider--right:before {
left: auto;
right: 5px;
}
.divider--middle:before {
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.divider--black:after {
border-color: #000;
}
/* ==========================================================================
#iFrame Component
========================================================================== */
.iframe-container {
height: 420px;
}
@media (min-width: 1124px) {
.iframe-container {
height: calc(100vh - 115px);
}
}
.video-container {
width: 100%;
}
.video-container__content {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.video-container__wrapper iframe {
position: absolute;
top: 50%;
left: 50%;
width: 130%;
height: 130%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-container__overlay {
position: relative;
width: 100%;
left: 0;
right: 0;
height: 100%;
bottom: 0;
z-index: 55;
}
@media (min-width: 1124px) {
.video-container {
display: block;
}
}
.notification-bar {
width: 100%;
background: #ffc700;
height: auto;
line-height: 50px;
z-index: 61;
font-size: 1.2rem;
padding: 7px 0;
}
@media (min-width: 576px) {
.notification-bar {
font-size: 1.8rem;
}
}
.notification-bar--abs {
position: fixed;
}
@media (min-width: 320px) {
.notification-bar--abs {
top: 64px;
}
}
@media (min-width: 576px) {
.notification-bar--abs {
top: 100px;
}
}
@media (min-width: 1124px) {
.notification-bar--abs {
top: 113px;
}
}
.notification-bar__close {
position: absolute;
font-size: 25px;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
cursor: pointer;
}
@media (min-width: 576px) {
.notification-bar__close {
font-size: 30px;
}
}
.notification-bar__inner {
padding: 0 30px;
}
.notification-bar__inner p {
margin-bottom: 0;
line-height: 1.5;
}
.notification-bar a {
color: #000;
text-decoration: underline;
}
/* ==========================================================================
#Incrementor
========================================================================== */
.incrementor {
position: relative;
z-index: 50;
}
.incrementor--time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.incrementor__btn {
text-align: center;
}
.incrementor__increment,
.incrementor__decrement {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsIDE5OSwgMCkiIGQ9Ik0yNS4wMDMtMC4wMDFMNTAuMDA2IDE5Ljk5OCAtMC4wMDEgMTkuOTk4IDI1LjAwMy0wLjAwMVoiLz4KPC9zdmc+Cg==) no-repeat center center;
background-size: 50px 50px;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
}
.incrementor__increment--small,
.incrementor__decrement--small {
background-size: 30px 15px;
width: 30px;
height: 30px;
}
.incrementor__decrement {
background-position: bottom center;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.incrementor__value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.incrementor__input {
pointer-events: none;
font-family: "din-medium-pro", sans-serif;
background: transparent;
border: none;
color: #fff;
text-align: center;
display: inline-block;
margin: 0 10px;
}
@media (min-width: 320px) {
.incrementor__input {
width: 72px;
}
}
@media (min-width: 1124px) {
.incrementor__input {
width: 125px;
}
}
@media (min-width: 320px) {
.incrementor__input {
font-size: 7rem;
}
}
@media (min-width: 1124px) {
.incrementor__input {
font-size: 11rem;
}
}
.incrementor__input--short {
text-align: right;
}
@media (min-width: 320px) {
.incrementor__input--short {
width: 72px;
}
}
@media (min-width: 1124px) {
.incrementor__input--short {
width: 115px;
}
}
@media (min-width: 320px) {
.incrementor__input--wide {
width: 100px;
}
}
@media (min-width: 1124px) {
.incrementor__input--wide {
width: 200px;
}
}
/* ==========================================================================
#Booking Flow Component
========================================================================== */
#arrival-clndr-combined {
opacity: 0.5;
pointer-events: none;
width: 100%;
}
.flow-selector__item {
color: #fff;
padding: 0 30px;
-webkit-transition: color .15s ease-in;
-o-transition: color .15s ease-in;
transition: color .15s ease-in;
}
@media (min-width: 1124px) {
.flow-selector__item {
padding: 0 100px;
}
}
.flow-selector__item:hover {
color: #ffc700;
}
.booking-tabs__item {
margin: 0;
padding: 0 15px;
list-style: none;
}
.booking-tabs__item:last-child {
padding-right: 15px;
}
.booking-tabs__link {
color: #fff;
font-family: "din-medium-pro", sans-serif;
font-size: 1.2rem;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
-webkit-transition: border-color .15s ease-in;
-o-transition: border-color .15s ease-in;
transition: border-color .15s ease-in;
}
@media (min-width: 576px) {
.booking-tabs__link {
font-size: 1.4rem;
}
}
.booking-tabs__link._is_active,
.booking-tabs__link:hover {
border-color: #ffc700;
}
.booking-tabs__link._is_disabled {
pointer-events: disabled;
opacity: 0.4;
}
.booking-tabs__link._is_disabled:hover {
border: none;
}
.booking-tabs__link._is_hidden {
display: none;
}
.booking-flow__choose {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.booking-flow__header {
margin-bottom: 30px;
}
.booking-flow__messages,
.booking-flow__sections,
.booking-flow__link {
color: #fff;
}
.booking-flow__messages__list {
margin: 20px 0 0;
padding-bottom: 5px;
}
.booking-flow__messages__item {
font-family: "din-medium-pro", sans-serif;
color: #ffc700;
padding: 15px;
}
.booking-flow__panels {
min-height: 390px;
}
.booking-flow__step {
display: none;
}
.booking-flow__step._is_active {
display: block;
}
.booking-flow__property-selector {
max-width: 300px;
}
@media (min-width: 320px) {
.booking-flow__property-selector {
margin-bottom: 25px;
}
}
@media (min-width: 1124px) {
.booking-flow__property-selector {
margin-bottom: 0;
}
}
.booking-flow__property-selector._is_hidden {
display: none;
}
.booking-flow__property-selector__name,
.booking-flow__property-selector__address {
color: #fff;
text-align: center;
}
.booking-flow__property-selector__name {
font-size: 2.5rem;
line-height: 1;
font-family: "din-medium-pro", sans-serif;
padding-bottom: 20px;
}
@media (min-width: 576px) {
.booking-flow__property-selector__name {
font-size: 4rem;
}
}
.booking-flow__property-selector__cta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 10px;
}
.booking-flow__property-selector__address {
font-size: 1.4rem;
line-height: 1.4;
text-transform: uppercase;
}
.booking-flow__cta {
margin-top: 15px;
}
.booking-flow__btn {
margin: 0 15px;
}
.booking-flow__btn._is_disabled {
pointer-events: none;
opacity: 0.5;
}
.booking-flow__btn._is_hidden {
display: none;
}
/* ==========================================================================
#Calendar Component
========================================================================== */
.clndr-container {
width: 100%;
}
@media (min-width: 1124px) {
.booking-flow .clndr-container {
max-width: 50%;
padding: 0 25px 25px;
}
}
.clndr-init._is_disabled {
pointer-events: none;
}
.clndr-label {
color: #fff;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 1.4rem;
text-align: center;
text-transform: uppercase;
}
.clndr {
overflow: hidden;
}
.clndr .controls {
color: #fff;
font-size: 0;
margin-bottom: 20px;
}
.clndr .controls .clndr-previous-button,
.clndr .controls .clndr-next-button {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 3.2rem;
width: 15%;
padding: 5px 0;
display: inline-block;
text-align: center;
cursor: pointer;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.clndr .controls .month {
font-family: "din-medium-pro", sans-serif;
font-size: 2rem;
width: 70%;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.clndr .days-container {
position: relative;
width: 100%;
display: inline-block;
height: 280px;
}
.clndr .days-container .days {
position: absolute;
left: 0;
width: 100%;
height: 280px;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
transition: left 0.5s;
}
.clndr .days-container .days .headers {
padding-top: 5px;
padding-bottom: 5px;
}
.clndr .days-container .days .day-header {
width: 14%;
display: inline-block;
text-align: center;
color: #ffc700;
}
.clndr .days-container .days .day {
width: 14%;
display: inline-block;
font-family: "din-condensed", sans-serif;
font-size: 2.5rem;
color: #d4dde4;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
padding: 4px 0;
text-align: center;
}
.clndr .days-container .days .day.past {
color: #6c747a;
pointer-events: none;
}
.clndr .days-container .days .day.past.last-month {
color: #6c747a;
}
.clndr .days-container .days .day.past.selected {
border: 1px solid red;
background: red;
color: #fff;
}
.clndr .days-container .days .day.past.selected:hover {
border-color: red;
}
.clndr .days-container .days .day.today {
border: 1px solid #ffc700;
}
.clndr .days-container .days .day.selected {
border: 1px solid #ffc700;
background: #ffc700;
color: #000;
}
.clndr .days-container .days .day.selected:hover {
border-color: #ffc700;
}
.clndr .days-container .days .day:hover {
border: 1px solid #ffc700;
}
/* ==========================================================================
#Search Result Component
========================================================================== */
.search-result {
border-bottom: 1px solid #ffc700;
padding: 40px 0 40px;
margin-bottom: 40px;
}
.search-result:last-child {
border: 0;
}
@media (min-width: 1124px) {
.search-result > div {
padding: 30px 0;
}
}
.search-result__thumbnail {
max-height: 175px;
margin-bottom: 25px;
}
@media (min-width: 1124px) {
.search-result__thumbnail {
margin: 0;
}
}
.search-result__title {
display: block;
color: #000;
font-size: 3rem;
line-height: 3rem;
margin: 0 0 20px;
}
.search-result__description {
line-height: 1.5;
}
/* ==========================================================================
#Hotspot Image Component
========================================================================== */
.hotspot-image {
position: relative;
height: 100%;
overflow: hidden;
}
.hotspot-image .wrap_svl_center_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hotspot-open {
overflow-y: hidden;
}
div#powerTip {
background-color: rgba(0, 0, 0, 0.85);
text-align: left;
border-radius: 0;
padding: 0;
}
@media (max-width: 1023px) {
div#powerTip {
position: fixed !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
height: 100% !important;
}
}
@media (min-width: 1124px) {
div#powerTip {
text-align: right;
}
}
div#powerTip span.close_ihp {
display: block;
float: right;
width: 25px;
height: 25px;
margin: 20px 20px 0 15px;
}
@media (min-width: 1124px) {
div#powerTip span.close_ihp {
display: none;
}
}
div#powerTip .box_view_html {
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 620px;
}
div#powerTip .hotspot-image__left,
div#powerTip .hotspot-image__right {
width: 100%;
}
div#powerTip .hotspot-image__left {
padding: 20px 20px 20px 15px;
}
div#powerTip .hotspot-image__right img {
display: none;
max-width: 100%;
height: auto;
}
@media (min-width: 1124px) {
div#powerTip .hotspot-image__right img {
display: block;
}
}
@media (min-width: 1124px) {
div#powerTip .hotspot-image__left {
width: 45%;
}
div#powerTip .hotspot-image__right {
width: 55%;
}
}
div#powerTip .hotspot-image__inner {
position: relative;
max-height: 250px;
overflow: hidden;
}
div#powerTip .hotspot-image__button {
z-index: 10;
margin-bottom: 20px;
}
@media (min-width: 1124px) {
div#powerTip .hotspot-image__button {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: 0;
}
}
div#powerTip h3,
div#powerTip h4,
div#powerTip h5 {
color: #fff;
text-transform: uppercase;
font-size: 2.6rem;
line-height: 1;
}
div#powerTip h3 a,
div#powerTip h4 a,
div#powerTip h5 a,
div#powerTip p a {
color: #fff;
-webkit-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
}
div#powerTip h3 a:hover,
div#powerTip h4 a:hover,
div#powerTip h5 a:hover,
div#powerTip p a:hover {
color: #ffc700;
}
div#powerTip h3 {
color: #ffc700;
}
div#powerTip h3 a {
color: #ffc700;
}
div#powerTip h3 a:hover {
color: #fff;
}
div#powerTip h4 {
margin-bottom: 20px;
}
div#powerTip h5 {
font-size: 2.1rem;
line-height: 1;
}
div#powerTip p {
font-size: 1.4rem;
line-height: 1.4;
}
/* ==========================================================================
#Header Layout
========================================================================== */
.header {
position: absolute;
top: 0;
width: 100%;
z-index: 70;
background: #000;
}
.header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__inner .main-cta {
margin-left: auto;
}
@media (min-width: 576px) {
.header {
position: fixed;
}
}
@media (min-width: 1124px) {
.header {
min-height: 103px;
}
}
.header._is_fixed {
position: fixed;
height: 100%;
}
.nav-menu--primary,
.nav-menu--single,
.nav-menu--utility {
display: none;
}
@media (min-width: 576px) {
.nav-menu--primary,
.nav-menu--single,
.nav-menu--utility {
display: block;
}
}
.nav-menu--primary {
margin-left: 25px;
}
.nav-menu--utility {
margin-top: 8px;
margin-bottom: 25px;
text-align: right;
}
.nav-menu--utility .main-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.nav-menu--utility .main-nav__item {
text-align: right;
}
/* ==========================================================================
#Main Layout
========================================================================== */
.main {
min-height: 300px;
position: relative;
z-index: 50;
}
.search .main,
.search-results .main {
background: #fff;
}
/* ==========================================================================
#Footer Component
========================================================================== */
.footer {
background-color: #000;
position: relative;
padding: 40px 0 20px;
width: 100%;
}
@media (min-width: 1124px) {
.footer .border-left {
border-left: 1px solid #454542;
}
}
.footer__inner {
padding: 0 0 40px;
}
@media (min-width: 1124px) {
.footer__inner {
padding: 40px 0;
}
}
.footer__copyright {
display: inline-block;
}
.footer-address {
text-align: left;
}
@media (min-width: 1124px) {
.footer-address {
text-align: center;
}
}
/* ==========================================================================
#Modules
========================================================================== */
@media (min-width: 1124px) {
.module--image-heavy,
.module--tile-social {
height: calc(100vh - 115px);
}
}
.module__inner {
z-index: 5;
position: relative;
}
/* ==========================================================================
#Feature Module
========================================================================== */
.feature-overlay {
position: absolute;
bottom: 120px;
left: 0;
width: 100%;
padding-right: 10px;
z-index: 50;
}
@media (min-width: 1124px) {
.feature-overlay {
bottom: 150px;
}
}
@media (min-width: 576px) {
.feature-overlay--right {
left: auto;
right: 30px;
text-align: right;
}
}
.feature-overlay__headline {
margin-left: 20px;
margin-bottom: 25px;
}
@media (min-width: 576px) {
.feature-overlay__headline {
margin-left: 0;
}
}
.feature-overlay__title > span {
margin-left: -5px;
display: block;
}
.feature-overlay__slogan,
.feature-overlay__cta {
margin-right: 5px;
}
.feature-overlay__slogan--right,
.feature-overlay__cta--right {
position: absolute;
bottom: 45px;
}
@media (min-width: 320px) {
.feature-overlay__slogan--right,
.feature-overlay__cta--right {
right: 0;
}
}
@media (min-width: 1124px) {
.feature-overlay__slogan--right,
.feature-overlay__cta--right {
right: 45px;
bottom: 15px;
}
}
.feature-overlay__slogan {
margin-bottom: 5px;
}
.feature-overlay__text {
margin-bottom: 4px;
display: block;
}
.feature-overlay--left {
left: 30px;
right: auto;
text-align: left;
}
.feature-overlay--left .slides {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
@media (min-width: 320px) {
.feature-overlay--left {
left: 0;
}
}
@media (min-width: 576px) {
.feature-overlay--left {
left: 45px;
}
}
/* ==========================================================================
#Filter Module
========================================================================== */
.validation-box {
border: 1px solid #ff0033;
color: #ff0033;
font-family: "din-medium-pro", sans-serif;
font-size: 1.6rem;
line-height: 1;
padding: 15px 40px;
min-height: 48px;
}
.post-tile-loader {
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.post-tile-loader.active {
opacity: 1;
z-index: 30;
}
.post-tile-loader.disabled {
pointer-events: none;
}
.filter {
background: #000;
position: absolute;
width: 100%;
height: 100%;
}
.filter._is_open {
height: 100%;
}
.filter__slides,
.filter__featured {
background: #fff;
position: relative;
}
.filter--desktop {
display: none;
}
@media (min-width: 1124px) {
.filter--desktop {
display: block;
}
}
.filter--mobile {
display: block;
}
@media (min-width: 1124px) {
.filter--mobile {
display: none;
}
}
.filter__featured {
display: none;
}
@media (min-width: 1124px) {
.filter__featured {
display: block;
height: 100%;
}
}
.filter__slides {
background: #000;
}
.filter__pager {
position: relative;
background: rgba(0, 0, 0, 0.8);
width: 100%;
display: none;
}
@media (min-width: 1124px) {
.filter__pager {
display: block;
}
}
.filter__pager--more {
background: #ffc700;
display: block;
}
@media (min-width: 1124px) {
.filter__pager--more {
display: none;
}
}
.filter__pager--abs {
position: absolute;
bottom: 0;
left: 0;
}
.filter__controls {
position: relative;
padding: 15px 0;
max-width: 300px;
margin: 0 auto;
}
.filter-tile.active {
opacity: 0.1;
}
.filter-loader {
background: rgba(0, 0, 0, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.filter-alerts {
background: #ffc700;
position: relative;
display: none;
width: 100%;
min-height: 30px;
z-index: 20;
}
.filter-alerts__inner {
padding: 10px 10px 10px 20px;
font-family: "din-medium-pro", sans-serif;
font-size: 1.6rem;
line-height: 1;
}
.filter-bar {
background: rgba(0, 0, 0, 0.8);
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 60px;
z-index: 50;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 576px) {
.filter-bar {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: absolute;
display: block;
}
}
.filter-bar__facets {
position: relative;
z-index: 30;
padding: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
width: 100%;
}
@media (min-width: 576px) {
.filter-bar__facets {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 15px 15px 15px 110px;
margin: 5px 0;
width: auto;
}
.filter-bar__facets--blog {
padding-left: 15px;
}
}
.filter-bar__facet {
padding-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px 0;
}
@media (min-width: 576px) {
.filter-bar__facet {
margin: 0;
}
}
.filter-bar__facet:last-child {
padding-right: 0;
}
.filter-bar ._expand {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.filter-bar__icon {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/filter-title.png) no-repeat center center;
background-size: cover;
width: 80px;
height: 76px;
position: absolute;
top: 0;
left: 0;
display: none;
}
@media (min-width: 576px) {
.filter-bar__icon {
display: block;
}
}
.filter-bar__item {
color: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.filter-bar__item--dropdown {
cursor: pointer;
}
.filter-bar__fuzzy {
width: 100%;
height: 30px;
}
@media (min-width: 1124px) {
.filter-bar__fuzzy {
padding-right: 35px;
}
}
.filter-bar__label {
color: #fff;
font-family: "din-condensed", sans-serif;
font-size: 2.2rem;
line-height: 1;
text-transform: uppercase;
padding: 0 15px 0 0;
margin: 7px 0;
}
@media (min-width: 1124px) {
.filter-bar__label {
margin: 0;
}
}
.filter-bar__option {
display: none;
color: #fff;
font-family: "din-condensed", sans-serif;
font-size: 1.4rem;
line-height: 1;
padding-right: 10px;
text-transform: uppercase;
}
@media (min-width: 1124px) {
.filter-bar__option {
display: block;
}
}
.filter-bar__arrow {
color: #ffc700;
}
._is_open .filter-bar__arrow .fa-angle-down:before {
content: "\F106";
}
.filter-bar__field {
position: relative;
width: 100%;
}
@media (min-width: 1124px) {
.filter-bar__field {
width: auto;
}
}
.filter-bar__submit {
border: none;
background: none;
display: block;
cursor: pointer;
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.filter-bar__reset {
border: none;
background: none;
color: #ffc700;
cursor: pointer;
text-transform: uppercase;
margin: 10px 0;
}
@media (min-width: 576px) {
.filter-bar__reset {
margin: 7px 0;
color: #fff;
position: static;
}
}
.filter-facet {
margin-bottom: 25px;
}
.filter-facet__icon,
.filter-facet__group,
.filter-facet__txt {
display: block;
color: #fff;
text-align: center;
text-transform: uppercase;
padding-bottom: 5px;
}
.filter-facet__icon {
color: #ffc700;
padding-bottom: 10px;
}
.filter-facet__group--left {
text-align: left;
}
.filter-facet__input {
padding-right: 5px;
}
.filter-facet__label {
color: #fff;
font-size: 2.2rem;
line-height: 1;
}
.filter-facet__txt {
font-size: 1.2rem;
line-height: 1;
}
.filter-panel {
background: rgba(0, 0, 0, 0.9);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
display: none;
z-index: 25;
}
.filter-panel__column {
padding: 0 30px;
width: 100%;
}
@media (min-width: 576px) {
.filter-panel__column {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
}
}
.filter-panel__inner {
padding: 230px 15px;
}
@media (min-width: 576px) {
.filter-panel__inner {
padding: 80px 120px;
}
}
.filter-panel__narrow {
margin: 0 150px 0 260px;
}
.filter-panel__title {
color: #fff;
font-family: "din-condensed", sans-serif;
font-size: 1.8rem;
line-height: 1;
text-transform: uppercase;
margin-bottom: 50px;
}
.filter-panel__messages {
margin-bottom: 25px;
opacity: 0;
}
.filter-panel__item {
display: none;
}
.filter-panel__cta {
margin-top: 50px;
}
.filter-panel__btn {
background: #ffc700;
color: #000;
cursor: pointer;
display: inline-block;
position: relative;
vertical-align: middle;
min-width: 160px;
font-size: 2.8rem;
line-height: 1.1;
padding: 0 20px 0 10px;
text-transform: uppercase;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
border: 0;
outline: none;
margin: 0 15px;
min-width: 160px;
}
@media (min-width: 576px) {
.filter-panel__btn {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.filter-panel__btn {
font-size: 3.5rem;
}
}
.filter-panel__btn:hover {
background: #dcac00;
}
.filter-panel__btn:after {
content: '\F101';
font-family: FontAwesome;
color: #000;
display: inline-block;
padding-left: 10px;
}
.filter-panel__btn._is_disabled {
pointer-events: none;
opacity: 0.5;
}
.filter-panel__btn:disabled {
cursor: default;
opacity: 0.6 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
pointer-events: none;
}
.filter-panel__btn.loading {
color: transparent;
opacity: 1;
pointer-events: auto;
-webkit-transition: all 0s linear,opacity .1s ease;
-o-transition: all 0s linear,opacity .1s ease;
transition: all 0s linear,opacity .1s ease;
}
.filter-panel__btn.loading:after,
.filter-panel__btn.loading:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
width: 24px;
height: 24px;
border-radius: 50px;
border-style: solid;
border-width: .2em;
}
.filter-panel__btn.loading:before {
border-color: rgba(0, 0, 0, 0.2);
}
.filter-panel__btn.loading:after {
-webkit-animation: button-spin .6s linear;
-o-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-color: #000 transparent transparent;
-webkit-box-shadow: 0 0 0 1px transparent;
box-shadow: 0 0 0 1px transparent;
}
.filter-results {
height: 100%;
min-height: 500px;
overflow: hidden;
}
.filter-results__posts {
display: none;
opacity: 0;
width: 100%;
}
.filter-results__detail {
display: none;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 40;
min-width: 640px;
max-width: 1400px;
}
.filter-detail {
background: #fff;
position: relative;
}
.filter-detail__close {
position: absolute;
top: 20px;
right: 30px;
width: 30px;
height: 30px;
color: #ffc700;
cursor: pointer;
z-index: 50;
}
.filter-detail__img {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.post-tile {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
overflow: hidden;
min-height: 250px;
}
@media (min-width: 576px) {
.post-tile {
cursor: pointer;
}
}
.post-tile__inner {
position: absolute;
height: 100%;
width: 100%;
}
.post-tile__popup {
background: rgba(0, 0, 0, 0.7);
position: absolute;
bottom: 0;
right: 0;
width: 100%;
bottom: 0;
}
@media (min-width: 1124px) {
.post-tile__popup {
left: 0;
min-height: 10vh;
width: 100%;
height: auto;
}
}
.post-tile__popup__inner {
padding: 20px 30px 20px 20px;
}
.post-tile__date,
.post-tile__title,
.post-tile__link {
font-family: "din-condensed", sans-serif;
text-transform: uppercase;
}
.post-tile__date {
display: block;
font-size: 2.2rem;
line-height: 1;
color: #fff;
padding-bottom: 5px;
}
.post-tile__title {
font-size: 3.8rem;
line-height: 1;
color: #fff;
padding-bottom: 5px;
}
@media (min-width: 320px) {
.post-tile__title {
font-size: 3.8rem;
}
}
@media (min-width: 576px) {
.post-tile__title {
font-size: 3.8rem;
}
}
.post-tile__title span {
color: #ffc700;
}
.post-tile__link {
font-size: 1.8rem;
line-height: 1;
color: #ffc700;
-webkit-transition: color .2s ease-in;
-o-transition: color .2s ease-in;
transition: color .2s ease-in;
}
.post-tile__link:after {
content: '\F101';
font-family: FontAwesome;
color: #fff;
display: inline-block;
padding-left: 10px;
}
.post-featured--hidden {
display: none;
}
.post-featured__top {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
overflow: hidden;
}
@media (min-width: 1124px) {
.post-featured__content {
padding-top: 80px;
}
}
.post-featured__inner {
padding: 30px 30px 60px;
}
.post-featured__more {
color: #ffc700;
text-transform: uppercase;
-webkit-transition: color .1s ease-in;
-o-transition: color .1s ease-in;
transition: color .1s ease-in;
}
.post-featured__more:hover {
color: #6c747a;
}
.post-featured__exclusions {
margin-top: 20px;
margin-bottom: 40px;
}
.post-featured__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-featured__title,
.post-featured__meta,
.post-featured__related {
text-transform: uppercase;
}
.post-featured__title {
font-size: 5rem;
line-height: 0.9;
margin-bottom: 5px;
}
@media (min-width: 576px) {
.post-featured__title {
font-size: 6rem;
}
}
.post-featured__sub-title {
font-size: 1.8rem;
line-height: 1.1;
color: #6c747a;
text-transform: uppercase;
margin-bottom: 5px;
}
.post-featured__secondary-title {
font-size: 3.2rem;
line-height: 1;
color: #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
}
.post-featured__meta,
.post-featured__related {
font-size: 1.8rem;
line-height: 1.1;
margin-bottom: 30px;
}
.post-featured__meta a,
.post-featured__related a {
color: #6c747a;
-webkit-transition: color .2s ease-in;
-o-transition: color .2s ease-in;
transition: color .2s ease-in;
}
.post-featured__meta a:hover,
.post-featured__related a:hover {
color: #000;
}
.post-featured__related {
margin-top: 15px;
}
.post-featured__copy {
margin-bottom: 30px;
}
.post-featured__copy p {
font-size: 1.3rem;
line-height: 1.4;
}
.post-featured__copy a {
color: #6c747a;
-webkit-transition: color .2s ease-in;
-o-transition: color .2s ease-in;
transition: color .2s ease-in;
}
.post-featured__copy a:hover {
color: #000;
}
.post-featured__spacer._is_first {
padding-right: 15px;
}
.post-featured__spacer._is_last {
padding-left: 15px;
}
@media (min-width: 320px) {
.post-featured__spacer._is_last {
padding-left: 0;
}
}
.post-featured__cta {
padding-bottom: 10px;
}
@-webkit-keyframes button-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-o-keyframes button-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes button-spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
/* ==========================================================================
#Short Feature Module
========================================================================== */
.short-feature {
background-size: cover;
position: relative;
padding: 0;
height: 100%;
}
.short-feature__inner {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 1124px) {
.short-feature__inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.short-feature__item {
padding: 0 30px 35px 0;
}
@media (min-width: 1124px) {
.short-feature__item {
padding: 0 30px 35px;
}
.short-feature__item.first {
width: 70%;
}
.short-feature__item.last {
margin-left: 35px;
}
}
.short-feature__overlay {
max-width: 660px;
padding-left: 30px;
}
.short-feature__overlay--left {
top: 70px;
}
@media (min-width: 1124px) {
.short-feature__overlay {
padding: 0;
}
}
.short-feature__text {
display: block;
}
.short-feature__button:first-child {
margin-bottom: 5px;
}
.tile {
position: relative;
}
.tile--bg {
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
height: 100%;
}
.tile--bg:hover ._is_off {
opacity: 0;
}
.tile__image {
height: 33vh;
}
.tile__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
transition: opacity .4s ease;
background-size: cover;
}
.tile__bg._is_on {
background-image: url(/wp-content/themes/drakeHotel/dist/images/food-menu/lunch-on.jpg);
opacity: 1;
z-index: 5;
}
.tile__bg._is_off {
background-image: url(/wp-content/themes/drakeHotel/dist/images/food-menu/lunch-off.jpg);
z-index: 9;
opacity: 0;
}
@media (min-width: 576px) {
.tile__bg._is_off {
opacity: 1;
}
}
.tile--free {
width: 100%;
}
.tile--press {
position: absolute;
width: 100%;
background-image: url(/wp-content/themes/drakeHotel/dist/images/food-menu/guest-book.jpg);
background-position: center center;
background-size: cover;
}
.tile__link {
display: block;
}
.tile__inner {
padding: 40px 40px 25px 25px;
}
.tile__copy {
margin: 2px 0 0;
padding-top: 3px;
padding-bottom: 3px;
}
.tile__quote {
position: absolute;
top: 0;
left: 0;
}
.tile__quote-text {
color: #fff;
font-size: 2.8rem;
line-height: 1.1;
font-family: "din-condensed", sans-serif;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding: 15px 30px 0;
quotes: "\201C" "\201D" "\2018" "\2019";
}
@media (min-width: 1124px) {
.tile__quote-text {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.tile__quote-text {
font-size: 3.5rem;
}
}
@media (min-width: 576px) {
.tile__quote-text {
padding: 15px 45px 0;
}
}
.module--tile-social .tile__quote-text {
padding: 0;
}
.tile__quote-text:before,
.tile__quote-text:after {
color: #fff;
font-size: 4.8rem;
position: relative;
}
.tile__quote-text--social {
color: #43423f;
font-size: 1.8rem;
line-height: 1;
font-weight: 400;
margin: 0;
max-width: 400px;
margin: 0 auto;
text-indent: -40px;
text-transform: none;
line-height: 1.3;
text-align: center;
}
@media (min-width: 1919px) {
.tile__quote-text--social {
font-size: 2.4rem;
}
}
.tile__quote-text--social:before {
position: static;
margin-right: 10px;
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAApCAYAAAC2qTBFAAABtUlEQVRYhe2WvVXDMBSFP/nQwwaECUirzkxANiBs4BE8AhvgDQgT4FRqkwkIGyQTiCJyAo7142fOodHtbOU9f766eRYkyBpKa7hJ+e1YWcPcGmZDayqheAm8uss1sAJapdn8AdgM+HSXW6AFVkrTRuGcWxvgdmD5AJRTIK1hBTx6lp+LSH3lAQPYTwQrA2AArRfOWV4FihsR1VkvgbW10uxCztXAdWC9kRDBKcf3sd6DmXOWfwSK35VmIQS7AXb4X/yg9HEy+JyrI89oJGBOFYk7cuGcNSyAt0Dxl9LDcykml+NNBO5OaXYw7FwoqHCcc1LVhMG2HRj04FxQfaOjUyOhcq49jendd66OFG8nzLZYb/DBuazFXBNtqfuHxlxbK81+EA5YJjxHmjdR7wJOeQh9SuA4f6RbGvrSdGr7NzrnUgbqRXGKrGFOPC6DL97BlQnPacdhnSTuPQZOuqXi3oXLW2gwBhskaC7tfQXJn6LKmt83lE6aXbG8ASxcNn+qUb1j+CgpHT1Jzzgfw8fqoSDdOYkm9Y4d0/9VGU6qDCdVhpMqw0mV4aTKcFJlOKkynFQZTqpviadyctwoWmAAAAAASUVORK5CYII=);
font-size: 1.8rem;
line-height: 1;
}
@media (min-width: 1919px) {
.tile__quote-text--social:before {
font-size: 2.4rem;
}
}
.tile__quote-text--social:after {
content: initial;
top: 2px;
right: 0;
}
.tile__quote-text--social:before,
.tile__quote-text--social:after {
color: #ffc700;
}
.tile__quote-author {
font-size: 1.2rem;
color: #fff;
text-transform: uppercase;
display: block;
margin: 5px 45px 0;
}
.tile__quote-author--social {
display: block;
max-width: 120px;
margin: 15px auto 0;
text-align: center;
}
.tile__quote-container {
margin-top: 10px;
}
@media (min-width: 320px) {
.tile__quote-container {
padding: 20px 40px;
}
}
@media (min-width: 1124px) {
.tile__quote-container {
padding: 15px 20px;
}
}
.tile__quote-normal {
max-width: 400px;
margin: 0 auto;
}
.tile__quote-normal ul {
list-style: none;
}
.tile__quote-normal a {
color: #000;
text-decoration: underline;
}
.tile__heading {
position: absolute;
bottom: 0;
left: 0;
padding: 0 20px 0 0;
z-index: 10;
}
.tile__heading--centered {
top: 50%;
left: 50%;
bottom: auto;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.tile__title {
text-transform: uppercase;
color: #fff;
position: relative;
display: inline-block;
font-size: 1.1rem;
line-height: 1.2;
}
@media (min-width: 320px) {
.tile__title {
font-size: 4.4rem;
}
}
.tile__title--bg {
padding: 0 20px;
}
.tile__title--bg:before,
.tile__title--bg:after {
content: '';
background: #000;
position: absolute;
width: 100%;
height: 32px;
z-index: -1;
left: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
@media (min-width: 1124px) {
.tile__title--bg:before,
.tile__title--bg:after {
height: 30px;
}
}
.tile__title--bg:before {
top: -6px;
height: 100%;
}
._top_wider .tile__title--bg:before {
padding: 0 5px 0 0;
}
@media (min-width: 1124px) {
.tile__title--bg:before {
top: -2px;
height: 100%;
}
}
.tile__title--bg:after {
bottom: 0;
}
._bottom_wider .tile__title--bg:after {
padding: 0 5px 0 0;
}
.tile__title--line {
color: #000;
border-bottom: 5px solid #ffc700;
line-height: 1.0;
display: inline-block;
}
.tile__title--social {
color: #000;
font-size: 2.8rem;
line-height: 1.1;
font-weight: 400;
display: block;
text-align: center;
}
@media (min-width: 1124px) {
.tile__title--social {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.tile__title--social {
font-size: 3.5rem;
}
}
.tile-social__content {
padding: 40px 15px;
}
@media (min-width: 1124px) {
.tile-social__content {
max-height: calc(100vh - 115px);
}
}
.title__quote--buzz {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 0;
}
@media (min-width: 576px) {
.title__quote--buzz {
height: 33vh;
padding: 0;
}
}
.image-heavy {
overflow: hidden;
}
.image-heavy__hero {
width: 100%;
background-image: url(/wp-content/themes/drakeHotel/dist/images/image-heavy/beer.jpg);
background-size: cover;
background-position: center center;
}
@media (min-width: 320px) {
.image-heavy__hero {
height: 50vh;
}
}
@media (min-width: 1124px) {
.image-heavy__hero {
height: 100%;
}
}
.image-heavy__inner {
overflow: hidden;
-webkit-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
padding: 40px 25px 0;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
@media (min-width: 576px) {
.image-heavy__inner {
padding: 40px 25px;
}
}
@media (min-width: 1124px) {
.image-heavy__inner {
padding: 40px 120px 20px 40px;
max-height: calc(100vh - 150px);
overflow: auto;
}
}
.image-heavy__inner .image-heavy__text p {
font-size: 1.6rem;
line-height: 2;
}
.image-heavy__inner .image-heavy__text p a {
color: #6c747a;
font-weight: 500;
}
.image-heavy__inner .image-heavy__text p a:hover {
color: #000;
}
.image-heavy__inner._is_expanded {
max-height: 9000px;
}
.image-heavy__title {
font-size: 4.2rem;
text-transform: uppercase;
}
@media (min-width: 1124px) {
.image-heavy__title {
font-size: 6rem;
line-height: 1;
}
}
.image-heavy__secondary-title {
color: #000;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 15px;
}
.image-heavy__subtitle {
font-size: 2.5rem;
}
.image-heavy__content {
margin-top: 20px;
}
.image-heavy__list-group {
margin-bottom: 20px;
}
.image-heavy__list-group__item {
color: #000;
font-size: 1.8rem;
text-decoration: none;
text-transform: uppercase;
margin-bottom: 10px;
}
.image-heavy__list-group__title {
color: #6c747a;
text-transform: uppercase;
margin-bottom: 15px;
}
.image-heavy__list-group__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.image-heavy__list-group__text {
color: #000;
font-size: 1.8rem;
text-transform: uppercase;
}
.image-heavy__list-group__link {
display: inline;
color: #000;
font-size: 1.8rem;
text-decoration: none;
-webkit-transition: color .2s ease-in;
-o-transition: color .2s ease-in;
transition: color .2s ease-in;
}
.image-heavy__list-group__link:hover {
color: #ffc700;
}
.image-heavy__list-group__list {
overflow: hidden;
}
@media (min-width: 1124px) {
.image-heavy__list-group__list {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.image-heavy__related {
font-size: 1.8rem;
line-height: 1.1;
margin-top: 40px;
margin-bottom: 30px;
text-transform: uppercase;
}
.image-heavy__related a {
color: #6c747a;
-webkit-transition: color .2s ease-in;
-o-transition: color .2s ease-in;
transition: color .2s ease-in;
}
.image-heavy__related a:hover {
color: #000;
}
.image-heavy__buttons {
position: absolute;
bottom: 0;
width: 100%;
}
@media (min-width: 320px) {
.image-heavy__buttons {
padding: 0 15px 40px;
}
}
@media (min-width: 1124px) {
.image-heavy__buttons {
padding: 40px;
}
}
.image-heavy__buttons .btn .fa {
margin-right: 10px;
}
.image-heavy__buttons .button {
margin-bottom: 15px;
padding-top: 10px;
padding-bottom: 6px;
}
.image-heavy__buttons .button--yellow {
margin-top: 5px;
}
@media (min-width: 320px) {
.image-heavy__buttons {
background: #fff;
}
}
@media (min-width: 1124px) {
.image-heavy__buttons {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.94)), to(white));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.94) 0%, white 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.94) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.94) 0%, white 100%);
}
.image-heavy__buttons .col-md-4 {
display: initial;
}
}
.image-heavy__menu-icon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAuCAYAAACiR6CHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzAyQzA5NzkwRTU2MTFFNzk1NDNDMEVFMUE5MjY4RjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzAyQzA5N0EwRTU2MTFFNzk1NDNDMEVFMUE5MjY4RjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDJDMDk3NzBFNTYxMUU3OTU0M0MwRUUxQTkyNjhGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MDJDMDk3ODBFNTYxMUU3OTU0M0MwRUUxQTkyNjhGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoiHYVMAAAY2SURBVHjazFldSJtXGD75UeO/pu20JWC7WVhqu1mGiHQ33XS2HcIKDindjVaLeCmtqOCNgwq72UWHgw3BsmLH3NyEIWNVkFz4UxrdnD/VaazRqkmrJv5r/Nn7HHJCTBP9vnzZ2IGDSb7znfc5z/uc933PUbW3t8e2traY3W5ng4ODSWaz+bO+vr4rL1++NG5sbESqVComp+3v77P4+PiltLS0X/Py8r48e/bsFM3DjEYjc7lcTKvV8nE7OzsMc6vVaiZsqAAGX1pbWz+6f//+1y9evHgzLCyMv4SBwbTd3V22ubnJTp06ZS0tLS3JyMj4/fTp02x7e/twMFhJT0/PB2VlZb8R8rCIiAg+GTqeoctpWIhGo+GfYZyMuaqqqm4WFBQ0gxnxzC+YmZmZY7du3fqD/hp0Oh132YkTJ+aSkpK64uLiHPQy0NB4FUfledHLffiM57QA7bNnz3IWFhYM3kbJ4F5dXd2N3NzcH+CJQGC0bW1tNycnJw2xsbGc2kuXLrVmZ2ffJj/bExISWHR0tLfB17pwJYxHRUWx6enpyzU1Ne3EqBrP4RYyrK6srHxIYDXXrl17FIhtjV6v/9xms72FAeTXiXv37l0hAS5arVZuAF24LVDHu+vr6+zVq1eMFrHc399fSgzrBFD8BRCTyfQx2RhLTU0dFgyJRXFmLBbL2+Hh4dw9NKhjZWVlWaheioAxBhM/ffoUrGDiHQK35bsLoSWaV1dRUfEdPXPl5OT8AjveTUsricaE6LS6pSdPnnBgAAMXYdJAtLpXzIaGhtja2ho7efIkXKKi3/cDiZsARFRXV39P894gOfyM9z3zCWFyZFqtCgDQsatWV1c5/f5ijWBkeHiYUUzihqTsPoyjXRZBGnrU0dHxiRA6n9M3YHl3NHIbdPDa7hFASG+e2CFn+wMQMfSws7MzFwuDPbWUiOp0Oj2AhNsABFEbEwfToFNIhDT0Iwn+PTB0JBjBiMPh4IAQHwYGBtjs7CxnByL07QRWJRUQySCGGPppfn7+DUn8CjbAUExMDEtOTuZi9acjArPb1dWlgTAD5TXv3xFoJyYmUh48eFAh2dmYALvs/Pnz7OLFi5yhADtslSJwQ2Nj4133BvGbu/A+XIwFIFiSmK/LUh78OjU1xdLT0znF/vQF4yUlJZUUTB+Nj4/HuNOJh7m5uTk1pZlIGpvR29t7hzZIIjbA4uJigmwwiLKjo6Ps3LlzTERRXwbxO7nxT+zEA1uXwCBcUN5jmZmZjyl8JLS0tNyNjIzkuU12jYAJEeSQkQNpAgzBDb5dZG10RGsS73zAOCOlgdKlpSVGyZXJLbzAWEpKCkMCdrOqObDQYGIEVgN2sFKpgMAW3IEeML0ECwbaoS0pGQxAQPSHpYvg6kq3dkZGRjxF0mGMIJYcBUQRGGgHCZK276FgpDCiGIxgBzkKQUyUIcKN+CyVEc8ClYBxByvuLqQHEfSWl5d5fSMHiGIwAhAKMu+qUACQe9RRDEYY9WVAbgwKGZhgjYdUwL5u+V+AQQlwWOH+n4CBcRRboisFpFYCBKdQxBIkPZwm8F0JILUSRgBEGMZfpYDUwQLxl30FIOGyfxXMYUB8EyPGyWVHG0ogvoDQUGaGlBk5QJQwpJUyKc7ecoAEy5DaX1gX4hNAENSC3a4CEOYRc3jbOMCM91GU4sU+jrDiSoTON4qA+Na/aCgvUDu7L5q8zzoqLaHeQO2BwEWf43BixOCxsbGQJD/f2hntwoULvNaxWCyx4uaLvm+rz5w58zfOQBhotVovGwwGXWJiIkfu75CmlCHMicBIdmEv130+x/l9TkNH0eTu7u5suMNmsx2njsvGx1Rou8QOgsuUdnGuxsJJBuHNzc1fmEymTxEkcSF19erVJhUdxpILCwsH6bB+TNztETujhLQTN91yL4KOOsQ5nc44u93+/vPnz9+BPZwuaMEbDQ0N7/JL6fb29uvl5eUt0AhWgAF4MdRuElWhtx0wVVtbezs/P/9bldgpTU1NBfX19V8RQ8dBHTQUagEL3UCPAEFyWCkqKrpTXFz8Dbfn/Y8Ms9mc2tPTUzwwMPChw+Ew0AvhoQQEIOR2l16vnzUajaasrKyG9PT0v0gWXJv/CDAAFo7nyYYxF5MAAAAASUVORK5CYII=);
width: 17px;
height: 22px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
vertical-align: sub;
margin-right: 5px;
}
.image-heavy__text img {
width: 100%;
height: auto;
}
.image-heavy__social {
padding: 0 25px 30px 0;
}
@media (min-width: 576px) {
.image-heavy__social {
padding: 20px 40px 30px 0;
}
}
.image-heavy__list {
list-style: none;
padding: 0;
margin: 0;
}
.image-heavy__item {
display: inline-block;
}
.image-heavy__label {
font-size: 1.8rem;
line-height: 1.4;
font-family: "din-medium-pro", sans-serif;
color: #ffc700;
text-transform: uppercase;
}
.image-heavy__cta {
margin-bottom: 20px;
}
.slick-initialized .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* ==========================================================================
#Split Feature Module
========================================================================== */
#split-feature {
height: 100%;
}
@media (min-width: 1124px) {
#split-feature {
height: 100vH;
}
}
@media (min-width: 576px) {
.split-feature {
min-height: 50vh;
}
}
@media (min-width: 1124px) {
.split-feature {
height: 100vh;
}
}
.split-feature--bg {
height: 640px;
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
}
@media (min-width: 1124px) {
.split-feature--bg {
background: none !important;
}
}
.split-feature__header--bg {
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
}
.split-feature__inner {
display: inline-block;
vertical-align: middle;
margin: auto;
padding: 40px 25px;
text-align: center;
}
.split-feature__logo {
max-width: 126px;
margin: 0 auto 25px;
}
.split-feature__logo img {
width: 100%;
}
.split-feature__title {
max-width: 450px;
}
.split-feature__copy {
max-width: 340px;
margin: auto;
}
.split-feature__copy a {
color: #fff;
}
.split-feature__pattern {
background-size: cover;
background-position: 2px 0;
background-repeat: no-repeat;
max-width: 580px;
height: 80px;
width: 100%;
background-size: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: none;
}
@media (min-width: 1124px) {
.split-feature__pattern {
display: inline-block;
}
}
@media (min-width: 1919px) {
.split-feature__pattern {
height: 144px;
}
}
.split-feature .__has__succeeded h4 {
color: green;
}
.split-feature .__has__failed h4 {
color: red;
}
.split-feature__btn {
margin-top: 30px;
}
.landing-module {
height: 300px;
}
@media (min-width: 1124px) {
.landing-module {
height: 100vh;
}
}
.landing-module__left,
.landing-module__right {
position: relative;
width: 100%;
height: 100%;
vertical-align: middle;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-size: cover !important;
background-position: right top !important;
}
@media (min-width: 1124px) {
.landing-module__left,
.landing-module__right {
background-position: left bottom !important;
}
}
.landing-module__left {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/panel-left-small.jpg) no-repeat 0 0;
}
@media (min-width: 576px) {
.landing-module__left {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/panel-left.jpg);
}
}
.landing-module__right {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/panel-right-small.jpg) no-repeat 0 0;
}
@media (min-width: 576px) {
.landing-module__right {
background: url(/wp-content/themes/drakeHotel/dist/images/bg/panel-right.jpg);
}
}
.landing-module__right .landing-module__content {
margin-top: 100px;
}
.landing-module__content {
display: inline-block;
vertical-align: middle;
position: relative;
margin: auto;
padding: 20px 50px;
width: 100%;
}
.landing-module__title {
color: #fff;
font-size: 5rem;
line-height: 0.9;
text-align: center;
text-transform: uppercase;
max-width: 400px;
line-height: 120px;
margin: auto;
}
@media (min-width: 576px) {
.landing-module__title {
font-size: 6rem;
}
}
@media (min-width: 1124px) {
.landing-module__title {
font-size: 11.5rem;
line-height: 0.8;
}
}
.landing-module__black {
display: table;
background-color: #000;
color: #fff;
text-transform: uppercase;
font-size: 1.8rem;
line-height: 1.2;
padding: 0 5px;
text-align: left;
line-height: inherit;
}
@media (min-width: 576px) {
.landing-module__black {
font-size: 2rem;
}
}
@media (min-width: 1124px) {
.landing-module__black {
font-size: 2rem;
}
}
@media (min-width: 1919px) {
.landing-module__black {
font-size: 2.5rem;
}
}
.landing-module__yellow {
display: inline-block;
background-color: #ffc700;
text-transform: uppercase;
font-size: 2.8rem;
line-height: 1.1;
padding: 0 5px;
text-align: left;
line-height: inherit;
}
@media (min-width: 576px) {
.landing-module__yellow {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.landing-module__yellow {
font-size: 3.5rem;
}
}
.landing-module:hover .mask {
opacity: 0;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
/* ==========================================================================
#Lightbox module
========================================================================== */
.gallery {
position: relative;
background: #fff;
}
.gallery .wrap_svl_center {
line-height: 0;
}
.gallery__content {
line-height: 0;
height: 100%;
}
.gallery .carousel-pager {
height: 50px;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.gallery .carousel-pager .slick-track {
width: 100% !important;
}
.gallery .carousel-pager .slick-track .carousel-controls {
width: 100% !important;
max-width: none;
cursor: initial;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next {
display: block !important;
cursor: pointer;
-webkit-transition: width 0.1s linear;
-o-transition: width 0.1s linear;
transition: width 0.1s linear;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev .arrow--text,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next .arrow--text {
text-transform: uppercase;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: none;
padding: 0 10px;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev .arrow--left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev .arrow--right,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next .arrow--left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next .arrow--right {
z-index: 20;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover {
width: 100px !important;
-webkit-transition: width 0.2s linear;
-o-transition: width 0.2s linear;
transition: width 0.2s linear;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--left {
left: 15px !important;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--right,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--right {
right: 5px !important;
left: auto;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--text-left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--text-right,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--text-left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--text-right {
display: block;
top: 7px;
z-index: 10;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--text-left,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--text-left {
right: 0;
}
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__prev:hover .arrow--text-right,
.gallery .carousel-pager .slick-track .carousel-controls .nav-controls__next:hover .arrow--text-right {
left: 0;
}
.gallery__slideswrap {
display: inline-block;
position: relative;
width: 100%;
height: 320px;
}
@media (min-width: 1124px) {
.gallery__slideswrap {
height: 100%;
}
}
.gallery._is_visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gallery__slides {
height: 100%;
}
.gallery__slide {
height: 100%;
background-size: cover;
background-position: center center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery__img img {
width: 100%;
height: auto;
display: block;
}
.gallery__caption {
position: absolute;
left: 0;
bottom: 0;
margin: 0 30px 38px;
z-index: 2;
}
.gallery__details {
padding: 50px 30px 30px;
font-size: 1.6rem;
line-height: 2;
}
@media (min-width: 1124px) {
.gallery__details {
padding: 40px 80px 20px 20px;
}
}
.gallery__details p {
font-size: 1.4rem;
line-height: 1.6;
font-weight: 400;
margin: 0 0 20px;
}
.gallery__details ul {
list-style: none;
font-size: 1.4rem;
line-height: 1.6;
font-weight: 400;
margin: 20px 0;
}
.gallery__details ul li {
position: relative;
padding: 0 0 3px 20px;
}
.gallery__details ul li:before {
content: '+';
font-size: 18px;
position: absolute;
top: -3px;
left: 0;
color: #ffc700;
}
.gallery__details h4 {
font-size: 2.5rem;
line-height: 1.2;
}
.gallery__details h4 strong {
font-size: 4.5rem;
line-height: 1.2;
font-weight: 400;
}
.gallery__details__date {
display: block;
text-transform: uppercase;
}
.gallery__details-title {
color: #000;
font-size: 6.4rem;
line-height: 1.4;
font-weight: 400;
display: block;
text-transform: uppercase;
margin-bottom: 30px;
}
.gallery__details-title:before {
bottom: 0;
}
/* ==========================================================================
#Landing Page Module
========================================================================== */
.landing-page {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (min-width: 1124px) {
.landing-page {
height: 100%;
}
}
.landing-page__left,
.landing-page__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-size: cover !important;
background-position: center center;
z-index: 5;
height: 50vh;
width: 100%;
padding: 40px 10px;
-webkit-transition: -webkit-filter .2s linear;
transition: -webkit-filter .2s linear;
-o-transition: filter .2s linear;
transition: filter .2s linear;
transition: filter .2s linear, -webkit-filter .2s linear;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.landing-page__left:hover,
.landing-page__right:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
@media (min-width: 1124px) {
.landing-page__left,
.landing-page__right {
height: 100%;
width: 50%;
}
}
.landing-page__pattern {
display: none;
background-position: center top;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 957px;
height: 158px;
z-index: 10;
}
@media (min-width: 1124px) {
.landing-page__pattern {
display: block;
}
}
.landing-page__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
.landing-page__text {
color: #fff;
font-family: "din-condensed", sans-serif;
font-weight: 300;
font-size: 5rem;
line-height: 0.9;
width: 100%;
max-width: 450px;
text-align: center;
}
@media (min-width: 576px) {
.landing-page__text {
font-size: 6rem;
}
}
@media (min-width: 1124px) {
.landing-page__text {
font-size: 11.5rem;
line-height: 0.8;
}
}
.landing-page__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
}
/*# sourceMappingURL=main.css.map*/
/* ADDITIONAL CSS BY SIMON */
.booking-flow .nav-item {
padding: 20px 0;
}
.clndr .days-container .days .day.past,
.clndr .days-container .days .day.inactive {
color: #6c747a;
pointer-events: none;
}
@media (max-width: 576px) {
.filter-panel__narrow {
margin: 0 20px;
}
}
@media (min-width: 1124px) {
.filter-panel .clndr-container {
max-width: 50%;
padding: 0 25px 25px;
}
}
.image-heavy__inner {
padding: 40px 25px 0;
}
.image-heavy__buttons {
padding-left: 25px;
}
@media (min-width: 576px) {
.image-heavy__inner {
padding: 40px 25px;
}
.image-heavy__buttons {
padding-left: 25px;
}
}
@media (min-width: 1124px) {
.image-heavy__inner {
padding: 40px 115px 20px;
}
.image-heavy__inner.has-buttons {
max-height: calc(100vh - 185px);
}
.image-heavy__buttons {
padding-left: 115px;
}
}
.gallery__content .image-heavy__inner {
padding: 20px;
}
@media (min-width: 1124px) {
.gallery__content .image-heavy__inner {
padding: 40px 115px 20px 0;
}
}
.image-heavy__text ul {
margin-left: 20px;
}
/* scrollbar outside */
.mCS-drake .mCSB_container {
margin-right: 0;
}
.mCSB_outside + .mCSB_scrollTools {
top: 40px;
bottom: 40px;
right: 57px;
}
.gallery__details {
padding: 0 !important;
}
@media (max-width: 575px) {
.gallery__slide {
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
}
.vimeoMobileContainer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cover-image {
height: 100% !important;
width: 100% !important;
}
@media (max-width: 575px) {
.module.vimeo-mobile{
min-height: 0;
}
}
.newsletter-form {
text-align: center;
font-size: 2.1rem;
}
.newsletter-form__btn {
border: 0;
outline: 0;
background: #ffc700;
color: #000;
cursor: pointer;
display: inline-block;
vertical-align: middle;
min-width: 85px;
font-size: 2.8rem;
line-height: 1.1;
padding: 3px 20px 0 10px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
border: 2px solid yes;
margin-top: 30px;
font-family: "din-medium-pro", sans-serif;
padding-top: 8px;
padding-right: 10px;
}
@media (min-width: 576px) {
.newsletter-form__btn {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.newsletter-form__btn {
font-size: 3.5rem;
}
}
.newsletter-form__btn:hover {
background: #dcac00;
}
.newsletter-form .__has__succeeded h4 {
color: green;
}
.newsletter-form .__has__failed h4 {
color: red;
}
/* copied from commissary site */
.image-heavy__inner .image-heavy__text {
font-size: 1.6rem;
line-height: 2;
}
.image-heavy__inner .image-heavy__text a {
color: #000;
font-weight: 500;
text-decoration: underline;
}
.image-heavy__inner .image-heavy__text a:hover {
text-decoration: none;
}
.button--yellow {
background: #ffc700;
background: #ffc700;
color: #000;
cursor: pointer;
display: inline-block;
vertical-align: middle;
min-width: 85px;
font-size: 2.8rem;
line-height: 1.1;
padding: 3px 20px 0 10px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
border: 2px solid yes;
}
@media (min-width: 576px) {
.button--yellow {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.button--yellow {
font-size: 3.5rem;
}
}
.button--yellow:hover {
background: #dcac00;
}
.button--bold {
font-weight: 500;
}
.button--upper {
text-transform: uppercase;
}
.button--block {
display: block;
}
.button--transparent {
background: transparent;
color: #000;
cursor: pointer;
display: inline-block;
vertical-align: middle;
min-width: 85px;
font-size: 2.8rem;
line-height: 1.1;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background 0.6s linear;
-o-transition: background 0.6s linear;
transition: background 0.6s linear;
border: 2px solid yes;
}
@media (min-width: 576px) {
.button--transparent {
font-size: 3rem;
}
}
@media (min-width: 1919px) {
.button--transparent {
font-size: 3.5rem;
}
}
.button--transparent:hover {
background: transparent;
color: #ffc700;
}
.button--small {
font-size: 1.5rem;
}
.button--large {
font-size: 2.1rem;
}
.button--black {
color: #000;
}
/* no blue links pls */
a {
color: #000;
}
.split-feature__inner a {
text-decoration: underline;
}
a.button--bg {
text-decoration: none !important;
}
/* split feature colors */
.split-feature__inner.no-background .split-feature__copy {
color: #000;
}
.split-feature__inner.no-background .split-feature__copy a {
color: #000;
}
.split-feature--bg h1,
.split-feature--bg h2,
.split-feature--bg h3,
.split-feature--bg h4,
.split-feature--bg h5,
.split-feature--bg h6 {
color: #fff;
}
.module--tile-social .container-fluid, .module--tile-social .row {
height: 100%;
}
/* undo 100% in Climax code - might need to back this out if it breaks something */
.image-heavy__text img {
width: auto;
max-width: 100%;
}
.slick-slide p img {
display: inline;
}
.copy--normal {
font-size: 1.6rem;
line-height: 1.5;
}
@media (min-width: 1124px) {
.copy--normal {
font-size: 1.6rem;
}
}
div#powerTip .hotspot {
padding: 20px 20px 20px 15px;
}
div#powerTip .hotspot-image__inner {
max-height: 100%;
}
.hotspot-open {
overflow-y: auto;
}
.nav-item__copy__text a {
color: #fff;
}
/* genre filter list */
@media (max-width: 1600px) {
.js-filter-module-form .filter-panel__narrow {
margin: 0 100px;
}
}
@media (max-width: 1350px) {
.js-filter-module-form .filter-panel__narrow {
margin: 0;
}
}
@media (max-width: 1025px) {
.js-filter-module-form .filter-panel__narrow .filter-panel__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
@media (max-width: 801px) {
.js-filter-module-form .filter-panel__narrow .filter-panel__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 421px) {
.js-filter-module-form .filter-panel__narrow .filter-panel__column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/* split feature vertical middle */
@media (min-width: 1124px) {
.module--split-feature .module__inner { height: 100%; }
.module--split-feature .module__inner .container-fluid { height: 100%; }
.module--split-feature .module__inner .container-fluid .row { height: 100%; }
.module--split-feature .module__inner .container-fluid .row .col-md-6 { height: 100%; }
.split-feature {
height: auto;
position: relative;
top: 50%;
-webkit-transform: perspective(1px) translateY(-50%);
-ms-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%);
}
}
.tile--bg {
cursor: auto;
}
.tile--bg.tile-has-link {
cursor: pointer;
}
.gallery__details-title {
line-height: 1;
}
@media (max-width: 1279px) {
.gallery__details-title, .image-heavy__title {
font-size: 5.4rem;
}
}
@media (max-width: 639px) {
.carousel-slides {
height: calc(100% - 93.75px);
}
}
@media (max-width: 1023px) {
.module--split-feature,
.module--gallery {
height: auto !important; /* don't fill viewport */
}
}
.gallery__content .col-md-8 {
height: 100%;
}
.gallery__img {
height: 100%;
}
.gallery__img img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
@media (min-width: 1124px) {
.gallery__img img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50.005%);
-ms-transform: translateY(-50.005%);
transform: translateY(-50.005%);
}
}
.gallery__text .copy--bg {
text-transform: none;
}
/* IG widget */
#sb_instagram .sbi_item { height: 33.33%; }
#sb_instagram .sbi_photo_wrap { height: 100%; }
#sb_instagram .sbi_photo { max-height: 100%; }
#sb_instagram .sb_instagram_header {
text-align: center;
margin-bottom:0;
}
#sb_instagram .sb_instagram_header .sbi_header_link {
display: inline-block;
text-align:center;
float: none;
}
@media (min-width: 1124px) {
#sb_instagram #sbi_images { height: calc(100% - 70px); }
#sb_instagram .sb_instagram_header {
position: absolute;
bottom: 20px;
margin-bottom: 0;
text-align: center;
}
}
.notification-bar {
border-top: 4px solid black;
}
/* filter module new tile behavior */
.js-filter-module-tile .post-tile__popup {
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.js-filter-module-tile.active .post-tile__popup {
height: 100% !important;
}
/* filter module filter pushes content down */
@media (min-width: 576px) {
.filter-bar {
position: relative;
}
}
@media (min-width: 1124px) {
.post-featured__content {
padding-top: 0;
}
}
.filter-results {
height: auto;
}
.filter__tile {
max-height: 50%;
}
.post-tile {
min-height: 180px; /* for tiny macbooks */
}
/* filter feature scroll */
@media (min-width: 1124px) {
.filter-results > div,
.filter-results__posts,
.filter-results__posts > .row,
.filter-results__posts > .row .col-md-6 {
height: 100%;
}
/* causing flicker
.filter__featured .mCSB_container {
margin-right: 80px;
}
.filter__featured.mCS_no_scrollbar .mCSB_container {
margin-right: 0;
}
*/
.filter__featured .mCSB_container .post-featured {
margin-right: 80px;
}
.filter__featured.mCS_no_scrollbar .mCSB_container {
margin-right: 0;
}
.post-featured__inner {
padding-bottom:0;
}
}
/* event detail */
@media (max-width: 1023px) {
.module--event-detail {
height: 100% !important;
}
}
@media (min-width: 1124px) {
.module--event-detail > .row {
height: 100%;
}
}
/* logo */
img.brand__logo {
max-width: calc(100% + 30px);
}
a.brand__link {
max-width: 100%;
}
div.brand {
max-width: 100%;
}
/* hotspot */
div#powerTip span.close_ihp {
fill: #ffc700; /* yellow */
cursor: pointer;
position: absolute;
right: 0;
z-index: 420;
}
div#powerTip .hotspot-image__left {
width: 45%;
}
div#powerTip .hotspot-image__right {
width: 55%;
}
div#powerTip .hotspot-image__right img {
display: block;
}
@media (max-width: 1023px) {
.gallery__slideswrap {
height: auto;
}
div#powerTip .box_view_html {
width: 100%;
max-width: 100%;
}
}
/* feature pager mobile */
.carousel-pager--abs {
position: absolute;
bottom: 0;
left: 0;
}
/* footer on 13" */
@media (min-width: 1124px) {
.footer-nav {
padding-left: 40px;
}
}
@media (min-width: 1280px) {
.footer-nav {
padding-left: 80px;
}
}
@media (min-width: 1919px) {
.footer-nav {
padding-left: 150px;
}
}
@media (min-width: 1124px) {
.footer-nav .footer-menu .main-nav__link {
padding: 10px 10px;
}
}
@media (min-width: 1280px) {
.footer-nav .footer-menu .main-nav__link {
padding: 10px 20px;
}
}
/* Three Column Module */
.module--three-column .three-column__image {
height: auto;
}
.module--three-column .three-column__image img {
width: 100%;
height: auto;
display: block;
}
.module--three-column .three-column__image .tile__heading {
bottom: -20px;
}
.module--three-column .col-md-4 {
text-align: center;
}
.module--three-column .three-column__cta {
position: relative;
width: 100%;
text-align: center;
padding-left: 40px;
}
@media (max-width: 1123px) {
.module--three-column {
height: auto !important;
}
.module--three-column .three-column__image {
background-image: none !important;
}
}
@media (min-width: 1124px) {
.module--three-column .col-md-4 {
height: 100%;
}
.module--three-column .three-column__image {
height: 55%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.module--three-column .three-column__image img {
display: none;
}
.module--three-column .three-column__content {
height: 45%;
padding: 30px 30px 90px;
font-size: 1.3rem;
line-height: 1.5;
}
.module--three-column .three-column__content.no-image {
height: 100%;
}
.module--three-column .tile__quote-normal {
max-width: none;
}
.module--three-column .mCSB_outside + .mCSB_scrollTools {
right: 0;
}
.module--three-column .mCSB_outside {
padding-right: 46px;
}
.module--three-column .mCS_no_scrollbar .mCSB_outside {
padding-right: 0;
}
.module--three-column .three-column__cta {
position: absolute;
bottom: 0;
padding-top: 20px;
}
.module--three-column .mCS_no_scrollbar_y {
display: block;
height: auto;
position: relative;
top: 50% !important;
-webkit-transform: perspective(1px) translateY(-50.005%);
-ms-transform: perspective(1px) translateY(-50.005%);
transform: perspective(1px) translateY(-50.005%);
}
}
@media (min-width: 1280px) {
.module--three-column .three-column__content {
font-size: 1.6rem;
}
}
@media (min-width: 1920px) {
.module--three-column .three-column__content {
padding: 50px 15% 115px;
}
.module--three-column .three-column__cta {
padding-top: 40px;
}
}
/* What's On Widget */
.events-widget {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
text-align: left;
color: #fff;
/* corp */
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/1150_DJ_2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.events-widget.the-drake-hotel {
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/1150_DJ.jpg);
}
.events-widget.drake-commissary {
/*background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/COMM.jpg);*/
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/COMM_DJ.jpg);
}
.events-widget.drake-devonshire {
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/DEVYOGA.jpg);
}
.events-widget.drake-one-fifty {
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/DOF_DJ.jpg);
}
.events-widget.drake-mini-bar {
background-image: url(https://www.thedrake.ca/wp-content/uploads/2018/07/MINIBAR_DJ.jpg);
}
.events-widget .widget-title {
text-transform: uppercase;
padding: 30px 0;
position: relative;
}
.events-widget .widget-title .collage__overlay {
left: -120px;
bottom: -80px;
z-index: 0;
}
.events-widget .widget-title .feature-overlay__headline,
.events-widget .widget-title .feature-overlay__slogan,
.events-widget .widget-title .feature-overlay__cta {
position: relative;
z-index: 420;
}
.events-widget .widget-title .heading--primary {
font-size: 6rem;
}
.events-widget .button--xl {
font-size: 2.2rem
}
.events-widget.no-events .widget-title .feature-overlay__cta {
display: none;
}
.events-widget .no-events {
position: relative;
padding: 30px 0;
margin-top: 40px;
background-color: rgba(0,0,0, 0.8);
}
.events-widget .no-events .button--secondary {
color: #fff;
}
.events-widget .events {
position: relative;
width: 100%;
margin-top: 40px;
}
.events-widget .event {
width: 100%;
background-color: rgba(0,0,0, 0.8);
border-bottom: 1px solid black;
text-transform: uppercase;
}
.events-widget .event a {
display: block;
position: relative;
width: 100%;
padding: 5px 10px;
font-weight: bold;
font-size: 2rem;
color: #fff;
}
.events-widget .event:only-child a {
padding-top: 40px;
padding-bottom: 40px;
}
.events-widget .event .event-title {
display: inline-block;
font-size: 1.9rem;
line-height:1;
width: auto;
}
.events-widget .event .event-separator {
position: relative;
display: inline-block;
min-width: 20px;
}
.events-widget .event .event-separator:after {
content: '\F101';
font-family: FontAwesome;
position: absolute;
left: 5px;
top: 50%;
-webkit-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.events-widget .event .event-venue {
display: inline-block;
position: relative;
font-weight: normal;
font-size: 1.6rem;
line-height:1;
}
@media (min-width: 480px) {
.events-widget .event .event-title {
width: calc(100% - 250px);
}
.events-widget .event .event-venue {
display: inline-block;
width: 220px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
padding-right: 10px;
font-weight: normal;
font-size: 1.6rem;
line-height:1;
}
}
@media (min-width: 576px) {
.events-widget .widget-title {
padding: 40px;
}
.events-widget .no-events {
padding: 40px;
}
}
@media (min-width: 1124px) {
.events-widget {
padding: 0;
height: calc(100% - 81px);
}
.events-widget.no-spotify {
height: 100%;
}
.events-widget .widget-title .collage__overlay {
left: -148px;
bottom: -125px;
}
.events-widget .no-events {
position: absolute;
bottom:0;
}
.events-widget .events {
/*position: absolute;*/
bottom: 0;
margin-top:0;
}
.events-widget .event .event-title {
width: auto;
}
.events-widget .event .event-venue {
position: relative;
}
.events-widget .event:nth-child(5),
.events-widget .event:nth-child(6) {
display: none; /* only 4 events on tablet & small desktop */
}
}
@media (min-width: 1280px) {
.events-widget .widget-title {
padding: 40px;
}
.events-widget .no-events {
padding: 40px;
}
.events-widget .widget-title .collage__overlay {
left: -148px;
bottom: -151px;
}
.events-widget .event a {
display: flex;
align-items: center;
}
.events-widget .event .event-title {
width: calc(100% - 250px);
font-size: 2.3rem;
}
.events-widget .event .event-separator {
font-size: 2rem;
}
.events-widget .event .event-venue {
width: 220px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
padding-right: 10px;
font-size: 1.8rem;
}
}
@media (min-width: 1366px) {
.events-widget .event:nth-child(5),
.events-widget .event:nth-child(6) {
display: block; /* undo tablet hide */
}
}
@media (min-width: 1600px) {
.events-widget .widget-title .heading--primary {
font-size: 11.5rem;
line-height: 0.8;
}
.events-widget .button--xl {
font-size: 3.2rem
}
}
@media (min-width: 1920px) {
.events-widget .event a {
padding-top: 10px;
padding-bottom: 10px;
}
.events-widget .event .event-title {
font-size: 2.7rem;
}
}
.spotify-widget {
position: absolute;
width: 100%;
}
/* extraneous p & br tags */
.main > p,
.main > br {
display: none;
}
/* Text-Only Module */
.module--text-only {
height: auto;
}
.module--text-only .image-heavy__inner,
.module--text-only .image-heavy__inner.has-buttons {
max-height: none;
}
.module--text-only .image-heavy__buttons {
position: relative;
}
/* What's On Venue Tile */
.post-tile__venue {
font-family: "din-condensed", sans-serif;
text-transform: uppercase;
display: block;
font-size: 1.8rem;
line-height: 1;
color: #fff;
padding-bottom: 5px;
}
@media (min-width: 320px) {
.post-tile__venue {
/*font-size: 3.8rem;*/
}
}
@media (min-width: 576px) {
.post-tile__venue {
/*font-size: 3.8rem;*/
}
}
/* DMI Splash */
.module--dmi-splash {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
text-align: center;
}
.dmi-splash__panel {
width: 100%;
position: relative;
}
.dmi-splash__panel p {
width: 50%;
max-width: 760px;
margin: 10px auto;
text-align: left;
}
.dmi-splash__panel h3.dmi-splash__heading {
width: 50%;
max-width: 760px;
margin: 20px auto;
}
@media (min-width: 1025px) {
.dmi-splash__panel p {
width: 60%;
margin: 20px auto;
}
.dmi-splash__panel h3.dmi-splash__heading {
width: 60%;
margin: 40px auto;
}
}
.dmi-splash__panel img {
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
}
.dmi-splash__panel a.button {
display: block;
width: 50%;
margin: 0 auto;
}
/* sketch */
.dmi-splash__panel img.dmi-splash__copy_image {
max-width: 55%;
}
@media (min-width: 1025px) {
.dmi-splash__panel img.dmi-splash__copy_image {
max-width: 65%;
}
}
.dmi-splash__panel.panel_1 { background-color: #aebe90; } /* green */
.dmi-splash__panel.panel_2 { background-color: #cd5129; } /* red */
.dmi-splash__panel.panel_3 { background-color: #96a5b4; } /* blue */
.dmi-splash__panel.panel_4 { background-color: #f4bd23; } /* yellow */
.dmi-splash__panel.panel_5 { background-color: #e2bacc; } /* pink */
.dmi-splash__heading {
color: #f2e0c7; /* cream */
font-family: 'Montserrat', sans-serif;
font-size: 1.7rem;
letter-spacing: 0.4vw;
font-weight: 900;
}
.dmi-splash__panel p {
color: #000000;
font-size: 1.3rem;
}
.dmi-splash__panel p strong {
font-weight: 600;
}
@media (min-width: 769px) {
.dmi-splash__heading {
font-size: 2.5rem;
}
.dmi-splash__panel p {
font-size: 1.8rem;
}
}
@media (min-width: 1280px) {
.dmi-splash__heading {
letter-spacing: 7px;
}
.dmi-splash__panel p {
font-size: 2.1rem;
}
}
/* resize panel 1 & 2 to viewport height */
/* 103px = nav bar height, 135px = nav bar with WP admin, 72px = nav bar mobile*/
.dmi-splash__panel.panel_1,
.dmi-splash__panel.panel_2 {
height: 50%;
}
.dmi-splash__panel.panel_1 img,
.dmi-splash__panel.panel_2 img {
display: none;
}
.dmi-splash__panel.panel_mobile {
height: calc(100vh - 72px);
width: 100%;
}
.dmi-splash__panel.panel_mobile .mobile-image {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: transparent url(/wp-content/uploads/2019/02/DMI_Red_and_Green_revised.png) center center/contain no-repeat;
}
@media (min-width: 813px) {
.dmi-splash__panel.panel_1,
.dmi-splash__panel.panel_2 {
height: auto;
}
.dmi-splash__panel.panel_1 img,
.dmi-splash__panel.panel_2 img {
display: block;
}
.dmi-splash__panel.panel_mobile {
height: auto;
}
.dmi-splash__panel.panel_mobile .mobile-image {
display: none;
}
}
/* fit panel 1 only on desktop */
/*@media (min-width: 1124px) {*/
@media (min-width: 813px) {
/* 70px = amount of red visible at bottom */
.dmi-splash__panel.panel_1 {
height: calc(100vh - 103px - 70px);
}
body.admin-bar .dmi-splash__panel.panel_1 {
height: calc(100vh - 135px - 70px);
}
.dmi-splash__panel.panel_1 img {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (min-width: 1280px) {
.dmi-splash__panel.panel_2 {
height: calc( (100vh - 103px - 70px) * (1184 / 1022)); /* p2 height / p1 height to match up INN size */
}
body.admin-bar .dmi-splash__panel.panel_2 {
height: calc( (100vh - 135px - 70px) * (1184 / 1022));
}
}
.dmi-splash__panel.panel_3 {
padding: 10vw 0 40px;
}
.dmi-splash__panel.panel_4 {
padding-bottom: 10px;
}
.dmi-splash__panel.panel_4 p {
color: #cd5129;
text-align: center;
}
.dmi-splash__panel.panel_5 {
padding-bottom: 10px;
}
@media (min-width: 1124px) {
.dmi-splash__panel.panel_3 {
padding: 10vw 0 100px;
}
.dmi-splash__panel.panel_4 {
padding-bottom: 100px;
}
.dmi-splash__panel.panel_5 {
padding-bottom: 100px;
}
}
@media (min-width: 1280px) {
.dmi-splash__panel.panel_3 {
padding: 120px 0 100px;
}
}
.dmi-splash__coming-soon {
position: absolute;
width: 50%;
height: auto;
min-height: 10px;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 420;
}
.dmi-splash__coming-soon img {
width: 100%;
z-index: 420;
}
@media (min-width: 769px) {
.dmi-splash__coming-soon {
left: 50px;
top: 50px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 25%;
}
}
@media (max-height: 420px) {
.dmi-splash__coming-soon {
left: 50px;
top: 20px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 25%;
}
}
.dmi-splash__mini-logo {
width: 15%;
max-width: 150px;
position: fixed;
bottom: 20px;
left: 5%;
text-align: left;
z-index: 420;
}
@media (min-width: 1124px) {
.dmi-splash__mini-logo {
left: 40px;
}
}
.dmi-splash__mini-logo img {
width: 100%;
display: block;
margin-bottom: 20px;
}
.dmi-splash__mini-logo p {
font-size: 0.8rem;
margin-bottom: 10px;
}
.dmi-splash__mini-logo a {
text-decoration: underline;
}
@media (min-width: 1124px) {
.dmi-splash__mini-logo p {
font-size: 1rem;
}
}
@media (min-width: 1370px) {
.dmi-splash__mini-logo img {
display: block;
margin-bottom: 40px;
}
.dmi-splash__mini-logo p {
font-size: 1.5rem;
}
}
.dmi-splash__mini-logo .email-full {
display: none;
}
.dmi-splash__mini-logo .email-icon img {
max-width: 16px;
margin-bottom: 0;
margin-left: 1px;
}
@media (min-width: 769px) {
.dmi-splash__mini-logo .email-full {
display: inline;
}
.dmi-splash__mini-logo .email-icon {
display: none;
}
}
.dmi-splash__wheel {
height: 0;
overflow-y: visible;
z-index: 420;
position: relative;
}
.dmi-splash__wheel img {
display: inline-block;
max-width: 15vw;
max-height: 15vh;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 420;
}
@media (max-height: 420px) {
.dmi-splash__wheel img {
height: 5vw;
width: 5vw;
}
}
.dmi-splash__panel form {
width: 50%;
margin: 40px auto 0;
}
@media (min-width: 769px) {
.dmi-splash__panel form {
width: 60%;
}
}
.dmi-splash__panel .form-input {
color: #cd5129;
border: none;
border-bottom: 1px solid #cd5129;
background: transparent none;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.dmi-splash__panel .form-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #cd5129;
opacity: 1; /* Firefox */
}
.dmi-splash__panel .form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #cd5129;
}
.dmi-splash__panel .form-input::-ms-input-placeholder { /* Microsoft Edge */
color: #cd5129;
}
.dmi-splash__panel .newsletter-form__btn {
background: transparent url('/wp-content/uploads/2019/02/DMI_Yellow_Button.png') no-repeat center;
background-size: contain;
text-indent: -9999px;
width: 50%;
max-width: 244px;
height: 63px;
}
.dmi-splash__panel .newsletter-form__response h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 2rem;
color: #cd5129;
}
.nav-item .dmi-nav {
color: #ffc700; /* yellow */
font-size: 60%;
}
/* SLIM FEATURE MODULE */
.module.module--slim-feature {
min-height: auto;
}
.module--slim-feature .short-feature__inner {
flex-direction: column;
align-items: flex-start;
padding: 10px 0;
}
.module--slim-feature .short-feature__item {
padding-top: 10px;
padding-bottom: 10px;
}
.module--slim-feature .short-feature__item.last {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding: 0;
width: 100%;
}
.module--slim-feature .global-divider {
margin-bottom: 15px;
}
.module--slim-feature .short-feature__cta--right {
text-align: right;
}
@media (min-width: 1124px) {
.quarter-viewport {
/*height: 25vh;
min-height: 192px;*/
}
.module--slim-feature .short-feature__item.last {
margin-left: 0;
padding: 0 35px;
}
.module--slim-feature .heading--primary {
white-space: nowrap;
}
}
/* match CTA font size to slogan */
.module--slim-feature .button--xl {
font-size: 1.8rem;
}
@media (min-width: 576px) {
.module--slim-feature .button--xl {
font-size: 2.1rem;
}
}
@media (min-width: 1124px) {
.module--slim-feature .button--xl {
font-size: 2.6rem;
}
}
@media (min-width: 1919px) {
.module--slim-feature .button--xl {
font-size: 3rem;
}
}
/*** BLOG ***/
@media (max-width: 1023px) {
.content-single-blog {
height: auto !important; /* override js-fill-viewport */
}
}
#blog-header {
background: white;
display: flex;
justify-content: space-between;
align-items: center;
}
#blog-header h1 {
padding: 0 20px;
}
@media (max-width: 1024px) {
#blog-header {
flex-direction: column;
align-items: flex-start;
}
#blog-categories li:first-child {
padding-left: 0;
}
}
#blog-index article { width: 100%; }
@media (min-width: 576px) { #blog-index article { width: 50%; } }
@media (min-width: 1124px) { #blog-index article { width: 33.3333%; } }
@media (min-width: 1280px) { #blog-index article { width: 25%; } }
@media (min-width: 1920px) { #blog-index article { width: 20%; } }
#blog-index {
background: white;
}
article.thumbnail {
padding: 10px;
position: relative;
}
article.thumbnail .article-inner {
position: relative;
}
/*
article.thumbnail a {
display: block;
width: 100%;
}
*/
article.thumbnail img {
display: block;
width: 100%;
height: auto;
}
article.thumbnail .caption {
height: 100%;
width: 100%;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow: hidden;
z-index: 1;
opacity: 0;
transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-webkit-transition: opacity .4s ease-in-out;
cursor: pointer;
background-color: rgba(255,255,255,0.98);
padding: 25px;
font-size: 17px;
line-height: 1.4;
}
article.thumbnail .caption h2 {
font-size: 30px;
line-height: 1.2
}
article.thumbnail .caption .post__bottom {
position: absolute;
bottom: 30px;
font-size: 16px;
}
#blog-categories {
background: white;
padding: 20px;
text-align: right;
font-size: 16px;
list-style: none;
}
#blog-categories li {
display: inline-block;
padding: 0 10px;
}
#blog-categories li.current-cat {
font-weight: bold;
}
@media (max-width: 576px) {
article.thumbnail .caption {
position: relative;
opacity: 1.0;
}
#blog-categories {
text-align: left;
}
article.thumbnail .caption .post__bottom {
position: relative;
bottom: 0;
}
}
/* blog post page */
article.article-full {
background: white;
padding: 0 20px;
}
article.article-full .article-inner {
padding: 0 0 75px;
margin: 0 0 0 -10px;
text-align: center;
}
article.article-full .article-inner .featured-image img {
height: auto;
max-width: 100%;
}
.article-inner-inner {
max-width: 730px;
margin: 0 auto;
text-align: left;
}
.article-full {
font-size: 1.6rem;
}
.article-full h1,
.article-full h2 {
font-size: 30px;
line-height: 1.4;
font-weight: 400;
margin: 17px 0;
}
.article-full .entry-content img {
max-width: 100%;
height: auto;
}
.article-full .entry-social a {
opacity: 0.5
}
.article-full .entry-meta {
opacity: 0.5;
margin-top: 10px;
}
.article-header {
position: fixed;
z-index: 420;
margin: 20px 0;
}
/* Property menu logos */
.nav-item__heading span.has-logo {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
color: transparent;
margin-bottom: 20px;
display: block;
}
/*** PERMANENT COLLECTION ***/
#permanent-collection {
background: white;
/* height: calc(100% - 104px); */
}
#permanent-collection .pc-inner {
max-width: 1200px;
margin: 0 auto;
height: 100%;
padding-top: 20px;
}
#permanent-collection .content {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: calc(100% - 106px); /* 78px sorting + 28px pagination */
}
#permanent-collection .content .thumbnail {
display: block;
width: 30%;
height: calc(50% - 150px);
margin: 0 1% 150px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
@media (max-width: 1024px) {
#permanent-collection {
height: auto !important;
}
#permanent-collection .content .thumbnail {
width: 48%;
height: 50vh;
}
}
@media (max-width: 640px) {
#permanent-collection .content .thumbnail {
width: 98%;
}
}
#permanent-collection .content .thumbnail .didactic {
position: absolute;
top: 100%;
width: 100%;
padding: 10px 20px;
background: white;
text-transform: uppercase;
}
#permanent-collection .content .thumbnail .didactic .artist-name {
font-weight: bold;
font-size: 150%;
}
#permanent-collection .pagination {
display: flex;
justify-content: center;
}
#permanent-collection .pagination li {
list-style: none;
border: 1px solid #aaa;
border-right: none;
display: block;
text-align: center;
min-width: 30px;
height: 28px;
line-height: 28px;
background: #fff;
color: #333;
cursor: pointer;
}
#permanent-collection .pagination li:first-child {
border-radius: 3px 0 0 3px;
}
#permanent-collection .pagination li:last-child {
border-right: 1px solid #aaa;
border-radius: 0 3px 3px 0;
}
#permanent-collection .pagination li.active {
cursor: auto;
background: #aaa;
color: #fff;
border: none;
line-height: 30px;
}
#permanent-collection .pagination li.disabled {
cursor: auto;
color: #ccc;
}
#permanent-collection .pagination li:hover {
background: #eee;
}
#permanent-collection .pagination li.disabled:hover {
background: #fff;
}
#permanent-collection .pagination li.active:hover {
background: #aaa;
}
#permanent-collection .sorting {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
#permanent-collection .sorting label {
height: 38px;
line-height: 38px;
padding: 0 12px;
background: #fff;
color: #333;
border: 1px solid #d5d5d5;
border-radius: 1px;
border-right: none;
}
#permanent-collection .sorting select {
-wekbit-appearance: none;
-moz-appearance: none;
outline: none;
margin: 0;
padding: 0;
color: #777;
background: url(/wp-content/themes/drakeHotel/dist/images/select-arrow.png) no-repeat right #fff;
border: 1px solid #d5d5d5;
border-radius: 1px;
border-left: none;
width: 220px;
max-width: 100%;
height: 38px;
line-height: 36px;
padding-left: 8px;
}
.permanent-collection-detail .gallery__details-artist {
font-size: 6.4rem;
line-height: 1.4;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0;
}
.permanent-collection-detail .gallery__details-title {
font-size: 4.5rem;
line-height: 1.1;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 30px;
}
.permanent-collection-detail .gallery__details-medium {
font-size: 3rem;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 30px;
}
/* Oct 2020 updates */
.property-dropdown .col-md-4 {
min-height: 240px;
}
.nav-item--primary-sm .nav-item__inner {
min-height: 240px;
width: 300px;
}
.nav-item__heading span.has-logo {
width: 90%;
}
/* perspective(1px) causing blurry image */
@media (min-width: 1124px) {
.split-feature {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* set height of IG feed container */
@media (min-width: 1124px) {
.module--tile-social .col-md-6:first-child {
height: 100%;
}
}
/* Mar 2021 update for tiny laptop */
@media (max-width: 1123px) {
.module--gallery,
.module--split-feature {
height: auto !important;
}
}
/* Split Content Module */
.module--split-content .col-md-6 {
background-color: white;
background-size: cover;
background-position: center 50%;
background-repeat: no-repeat;
}
.module--split-content .heading--invert {
color: #fff;
display: inline-block;
padding: 5px 20px;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.module--split-content .heading--invert::before {
content: '';
background: #000;
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
left:0;
top:0;
box-sizing: content-box;
}
.module--split-content .heading--invert::after {
content: '';
background: #000;
position: absolute;
width: 100%;
height: 30px;
z-index: -1;
left:0;
bottom:0;
padding-right: 5px;
margin:0;
box-sizing: content-box;
}
.split-feature__copy {
text-align: justify;
}
/* override fill-viewport */
.module--split-content .module__inner .container-fluid .row {
align-items: stretch;
}
.module--split-content .module__inner .container-fluid .row .col-md-6 {
height: auto;
}
.module--split-content .split-feature {
transform: none;
-ms-transform: none;
-webkit-transform: none;
top: 0;
height: auto;
}
/*** GALLERY GRID ***/
.gallery-grid__content {
margin:0;
background: white;
}
.gallery-grid__content .image {
width: 33.333%;
padding: 10px;
}
.gallery-grid__content .image img {
width: 100%;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(../images/swipebox/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(../images/swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
#swipebox-overlay {
background: rgba(.05,.05,.05, 0.85);
}
/*** CAROUSEL BUTTONS ***/
.carousel-pager--abs {
bottom: 50%;
max-width: none;
}
.slick-arrow.slick-hidden {
display: block;
}
.slick-dots {
position: absolute;
bottom: 20px;
width: 100%;
/* overlap / click-masking issues with arrows on same vertical position */
width: 80%;
margin: 0 10%;
z-index: 420;
text-align: center;
}
.slick-dots li {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
outline: none;
background: #ffc700;
border: 0;
border-radius: 50%;
opacity: .75
}
.slick-dots li.slick-active button {
opacity: 1;
}
/*** SIDE BOOK NOW ***/
.book-now {
position: fixed;
right: 0;
top: calc(50% - (230px - 103px)); /* 230 = book now width, 103 = header height) */
transform-origin: right bottom;
transform: rotate(-90deg);
max-width: none;
max-height: none;
height: auto;
width: auto;
display: block;
}
.book-now__label {
display: inline-block;
border: 0 none !important;
height: auto;
}
/* move carousel arrows to bottom to avoid book now overlap */
.carousel-pager--abs {
bottom: 20px;
height: 20px;
display:none; /* hide them */
}
/* Adjust iframe video ( was 130%) */
.video-container__wrapper iframe {
width: 100%;
height: 100%;
}
@media (max-width: 575px) {
.vimeo-mobile .carousel-slides {
height: calc(100vw * 0.6671875); /* vimeo iframe dims 427/640 */
}
}
/* center 2 dining properties */
.booking-flow .booking-flow__panels .booking-flow__item .booking-flow__step .row {
justify-content: center;
}
/* ********************************************************* */
/* ADDITIONAL CSS BY STEVE */
.main {
overflow: hidden;
}
.mobile-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.single-video {
width: 100%;
height: 0;
padding-top: 56.25%;
position: relative;
}
#hero {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.single-video img {
display: block !important;
width: 100% !important;
height: 100% !important;
}
.hero-image {
height: 100% !important;
width: 100% !important;
}
.single-video iframe {
width: 100% !important;
}
.videoWrapper iframe,
.single-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.close-video {
width: 40px;
position: absolute;
top: 0;
height: 40px;
margin-top: 20px;
cursor: pointer;
left: 10px;
}
.close-video:before, .close-video:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
border-radius: 5px;
margin-top: -6px;
}
.close-video:before {
transform: rotate(45deg);
}
.close-video:after {
transform: rotate(-45deg);
}
.play-button {
opacity: 1;
margin-left: -30px;
margin-top: -35px;
cursor: pointer;
position: absolute;
left: 50%;
top: 50%;
width: 60px;
}
/*
.js-filter-module,
.single-events .module--image-heavy {
height: auto !important;
}
*/
#wufoo {
height: auto !important;
}
@media (min-width: 1124px) {
.mobile-link {
display: none;
}
.play-button {
margin-left: -45px;
margin-top: -50px;
width: 90px;
}
/*
.filter__tile {
min-height: 300px;
}
.filter-results__posts > div {
padding-top: 0;
}
.post-featured__content{
padding-top: 90px;
}
*/
/*#wufoo .iframe-container {
height: auto;
}*/
.property-dropdown .overlay-panel__content {
height: 100%;
}
.property-dropdown .overlay-panel__content .nav-item {
top: 50%;
transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
width: 100%;
padding: 0;
}
.property-dropdown .overlay-panel__content .col-md-4 {
position: relative;
}
.property-dropdown .overlay-panel__content .row {
align-items: stretch;
height: 100%;
}
}