.carbonite-responsive-tophtml, .carbonite-responsive-bothtml {
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 12px;
clear: both;
}
.carbonite-responsive-dashboard {
width: 100%;
max-width: 300px;
margin: 0 auto;
padding-top: 2px;
text-align: center;
background: url(//rumbleofthekings.com/wp-content/plugins/jquery-t-countdown-widget/css/carbonite-responsive/images/bg_carbon.png);
background-repeat: repeat-x repeat-y;
-moz-border-radius: 15px;
border-radius: 15px;
border: 4px groove #CCC;
}
.carbonite-responsive-dash {
width: 17%;
min-width: 23px;
max-width: 70px;
height: 48px;
display: inline-block;
vertical-align: top;
margin-left: 1%;
margin-right: auto;
position: relative;
color: #FFF;
text-align: center;
white-space: nowrap;
}
.carbonite-responsive-tripdash {
width: 18%;
min-width: 40px;
max-width: 90px;
height: 48px;
display: inline-block;
vertical-align: top;
margin-left: 1%;
margin-right: auto;
position: relative;
color: #FFF;
text-align: center;
white-space: nowrap;
}
.carbonite-responsive-weeks_trip_dash{
clear: both;
margin-left: 13%;
display: block !important;
}
.carbonite-responsive-digit {
font-family: Sans-Serif;
font-size: 1.7em;
font-weight: 600;
line-height: 1.1em;
display: inline-block;
vertical-align: top;
width: auto;
height: .7em;
position: relative;
margin-top: 4px;
margin-left: 0;
margin-right: -2px;
}
.carbonite-responsive-tripdash .carbonite-responsive-digit {
margin-right: 0 !important;
}
.carbonite-responsive-dash_title {
display: block;
position: absolute;
width: 100%;
color: #999;
text-align: center;
font-size: 10px;
margin: 0px;
top: 31px;
white-space: nowrap;
overflow: hidden;
}body:after{content:url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/close.png) url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/loading.gif) url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/prev.png) url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/next.png);display:none}.lb-disable-scrolling{overflow:hidden !important}.lightboxOverlay{position:absolute;top:0;left:0;z-index:999999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:1000000;text-align:center;line-height:0;font-weight:normal;padding:0;height:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:0}.lightbox .lb-image a img{border:none}.lightbox .lb-outerContainer{position:relative;background-color:rgba(0,0,0,0.5);*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:0}.lightbox .lb-outerContainer:after{content:"";display:table;clear:both}.lightbox .lb-container{padding:4px}.lightbox .lb-container>.nav{left:0}.lightbox .lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lightbox .lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/loading.gif) no-repeat}.lightbox .lb-prev,.lightbox .lb-next{height:100%;cursor:pointer;display:block}.lightbox .lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lightbox .lb-nav a{outline:none;background-image:url(data:image/gifbase64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lightbox .lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lightbox .lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lightbox .lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lightbox .lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lightbox .lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-radius:0}.lightbox .lb-dataContainer:after{content:"";display:table;clear:both}.lightbox .lb-data{padding:0 4px;color:#ccc}.lightbox .lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lightbox .lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lightbox .lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lightbox .lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//rumbleofthekings.com/wp-content/plugins/wp-embed-facebook/templates/lightbox/images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lightbox .lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}html, body, #dat-menu {
width: 100%;
height: 100%;
}
body.datnomargin {
margin-top: 0px!important; }
.dat-menu-setup {
position: relative;
background-color: #665140;
background-repeat: repeat;
background-position: center center;
background-size: cover;
}
.dat-menu-setup .dat-menu-container {
min-height: 100%;
position: relative;
outline: 1px solid rgba(0,0,0,0);
z-index: 10;
-webkit-transform: translateZ(0) translateX(0) rotateY(0deg); transform: translateZ(0) translateX(0) rotateY(0deg);
}
.dat-menu-setup .dat-menu-container::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0px;
opacity: 0;
background: rgba(0,0,0,0.2);
-webkit-transition: opacity 0.4s, height 0s 0.4s;
transition: opacity 0.4s, height 0s 0.4s;
}
.dat-menu-setup .dat-menu-wrapper {
position: relative;
}
.dat-menu-wrapper.dat-menu-padding {
padding-top: 0px;
}
.component {
margin: 0 auto;
width: 60%;
}
.dat-menu-setup.dat-menu-load {
position: fixed;
-webkit-perspective: 1500px;
perspective: 1500px;
}
.dat-menu-load .dat-menu-container {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dat-menu-load .dat-menu-wrapper {
-webkit-transform: translateZ(-1px);
}
.dat-menu-animate .dat-menu-container::after {
opacity: 1;
height: 101%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.dat-menu-list {
display: none;
position: absolute;
height: auto;
font-size: 26px;
line-height: 130%;
max-height: 90%;
overflow-x: hidden;
overflow-y: hidden;
padding-right: 10%;
}
.datnomargin .dat-menu-list {
display: block;
}
.dat-menu-list {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dat-menu-list {
width: 0px;
padding-left: 0px;
z-index: -1;
}
.dat-menu-load .dat-menu-list {
left: 0%;
width: auto;
padding-left: 15%;
z-index: 1;
overflow: hidden;
}
.dat-menu-list a {
display: inline-block;
font-weight: 300;
margin: 0 0 30px 0;
color: rgba(255,255,255,0.6);
text-decoration: none;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dat-menu-list a:hover {
color: #fff;
}
.dat-menu-list a {
display: block;
}
.datnomargin .dat-menu-container {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-1.dat-menu-animate .dat-menu-container {
-webkit-transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
}
.effect-2.dat-menu-animate .dat-menu-container {
-webkit-transform: translateZ(-1500px) translateX(100%) rotateY(0deg);
transform: translateZ(-1500px) translateX(100%) rotateY(0deg);
}
.effect-3.dat-menu-animate .dat-menu-container {
-webkit-transform: translateZ(0px) translateX(80%) rotateY(0deg);
transform: translateZ(0px) translateX(80%) rotateY(0deg);
}
.no-csstransforms3d .dat-menu-animate .dat-menu-container {
left: 75%;
}
.dat-menu-list > ul {
margin: 0px!important
}
li.dat-menu-header span {
font-weight: 700;
display: block;
padding-bottom: 20px;
color: #fff;
padding-top: 40px;
text-transform: uppercase;
}
ul:first-child li.dat-menu-header:first-child span {
padding-top: 0px;
}
.dat-menu-list > ul > li > ul {
margin-left: 0px;
padding-left: 0px;
}
.dat-menu-list li {
opacity: 0;
list-style: none;
padding-left: 0px;
margin-left: 0px;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.dat-menu-animate .dat-menu-list li {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.dat-menu-animate .dat-menu-list li:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.dat-menu-animate .dat-menu-list li:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.dat-menu-animate .dat-menu-list li:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.dat-menu-animate .dat-menu-list li:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.dat-menu-animate .dat-menu-list li:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.dat-menu-animate .dat-menu-list li:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.dat-menu-animate .dat-menu-list li:nth-child(8) {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.dat-menu-animate .dat-menu-list li:nth-child(9) {
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
}
.dat-menu-animate .dat-menu-list li:nth-child(10) {
-webkit-transition-delay: 0.36s;
transition-delay: 0.36s;
}
.dat-menu-animate .dat-menu-list li:nth-child(11) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.dat-menu-animate .dat-menu-list li:nth-child(12) {
-webkit-transition-delay: 0.44s;
transition-delay: 0.44s;
}
.dat-menu-animate .dat-menu-list li:nth-child(13) {
-webkit-transition-delay: 0.48s;
transition-delay: 0.48s;
}
.dat-menu-animate .dat-menu-list li:nth-child(14) {
-webkit-transition-delay: 0.52s;
transition-delay: 0.52s;
}
.dat-menu-animate .dat-menu-list li:nth-child(15) {
-webkit-transition-delay: 0.56s;
transition-delay: 0.56s;
}
.dat-menu-list {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.dat-menu-list.dat-submenu > ul > li > ul {
margin-left: 15%!important;
opacity: 0.7;
}
.dat-menu-list.dat-submenu > ul > li > ul ul {
padding-left: 0px!important;
}
.dat-menu-list.dat-submenu > ul li.has-ot-mega-menu,
.dat-menu-list.dat-submenu div {
display: none!important;
}
.dat-menu-list.dat-submenu > ul li.dat-has-sub > ul > li {
display: none;
}
.dat-menu-list.dat-submenu > ul li.dat-has-sub {
position: relative;
display: block;
}
.dat-menu-list.dat-submenu > ul li.dat-has-sub > a {
display: block;
padding-right: 50px;
}
.dat-menu-list ul li > a i {
display: none;
}
.dat-menu-list.dat-submenu > ul li.dat-has-sub:after {
position: absolute;
display: block;
content: '+';
top: 0px;
right: 0px;
color: #fff;
}
.dat-menu-list.dat-submenu > ul li.dat-has-sub.dat-sub-active:after {
content: '-';
}
.dat-menu-top-header {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 60px;
font-size: 20px;
font-weight: 700;
line-height: 40px;
padding: 10px;
text-align: center;
color: #fff;
background: #232323;
box-shadow: inset 0 30px 0 rgba(255,255,255,0.01), inset 0 -1px 0 rgba(255,255,255,0.05), 0 2px 5px rgba(0,0,0,0.2);
z-index: 100000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dat-menu-top-header a,
.dat-menu-top-header a:hover,
.dat-menu-top-header a:active {
color: #fff;
}
.dat-menu-list input[type='submit'],
.dat-menu-top-header input[type='submit'] {
display: none!important;
}
.dat-menu-top-header input[type='text'] {
display: block;
position: absolute;
height: 40px;
top: 10px;
padding: 0 15px;
line-height: 40px;
border: 0px;
background: #fff;
border-radius: 40px;
outline: none;
opacity: 0;
box-shadow: none;
width: 0px;
right: 60px;
padding: 0 15px;
width: 0px;
z-index: 100;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;font-size:16px;
}
.dat-menu-top-header input[type='text']:focus {
right: 60px;
width: 62%;
opacity: 1;
}
.dat-menu-top-header a.dat-menu-menu {
display: block;
float: left;
width: 40px;
height: 40px; background-size: 40px 40px;
text-decoration: none;
}
.dat-menu-top-header a.dat-menu-search {
display: block;
float: right;
width: 40px;
height: 40px; background-size: 40px 40px;
text-decoration: none;
}
.dat-menu-list .dat-menu-search-block input[type='text'] {
display: block;
height: 40px;
padding: 0 15px;
line-height: 40px;
width: 100%;
border: 0px;
border-radius: 40px;
color: #fff;
outline: none;
background: transparent;
position: relative;
z-index: 10;
border: 1px solid rgba(255,255,255,0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dat-menu-list .dat-menu-search-block input[type='text']:focus {
color: #232323;
background: #fff;
border: 1px solid #fff;
}
ul#dat-menu-list-inner {
padding-left: 0px!important;
}
.dat-menu-temp {
display: none!important;
}
.admin-bar:not(.datnomargin) .dat-menu-top-header {
margin-top: 32px;
}
.dat-menu-top-header > img {
display: inline-block;
max-width: 70%;
max-height: 35px;
}
@media screen and (max-width: 782px) {
.admin-bar:not(.datnomargin) .dat-menu-top-header {
margin-top: 46px;
}
}
@media screen and (max-width: 77em) {
.dat-menu-list.top {
top: 15%;
}
.dat-menu-list.bottom {
bottom: 15%;
}
}
@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {
.dat-menu-load .dat-menu-list {
padding-left: 15%;
}
}
@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
.dat-menu-list {
font-size: 17px;
width: 6.8em;
}
}
@media screen and (max-height: 31.6em) {
.dat-menu-list a {
margin-bottom: 20px;
}
}