/*! 
* https://westporthoa.info
* 
* Author G.J. Hagopian 
*/
body {
    font-size: 1.5em;
}

/* NEW */	
.submenu {background-color: #fff; position: fixed; top: 0; left: 269px; z-index: 1030; padding: 8px; margin: 50px 10px 0px 10px; border: 1px solid #ccc; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 0 0 10px 10px;}
/* NEW */	
.submenu > a {display: block; padding: 8px; color: #000;}
.submenu > a:hover {background: #000; color: #fff; border-radius: 5px; }
/* NEW */	
.android {background-color: white; position: fixed; top: 0; left:0; z-index: 1030; min-width: 350px; max-width: 350px; padding-bottom: 15px; margin: 50px 10px 0px 10px; border: 1px solid #ccc; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 0 0 10px 10px; margin-top: 50px !important;}


.container-fluid {
     padding: 0;
 }

 .container-fluid > .navbar-header {
     background-color: #F39C12;
     color: #000;
 }

 .flexit {
        display: flex; 
        align-items: stretch;
} 

 .disable-events {
     pointer-events: none !important;
 }

 .color-mainfill {
     background-color: #F39C12;
     height: auto;
 }

 .navbar-default .navbar-nav > li > a {
     color: #000;
     background-color: transparent;
     padding: 15px 8px 15px 8px;
     font-size: .95em;
	 border: 0;
 }

 .navbar-default .navbar-nav > li > a:hover {
     color: #fff;
     background-color: #000;
 }

 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .active > a {
     background-color: #fff;
     color: #000;
 }

 .navbar-default .navbar-toggle {
     background-color: #000;
     color: #fff;
     margin-right: 12px;
 }

 .navbar-default .navbar-toggle .icon-bar {
     background-color: #fff;
 }

 .navbar-default .navbar-toggle:hover {
     background-color: #000;
     color: #fff;
     font-size: 1em;
 }

 .navbar-brand {
     padding: 4px 10px 0 20px !important;
 }

 img.nav-brand-img {
     height: 42px;
     width: auto;
 }

 #main-menu {
     height: 50px !important;
 }

 #mobile-menu-wrapper {
     border: 0;
     padding: 1px 0;
 }

 #mobile-menu-ul.dropdown-menu {
     border: 0;
     -webkit-transition: all .5s ease-out;
     transition: all .5s ease-out;
     transform: rotateX(90deg);
     transform-origin: top;
     opacity: .75;
     display: block;
 }

 .open #mobile-menu-ul.dropdown-menu {
     opacity: 1;
     transform: rotateX(0deg);
     transform-origin: top;
 }

 .dropdown-menu {
     background-color: #F39C12;
     order: 0;
     padding: 1px 0;
 }

 .dropdown-menu > li > a {
     display: block;
     padding: 10px 20px;
     font-weight: normal;
     color: #000;
     white-space: nowrap;
 }

 .dropdown-menu > .active > a {
     background-color: #fff;
     color: #000;
     letter-spacing: 0.05em;
     font-size: 12px;
 }

 .dropdown-menu > a:hover {
     background-color: #000;
     color: #fff;
     font-size: 12px;
 }

 .mobile-menu-item {
     display: block;
     font-weight: normal;
     color: #000 !important;
     background-color: #e9e9e9;
     white-space: nowrap;
     padding: 10px 0 10px 0;
     font-size: 1em;
     border:0;
 }

 .mobile-menu-item:visited,
 .mobile-menu-item:active,
 .mobile-menu-item:focus 
{
     text-transform: none;
     text-decoration: none;
}
 .mobile-menu-item:hover
 {
     text-transform: none;
     text-decoration: none;
     color: #fff !important;
     background-color: #000 !important;   
 }

 .bkg-black {
	 background-color: #000;
 }

 .btn-black,
 .btn-black:visited {
     color: #fff;
     background-color: #000;
     border-color: #000;
	 border-radius: 5px;
	 padding: 6px 12px;
 }

 .btn-black:hover {
     color: #000;
     background-color: #F39C12;
     border-color: #F39C12;
	 text-decoration: none;
	 transform: none;
 }

 .btn-yellow {
     color: #000 !important;
     background-color: #fff;
     border: 1px solid #F39C12;
     padding: 3px 6px;
 }

.bkg-white {
     background-color: #fff;
}

 .bkg-gray {
     background-color: #dedede;
     color: #000;
     border-radius: 10px;
     padding: 10px;
 }

 .yellow {
     color: #F39C12;
 }

 .btn-white, 
 .white {
     color: #fff;
 }

 .black {
     color: #000;
 }

 .red {
    color: #b20000;
	border-color: #b20000 !important;
 }
 .bred {
	 border-color: #b20000;
 }

 .r-red,
 .r-red:hover{
	 border-color: #b20000 !important;
	 border-width: 1px 7px 1px 7px;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 }
 .bkgred {
	 background-color: #b20000 !important; color: #fff; opacity: 50;
 }

.bkgsel {
	 border-color: #31708f !important;
	 border-width: 1px 5px 1px 5px;
	 box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 }

 .caption {
     padding-bottom: 5px !important;
 }

 #contact-send:hover,
 #newsletter-send:hover,
 a[name="btn-more-sm"]:hover,
 a[name="btn-more-xs"]:hover {
     color: #000;
     background-color: #F39C12;
     border-color: #F39C12;
 }

 .icon-lg {
     font-size: 25px !important;
     color: #fff !important;
 }

 .icon-md {
     font-size: 18px !important;
     color: #fff !important;
 }

 .icon-xs {
     font-size: 12px !important;
     color: #fff !important;
 }

 .footer-text-lg {
     font-size: 1.8em;
     color: #F39C12;
 }

 .footer-text-sm {
     font-size: 1.2em;
     color: #fff;
 }

 .pos-bottom {
     position: sticky;
     bottom: 0;
     left: 0;
 }

 .row {
     margin: 0;
 }

 .m-0 {margin: 0 !important;}

 .m-5 {margin: 5px !important;}

 .m-t0 {
     margin-top: 0 !important;
 }

 .m-t5 {
     margin-top: 5px !important;
 }

 .m-t10 {
     margin-top: 10px;
 }

 .m-t15 {
     margin-top: 15px;
 }

 .m-t20 {
     margin-top: 20px;
 }

 .m-t30 {
     margin-top: 30px;
 }
 .m-b0 {
     margin-bottom: 0 !important;
 }
 .m-b3 {
     margin-bottom: 3px !important;
 }
 .m-b5 {
     margin-bottom: 5px !important;
 }
 .m-b10 {
     margin-bottom: 10px;
 }

 .m-b20 {
     margin-bottom: 20px;
 }

.m-lr2 {
	margin-left :2px; margin-right: 2px;
}

 .m-b20 {
     margin-bottom: 20px;
 }

 .m-l10 {
     margin-left: 10px;
 }

 .m-r10 {
     margin-right: 10px;
 }
 .m-l20 {
     margin-left: 20px;
 }

 .p-0 {
     padding: 0;
 }

 .p-2 {
	padding: 2px;
 }

 .p-10 {
     padding: 10px;
 }

 .p-b0 {
	padding-bottom: 0;
 }

 .p-r30 {
     padding-right: 30px;
 }

 .p-r40 {
     padding-right: 40px;
 }

.p-l5 {
     padding-left: 5px;
 }

.p-l10 {
     padding-left: 10px;
 }

.p-l20 {
     padding-left: 20px;
 }

 .p-l30 {
     padding-left: 30px;
 }

 .p-l40 {
     padding-left: 40px;
 }

.p-t10 {
     padding-top: 10px;
 }

 .p-t25 {
     padding-top: 25px;
 }

.p-b20{
	padding-bottom: 20px;
}

.w-33 {
	width: 33%;
}

.w-48 {
	width: 48%;
}

.w-50 {
	width: 50%;
}

.w-80 {
	width: 80%;
}

.w-100 {
	width: 100%;
}

 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 400;
     margin-top: 0;
 }

h5 {
  font-size: 1.25em; 
  font-weight: 300;
}

 .text-bold {
     font-weight: 400;
 }

 .thumbnail {
     display: block;
     padding: 4px;
     margin-bottom: 0px;
     line-height: 1.42857143;
     background-color: transparent;
     border: 0px solid #dddddd;
     border-radius: 0px;
     -webkit-transition: border 0.2s ease-in-out;
     -o-transition: border 0.2s ease-in-out;
     transition: border 0.2s ease-in-out;
 }

 .help-block {
     font-size: .8em;
 }

 #contact-form > div > label,
 #newsletter-form > div > label {
     font-weight: 400;
 }

 img.social {
     width: 20px;
     height: 20px;
     opacity: 50%;
 }

 #mgtgroup {
     font-size: 14px;
 }

 .footer-bottom {
     position: fixed;
     bottom: 0;
     min-width: 100%;
 }

 .img-footer {
     background-image: url('../img/footerimgdark.jpg');
     background-origin: border-box;
     background-repeat: no-repeat;
     background-position: center top;
     background-size: 200%;
     padding-bottom: 10px;
 }

 .ui-widget-content a {
     color: #fff;
 }

 .wline {
     display: inline-block;
 }

 #bod1 > .col-xs-6,
 #bod1 > .col-xs-3 {
     margin-bottom: 10px;
 }

 #bod1 > .col-xs-6 > .well,
 #bod1 > .col-xs-3 > .well {
     margin-bottom: 0;
 }

 #bod1 > .col-xs-6 > .well > p,
 #bod1 > .col-xs-3 > .well > p {
     margin-bottom: 0;
 }

 .ui-widget input {
    font-size: 1em;
 }

.ui-widget-content {
    border: 0 solid transparent !important;
}

.ui-dialog .ui-dialog-title {
    width: auto !important;
    font-size: 1em;
    
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 25%;
    width: 35px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 35px;
	font-size: 20px;
}
     
 #bprotect {
     display: none;
     z-index: 100;
     opacity: 0.60;
     filter: Alpha(opacity=50);
     background-color: #000;
     min-width: 100%;
     min-height: 100%;
     position: fixed;
     top: 50px;
     left: 0;
     bottom: 0;
 }

 #welcome {
     display: block;
     z-index: 99;
     opacity: 1.0;
     filter: Alpha(opacity=70);
     background-color: transparent;
     color: #b20000;
     height: fit-content;
     max-width: fit-content;
     border-radius: 5px;
     float: right;
     margin: 5px 10px 10px;
     white-space: nowrap;
 }

 #mheader {
     margin-top: 0;
     font-size: 2.25em;
     font-weight: 300;
     -webkit-tap-highlight-color: transparent !important;
 }

a:focus,
a:-webkit-autofill,
a:-webkit-autofill:hover,
a:-webkit-autofill:focus,
.btn:focus, 
.form-control:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  outline: none !important;
  box-shadow: 0 !important;
  -webkit-box-shadow: 0 !important;
}

.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noSelect:focus {
    outline: none !important;
}

.posbottom{
    position: fixed; 
    bottom: 0px; 
    width: 100%;
}

.posfloat{
    position: absolute; 
    width: 100%;
}

.notrans {text-decoration: none !important; transform: none !important;}

 @keyframes chgheight {
     from {
         height: 0px;
     }

     to {
         height: 200px;
     }
 }

 @media (max-width: 900px) {
    
     .navbar-default .navbar-nav > li > a {
         letter-spacing: 0 !important;
     }
     
     #bod1 {
         padding-left: 0;
         padding-right: 0;
     }

     #mobile-menu-wrapper,
     #mobile-search-wrapper {
         display: block;
         max-width: 70px;
     }

     h2 {
         font-weight: 300;
         padding-top: 10px;
     }

     hr {
         background-color: #000; color: #000;
         border: 0.025em solid #000;
     }

     #welcome {
         display: block;
         z-index: 99;
         opacity: 1.0;
         filter: Alpha(opacity=70);
         background-color: transparent;
         color: #b20000;
         height: fit-content;
         max-width: fit-content;
         border-radius: 5px;
         float: right;
         margin: 5px 10px 10px;
         white-space: nowrap;
     }
 }

 @media (min-width:901px) {

     .navbar-default .navbar-nav > li > a {
         letter-spacing: 0 !important;
     }
     
     .navbar-default .navbar-nav > li > a {
         letter-spacing: 0 !important;
     }

     #bod1 {
         padding-left: 60px;
         padding-right: 60px;
     }

     #mobile-menu-wrapper,
     #mobile-search-wrapper {
         display: none;
         max-width: 70px;
     }

     #news1 {
         display: none;
     }
     .ui-dialog .ui-dialog-title {
         width: 50% !important;
     } 
 }

 @media (max-width:900px) {
     .container-fluid > .navbar-header {
         margin: 0;
     }

     .container-fluid > .navbar-collapse {
         margin: 0;
     }
     
 }

@media (max-width: 900px) {
    
     #main-menu {
         display: none;
     }
     #mobile-menu {
         display: block;
     }
}

@media (min-width: 901px) {
    
     #mobile-menu {
         displaY: none;
     }

     #main-menu {
         display: block;
     }
     
    
}