﻿/* XenForo Header BEGIN */
.p-header {
    background-image: url('/assets/images/cruising-earth/cruising-earth-header-background.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 1200px 75px !important;
}
@media (max-width: 650px) {
    .p-nav-smallLogo {
        background-image: url('/assets/images/cruising-earth/cruising-earth-header-background.png') !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        max-width: unset !important;
        height: auto;
        padding: 10px 5px;
    }
}
@media (max-width: 480px) {
    .p-nav-smallLogo {
        padding: 15px 2px;
    }
}
/* XenForo Header END */
/* XenForo Fix Menu Issues (potential fix in 2.3+, not applied directly to .menu-content yet) BEGIN */
.menu-content {
    overflow: auto;
    max-height: 450px;
    max-height: 80vh;
}
/* XenForo Fix Menu Issues END */
/* XenForo Forum Home Node List - CV6 Node Icons & Tools: Submenu Overflow Fix BEGIN */
[data-template-name="public:forum_list::sub_nodes_flat"] {
    .node-subNodeFlatList > li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/* XenForo Forum Home Node List - CV6 Node Icons & Tools: Submenu Overflow Fix END */
/* XenForo Adjust Font Awesome Icon Alignment In Widgets BEGIN */
[data-template-name="public:widget_html"] {
    dt i svg {
        vertical-align: -.2em !important;
    }
}
/* XenForo Adjust Font Awesome Icon Alignment In Widgets End */
/* XenForo Home Page BEGIN */
.p-body-sideNavTrigger {
    text-align: left !important;   
}
.p-body-sideNavTrigger .button {
    background-color: #dbdee2 !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 1px #909193 inset, 0 1px 0 #FFFFFF !important;
}
.p-body-sideNavTrigger .button:before {
   color: #141414 !important;
   font-size: 24px !important;
}
.p-body-sideNavTrigger .button-text {
    color: #141414 !important;
    font-size: 18px !important;
    font-family: Tahoma,Verdana,Geneva,sans-serif;
}
/* XenForo Home Page End */
/* XenForo Notices BEGIN */
a.notice-dismiss {
    position: relative;
    z-index: 199;
}
.notice-content-inner {
    background: #dfeefb;
    border: 1px solid #8c8c8c;
    padding: 12px;
    text-align: center;
}
.notice-content-inner h1 {
    font-size: 15px;
    font-weight: normal;
    margin: 10px 0;
}
.notice-content-header {
    display: block;
    font-size: 26px;
    font-weight: bold;
}
/* XenForo Notices END */
/* XenForo Footer BEGIN */
.p-footer-copyright {
    text-align: center !important;
}
.footer-logo {
	width: 400px;
	height: auto;
    padding-bottom: 10px;
}
.footer-links i {
	color: #ffffff;
	font-size: 28px;
	width: 1.6em;
}
.footer-links i:hover {
	color: #f9ad1b;
}
/* XenForo Footer END */
/* Xenforo - Ads Manager 2 AdBlock Notice BEGIN */
#samNotice {
    border-radius: 10px;
    border: 1px solid rgba(0,100,213,1.0);
    background: rgba(33,95,187,.9);
    padding: 10px;
    font-size: 1.067em;
    color: rgb(250,250,250);
}
#samNotice #samDismiss {
    font-size: 2em;
    color: rgb(250,250,250);
    font-weight: bold;
}
.adblock-head {
    text-align: center;
    font-size: 20px;
}
.adblock-message {
    border-radius: 5px;
    background: rgb(237, 242, 252);
    padding: 5px 10px;
    margin: 1em auto;
    color: #000;
}
.adblock-closing {
    text-align: center;
    margin: 10px;
}
/* Xenforo - Ads Manager 2 AdBlock Notice END */
/* Adsense Ads BEGIN */
.ad-below-header, .ad-above-footer, .ad-cameras-below, .ad-trackers-below, .ad-info-general, .ad-info-recipes, .ad-recipes-sidebar-right, .ad-resources-info {
    margin: auto;
	display: none;
}
@media all and (min-width: 290px) {
    .ad-cameras-below, .ad-trackers-below, .ad-info-general, .ad-info-recipes, .ad-resources-info {
        display: inline-block;
        width: 250px;
	    height: 250px;
     }
}
@media all and (min-width: 340px) {
    .ad-cameras-below, .ad-trackers-below, .ad-info-general, .ad-info-recipes, .ad-resources-info {
  	    width: 300px;
	    height: 250px;
    }
    .ad-below-header, .ad-above-footer {
        display: inline-block;
        width: 320px;
        height: 100px;
    }
}
@media all and (min-width: 376px) {
    .ad-cameras-below, .ad-trackers-below, .ad-info-general, .ad-info-recipes, .ad-resources-info {
  	    width: 336px;
	    height: 280px;
    }
}
@media all and (min-width: 480px) {
    .ad-below-header, .ad-above-footer {
        width: 468px;
        height: 280px;
    }
}
@media all and (min-width: 741px) {
    .ad-below-header, .ad-above-footer {
        width: 728px;
        height: 90px;
    }
}
@media all and (min-width: 880px) {
    .ad-recipes-sidebar-right {
	    display: inline-block;
	    width: 160px;
	    height: 600px;
    }
}
@media all and (max-width: 767px) {
    .ad-cameras-sidebar-right, .ad-trackers-sidebar-left {
	    display: none;
    }
}
@media all and (min-width: 768px) {
    .ad-cameras-below, .ad-trackers-below {
	    display: none;
    }
    .ad-cameras-sidebar-right, .ad-trackers-sidebar-left {
        display: inline-block;
	    width: 160px;
	    height: 600px;
    }
}
@media all and (min-width: 1000px) {
    .ad-below-header, .ad-above-footer {
        width: 970px;
        height: 250px;
    }
}
/* Adsense Ads END */
/* Weather Alert BEGIN */
.weather-alert-image-container {
    text-align: center;
    animation: pulse 10s infinite;
}
.weather-alert-image-container:hover {
    animation: unset;
}
@keyframes pulse {
    0% { opacity: 1.0; }
    30% { opacity: 1.0; }
    50% { opacity: .3; }
    70% { opacity: 1.0; }
    100% { opacity: 1.0; }
}
.weather-alert-image img {
  	height: 25px;
  	width: 275px;
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 1.0);
}
.weather-alert-text-no-scroll {
	color: #FF0000;
	font-size: 16px;
	text-align: center;
}
.weather-alert-text {
	color: #FF0000;
	font-size: 16px;
	height: 22px;
	overflow: hidden;
    position: relative;
}
.scroll-left {
    position: absolute;
    white-space: nowrap;
    transform: translateX(100%);
    animation: scroll-left 25s linear infinite;
}
@keyframes scroll-left {
    0% {
        transform: translateX(100%); 
    }
    100% {
        transform: translateX(-100%); 
    }
}
/* Weather Alert END */