#layout_wrapper, .layout-wrapper {
width:100% !important;
min-width:1000px !important;
max-width:70rem !important;
margin-left:auto;
margin-right:auto;
}


/* Large screens --- */
@media only screen
and (min-width : 1824px) {
/* Styles */
#layout_wrapper, .layout-wrapper
{
max-width:90rem !important;
margin-left:auto;
margin-right:auto;
}
}



.ce-button {
background-image:none !important;
background-color:#d4d4d4 !important;
transition:background-color .5s ease;
color:#000 !important;
}
.ce-button:hover {
background-image:none !important;
background-color:#a8a9aa !important;
color:#000 !important;
}


.layout-top-section header,
.layout-top-section #header_cell {
z-index:1;
}

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span {
font-family:Roboto,sans-serif !important;;
font-weight:bold !important;
text-transform:uppercase;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-weight:normal !important;
text-transform:none;
}

.bg-color-2, .bg-color-2 nav, ul.horizontal.site-menu  { background-color:#051d49 !important; }

ul.horizontal.site-menu ul.sub-menu {
	position:absolute;
	left:0;
	top:48px !important;
	max-height:0;
	overflow:hidden;
	transition:max-height .5s cubic-bezier(0.42, 0.0, 1.0, 1.0);
	transform:none !important;
	-webkit-transform:none !important;
box-shadow:4px 4px 8px #000 !important;
}
ul.horizontal.site-menu > li:hover ul {
	opacity:1;
     max-height:1000px;
     -webkit-transform:none;

}
ul.horizontal.site-menu li span span { background-image:none !important; padding-right:10px !important;
}
ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:#af170c !important;
}
ul.horizontal.site-menu { width:auto !important; float:right; }

ul.horizontal.site-menu ul.sub-menu li {
background-color:#051d49 !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#af170c !important;
}
.top-line {
position:absolute;
right:0px;
top:20px;
max-width:600px;
}
.social-network-panel {
position:relative;
z-index:100;
}
.top-line #non_member_panel .login-link {
background-color:#051d49 !important;
font-family:Roboto,sans-serif;
color:#FFF;
border-radius:0px !important;
font-size:15px !important;
padding:8px 15px !important;
text-transform:uppercase;
}
h1,h2,h3 {
font-weight:300 !important;
}
.below-content.bg-color-2,
.bottom-wrapper.bg-color-2,
footer {
background-color:#051d49;
}
.horizontal.control-panel-link {
z-index:100;
position:relative;
z-index:30;
margin-right:30px;
}
.user-tools {
margin-top:0px;
}
#mobile_layout_wrapper .layout-wrapper {
min-width:initial !important;
max-width:100% !important;
}

/**** I don't know who did this media query - but it's wrong - MV ***/
@media screen and (max-width: 480px) and (min-width: 320px) and (orientation: portrait), screen and (max-width: 667px) and (min-width: 375px) and (orientation: portrait) {
.column.third {
    width: 100%;
    margin-bottom: 20px;
}
}



#fleet_list .repeater_heading {
margin-bottom:0px;
}
#fleet_list .display-col {
box-sizing:border-box;
padding:5px;
}
#fleet_list .display-col br {

}
#fleet_list .display-row {
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
font-size:14px;
}
#fleet_list .display-col3,
#fleet_list .display-col2 {
min-height:64px;
}
#fleet_list .repeater_heading {
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
border-top:1px solid #cdcdcd;
box-sizing:border-box;
}
#fleet_list .heading-title {
padding:5px;
}

#fleet_list .display-col3 {
border-left:1px solid #cdcdcd;
}


@media (min-width : 768px) and (max-width : 1024px)and (orientation:portrait) {
.below-content.bg-color-2 { display:none; }
/* Styles */
}

@media (min-width : 768px) and (max-width : 1024px)and (orientation:landscape) {
.below-content.bg-color-2 { display:none; }
/* Styles */
}

#collectible_item_details .delete-link {display:none;}
#committee_members .email-image {display:none;}
  
ul.site-menu li, ul.site-menu ul.sub-menu li, ul.site-menu ul.sub-menu li.submenu-name:hover, ul.site-menu ul.sub-menu {
  background-color: transparent;
}