@charset "UTF-8"; /* GLOBAL*/ body { background-color: #F5F1E8; font-family: 'Lato'; } .container .row .header { } h1, h2, h3, h4, h5, h6 { font-family: Lato; font-weight: 600; margin-top: 0px; margin-bottom: 0px; padding-bottom: 20px; padding-top: 0px; text-decoration: none; } a { color: #A21D22; text-decoration: none; } a:hover, a:focus { color: #000000; text-decoration: none; } p { font-family: Lato; font-size: 18px; line-height: 28px; text-align: left; } .container .row .header { margin-bottom: 0px; } .container .row .header { margin-left: -15px; margin-right: -15px; } .tltle h1 { font-family: Lato; font-size: 30px; text-align: center; text-transform: uppercase; font-weight: 700; margin-top: 40px; margin-bottom: 0px; padding-bottom: 0px; color: #A21D22; text-decoration: none; } .tltle h1 a { font-family: Lato; font-size: 30px; text-align: center; text-transform: uppercase; font-weight: 700; margin-top: 40px; margin-bottom: 0px; padding-bottom: 0px; color: #A21D22; text-decoration: none; } .tltle h1 a:hover { font-family: Lato; font-size: 30px; text-align: center; text-transform: uppercase; font-weight: 700; margin-top: 40px; margin-bottom: 0px; padding-bottom: 0px; color: #A21D22; text-decoration: none; } .tltle h2 { text-align: center; padding-top: 10px; font-size: 24px; } .navbar.navbar-inverse { margin-bottom: 0px; background-color: #726D66; border-style: none; border-radius: 0px; margin-left: auto; margin-right: auto; text-align: center; } .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; } .navbar .navbar-collapse { text-align: center; } .navbar.navbar-inverse .container-fluid #inverseNavbar1 { margin-left: auto; margin-right: auto; } .navbar-inverse .navbar-nav li a { color: #fff; font-family: Lato; font-size: 14px; text-transform: uppercase; font-weight: 300; margin-left: auto; margin-right: auto; float: none; /* [disabled]display: inline-block; */ padding-top: 15px; padding-bottom: 15px; text-decoration: none; } .nav.navbar-nav .dropdown ul { background-color: #726D66; opacity: 0.9; margin-top: 5px; padding-top: 0px; padding-bottom: 0px; } .navbar-inverse .navbar-nav > .open > a , .navbar-inverse .navbar-nav >.open > a:hover ,.navbar-inverse .navbar-nav > .open >a:focus { background-color: #aca79f; color: #ffffff; font-size: 14px; text-decoration: none; } .dropdown .dropdown-menu { margin-top: 10px; } .dropdown .dropdown-menu ul li a { color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Lato'; /* [disabled]padding-top: 0px; */ /* [disabled]padding-bottom: 0px; */ text-decoration: none; padding-left: 0px; } .dropdown .dropdown-menu ul li a:hover { color: #D2CFCB; background-color: #726D66; font-size: 14px; text-transform: uppercase; font-family: 'Lato'; letter-spacing: 0px; /* [disabled]padding-top: 0px; */ /* [disabled]padding-bottom: 0px; */ text-decoration: none; } .dropdown-menu li a { background-color: #726D66; padding-left: 12px; padding-right: 10px; color: undefined; font-size: 14px; border-bottom: 1px dotted #fff; /* [disabled]padding-top: 0px; */ /* [disabled]padding-bottom: 0px; */ text-decoration: none; } .dropdown-menu li a:hover { background-color: #726D66; padding-left: 12px; padding-right: 10px; color: #D2CFCB; font-size: 14px; /* [disabled]padding-top: 0px; */ /* [disabled]padding-bottom: 0px; */ text-decoration: none; } .main h3 { color: #A21D22; font-family: 'Lato'; font-size: 18px; font-weight: 700; text-align: center; padding-top: 15px; padding-bottom: 5px; } .main .announcement { margin-top: 30px; margin-bottom: 30px; } .announcement h4 { margin-top: 10px; font-weight: 600; text-align: center; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; font-size: 14px; line-height: 1.5; font-family: Lato; } .announcement h4 .bullets { text-align: center; color: rgba(148,6,9,1.00); letter-spacing: 4px; font-weight: normal; } .main p { color: #030200; font-family: 'Lato'; font-weight: 300; text-align: center; font-size: 16px; line-height: 24px; padding-left: 14px; padding-right: 4px; letter-spacing: 0px; } .main p bold { color: #726D66; font-family: 'Lato'; font-weight: 700; text-align: center; font-size: 16px; line-height: 24px; padding-left: 14px; padding-right: 4px; letter-spacing: 1px; } .col-md-4.col-md-offset-0.col-sm-offset-0.col-sm-6.col-xs-offset-0.col-xs-12.col-lg-4 p .bold { font-weight: 700; } .main p a { font-family: 'Lato'; font-weight: 700; font-size: 14px; } .main p a:hover { font-family: 'Lato'; font-weight: 700; font-size: 14px; color: #625D5D; text-decoration: none; } .main img { margin-top: 30px; margin-left: auto; margin-right: auto; } .list-centered { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .list-centered li { float: left; text-decoration: none; } .list-centered li a { float: left; text-decoration: none; } #carousel-example-generic { margin-bottom: 30px; } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .footer { margin-top: 40px; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .main p a { color: #A00F12; font-weight: 900; } .main p a { color: #A00F12; font-weight: 900; } .main p a { color: #A00F12; font-weight: 900; } .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .footer .row { margin-top: 40px; clear: both; margin-left: auto; margin-right: auto; } .footer ul li { display: inline-block; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; /* [disabled]color: #A21D22; */ font-size: 12px; text-transform: uppercase; font-family: 'Lato'; font-weight: 700; float: none; /* [disabled]float-offset: none; */ /* [disabled]text-align: center; */ } .footer p { color: #6E6767; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: center; } .footer img { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; } footer .row .insta .img-responsive { padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } form { margin-right: auto; margin-top: auto; margin-left: auto; margin-bottom: auto; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; } .footer .row .col-lg-2.col-md-offset-0.col-sm-3.col-sm-offset-0.col-xs-offset-4.col-md-2.col-xs-4 { text-align: center; } @media (min-width:950px) and (max-width:1199px){ footer .row .insta .img-responsive { padding-left: 75px; padding-right: 75px; margin-left: auto; margin-right: auto; } } @media (min-width:768px) and (max-width:991px){ .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav >.open > a:hover, .navbar-inverse .navbar-nav > .open >a:focus { padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-right: 5px; } .nav.navbar-nav li a { padding-left: 7px; padding-right: 7px; } footer .row .insta .img-responsive { padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; } } @media (min-width:650px) and (max-width:767px){ .dropdown ul li a { color: #F5F1E8; } .tltle h1 a { font-size: 23px; } .tltle h2 { font-size: 22px; } .navbar-inverse .navbar-nav li a { font-size: 12px; text-transform: uppercase; margin-left: auto; margin-right: auto; float: none; /* [disabled]display: inline-block; */ } footer .row .insta .img-responsive { padding-left: 50px; padding-right: 50px; margin-left: auto; margin-right: auto; } } @media (max-width:649px){ .tltle h1 a { font-size: 20px; } .tltle h2 { font-size: 18px; } .header { margin-top: 0px; margin-bottom: 0px; } .container .row .header { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .navbar-inverse .navbar-toggle { border-color: #FFFFFF; } .main .img-responsive { margin-left: auto; margin-right: auto; } .main p { color: #726D66; font-family: 'Lato'; font-weight: 300; text-align: center; font-size: 16px; line-height: 24px; padding-left: 25px; padding-right: 25px; } footer .row .insta .img-responsive { padding-left: 24px; padding-right: 31px; margin-left: auto; margin-right: auto; } } @media (max-width:500px){ .header .tltle h1 { font-size: 16px; } footer .row .insta .img-responsive { padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } }