/* ================================================================================= Project Information Theme Name: CMDS Online Theme Child Theme URI: http://www.cmdsonline.com Description: Custom WordPress theme framework for CMDS clients. Version: 1.2 Author: CMDS Online Author URI: http://www.cmdsonline.com Tags: fixed width, one column, two columns right, two columns left, three columns, seo friendly, html5, css3, jQuery Template: cmds_theme ================================================================================= */ /******************** FONT LIST **********************/ /************ BOOTSTRAP CUSTOMIZATIONS ************/ @media (min-width:1200px){} @media (min-width:992px){} /*********** CMDS Helper Classes *************/ .absolute { position:absolute; } .relative { position:relative; } .vertical-align { display: table-cell; vertical-align: middle; } .bg-white { background:#ffffff; } .bg-dark-green { background:#488728; } .bg-light-green { background:#5d9c32; } .bg-lime-green { background:#5eb846; padding-bottom:20px; } .bg-orange { background: #ef5430; } .no-side-padding { padding-left:0px !important; padding-right:0px !important; } .no-right-padding { padding-right:0px !important; } .no-left-padding { padding-left:0px !important; } .no-top-padding { padding-top:0px !important; } .no-bottom-padding { padding-bottom:0px !important; } .padding-bottom { padding-bottom:11px; } .padding-top-large { padding-top:140px; } .margin-top-large { margin-top: 120px; } .yellow-text { color:#f6f192; } /*********** CMDS General Tag Styles *************/ body { font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; margin:0px; color:#4f3329; background: url(images/site-bg-repeater.jpg) repeat; } #site-wrapper {} sup { vertical-align: baseline; position: relative; top: -0.4em; } p { font-family: 'Open Sans', arial, sans-serif; margin: 0 0 20px 0; font-weight: normal; font-size: 15px; } a { color:#3097ef; } a:hover { color:#3097ef; } h1 { margin-bottom: 15px; } h2 { font-weight: 400; } h3 { font-weight: 400; } h4 { } h5 { } h6 { } ::-webkit-input-placeholder { color:#efc39d; opacity: 1 !important; } :-moz-placeholder { /* Firefox 18- */ color:#efc39d; opacity: 1 !important; } ::-moz-placeholder { /* Firefox 19+ */ color:#efc39d; opacity: 1 !important; } :-ms-input-placeholder { color:#efc39d; opacity: 1 !important; } .placeholder { color: #efc39d !important; opacity: 1 !important; } /******* Header Styles *******/ #header {} #top-header-bar { background: url(images/top-head-bg.png) repeat-x; width:100%; min-height:162px; position:absolute; z-index:3; } #top-brown-bar { height:52px; } #inner-top-header-bar { position:relative; } #logo {} .mobile-logo { padding-top:12px; } header a {} header a:hover {} header a:visited {} /***** Navigation Styles *****/ #nav li { float:right; line-height:19px; background: url(images/nav-sep.jpg) no-repeat right center; } #nav li:hover { color:#ebd5c0; } #nav li:active { color:#ebd5c0; } #nav li a { color:#1c170f; padding-left:24px; padding-right:24px; } #nav li a:hover { color:#ebd5c0; } #nav li a:active { color:#ebd5c0; } .last-nav-item { background:none !important; } .nav { width:100%; font-size:19px; position:relative; z-index:6; padding-top:21px; } .nav li.current_page_item a, .nav li.current-menu-item a, .nav li.current-category-ancestor a, .nav li.current-post-ancestor a { background-color:#1c170f; color:#ebd5c0 !important; } .nav li a:hover, .nav li a:focus { background-color:#1c170f; color:#ebd5c0 !important; } .nav li a:after {} .nav li a:hover:after {} .nav li .current:after, .nav li .current-menu-item:after, .nav li .current-menu-ancestor:after , .nav li .current-menu-item:after{} .navbar-nav > li { } /*offsets with .nav li a */ .sub-menu li { display: inline; } .sub-menu { } .sub-menu ul { } .sub-menu ul li { } /**** Homepage Styles ****/ #home-logo { position:absolute; z-index:4; top:57px; left:-28px; } #home-hero { position:relative; background-size:cover; width:100%; min-height:507px; overflow: hidden; } #home-hero .container h2 { position:relative; z-index:5; font-size:51px; color:#f9f7c7; text-transform:uppercase; font-family: 'Open Sans', Arial, sans-serif; margin:0px; padding:20px 0px 20px 0px; } #home-hero .container h3 { position:relative; z-index:5; font-size:42px; color:#f8f390; text-transform:uppercase; font-family: 'Open Sans', Arial, sans-serif; margin:0px; padding:20px 0px 20px 0px; } #home-hero .container a { position:relative; z-index:5; font-size:30px; border:1px solid #c83918; color:#ffffff; text-transform:uppercase; padding-top:10px; padding-bottom:10px; margin-top:7px; text-decoration:none; } #home-hero .container a:hover { background: #ff6a48; } #home-content { } #home-content h2 { color:#31150b; font-size:46px; font-family: 'Open Sans', Arial, sans-serif; } #home-content p { font-size:18px; line-height:29px; } #home-content .section-two-box { margin-bottom:15px; } #home-content .section-two-box .sub-background { font-size:20px; background-size:cover !important; min-height:301px; position:relative; } #home-content .section-two-box .sub-background a { width:100%; background: url(images/section-box-title-repeater.png) repeat; padding:12px 0px 12px 15px; position:absolute; bottom:0px; left:0px; } #home-content #section-three { padding-top:40px; padding-bottom:40px; } #home-left-column h2, #home-right-column h2 { font-size:36px; color:#341f1a; font-family: 'Oswald', Arial, sans-serif; text-transform:uppercase; margin-bottom:0px; padding-bottom:0px; } #home-left-column h3, #home-right-column h3 { font-size:30px; color:#5a3c36; font-family: 'Oswald', Arial, sans-serif; text-transform:uppercase; margin-top:0px; padding-bottom:0px; } #home-left-column p, #home-right-column p { font-family: Arial, sans-serif; font-size:15px; color:#4f3329; line-height:22px; padding-top:3px; padding-bottom:3px; margin-bottom:0px; } .dirt-bottom { background: url(images/dirt-bottom-border.jpg) repeat-x; height:48px; } .dirt-bottom-interior { background: url(images/interior-top-border.jpg) repeat-x; height:24px; } .dark-paper-texture { background: url(images/dark-paper-texture.jpg) repeat; } .dark-paper-texture h3 { color:#ccaf96; font-size:46px; position:relative; z-index:7; } .dark-paper-texture p { font-size:17px; color:#a98f79; position:relative; z-index:7; } .light-paper-texture { background: url(images/light-paper-texture.jpg) repeat; } /**** Homepage Zip Search ****/ #top-zip-search, #footer-zip-search { position:relative; z-index:7; padding-bottom:20px; padding-top:10px; } #top-zip-search input, #footer-zip-search input { background:#31150b; border:2px solid #3b281f; color:#efc39d; font-size:17px; font-family: 'Nothing You Could Do', cursive, serif; width:100%; padding:15px; text-transform:uppercase; } #top-zip-search input.home-zip-submit, #footer-zip-search input.home-zip-submit { color:#ffffff; background:#a98f79; border:0px; font-size:22px; padding:7px 6px 6px 6px; } .findnow-bg { background: url(images/findnow-bg.png) center right no-repeat; height:78px; margin-top:-10px; } .findnow-bg .findnow-sub { margin-top:15px; } .styled-select select { color:#efc39d; font-family: 'Nothing You Could Do', cursive, serif; background: transparent; border: none; font-size: 17px; height: 57px; padding: 5px; width: 488px; cursor:pointer; text-transform:uppercase; } .styled-select.slate { background: url(images/dropdown-arrow-sm.jpg) #31150b no-repeat right center; height: 57px; width: 468px; overflow:hidden; border-right:2px solid #3b281f; } .styled-select.slate select { border:2px solid #3b281f; font-size: 17px; height: 57px; width: 488px; } /**** Default Template & Organization Page Styles ****/ #int-logo { position:absolute; z-index:4; top:70px; left:0px; } #interior-banner { position:relative; background-size:cover; width:100%; min-height:290px; overflow: hidden; } #interior-content { padding-bottom:15px; padding-bottom:80px; } #interior-content #crumbs { padding-top:15px; } #interior-content h1 { color:#31150b; font-size:38px; } #interior-content h1 a { color:#31150b; } #interior-content h2 { font-size:30px; color:#ef5735; } #interior-content h2 a { color:#ef5735; } #interior-content h2.entry-title { padding-top:0px; margin-top:0px; } #interior-content h3 { font-size:25px; color:#5eb846; } #interior-content h3 a { color:#5eb846; } #interior-content p { color:#4f3329; font-size:15px; line-height:23px; } #interior-content ol { padding-left: 15px; font-size:15px; line-height:23px; } #interior-content ul { font-size:15px; line-height:23px; } #interior-content li { font-size:15px; line-height:23px; } #interior-content .section-two-box { margin-bottom:15px; } #interior-content .section-two-box .sub-background { font-size:20px; background-size:cover !important; min-height:301px; position:relative; } #interior-content .section-two-box .sub-background a { width:100%; background: url(images/section-box-title-repeater.png) repeat; padding:12px 0px 12px 15px; position:absolute; bottom:0px; left:0px; } /***** Sidebar Container ****/ #sidebar-container { position:relative; z-index:5; } #sidebar-container h3 { font-family: 'Oswald', Arial, sans-serif; color:#ffffff; line-height:32px; font-size:26px; } #sidebar-container input { font-family: 'Oswald', Arial, sans-serif; background: #358a1e; border:0px; color:#f6f192; font-size:13px; margin-bottom:11px; height:34px; } #sidebar-container select { font-family: 'Oswald', Arial, sans-serif; background: #358a1e; border:0px; color:#f6f192; font-size:13px; margin-bottom:11px; height:34px; width:100% !important; border-radius:0px !important; -moz-border-radius: 0px 0px 0px 0px !important; -webkit-border-radius: 0px 0px 0px 0px !important; } #sidebar-container .submit { background:#1c170f; color:#f0eec0; font-size:20px; padding-top:7px; padding-bottom:7px; height:auto !important; } #sidebar-container ::-webkit-input-placeholder { color:#f6f192; opacity: 1 !important; } #sidebar-container :-moz-placeholder { /* Firefox 18- */ color:#f6f192; opacity: 1 !important; } #sidebar-container ::-moz-placeholder { /* Firefox 19+ */ color:#f6f192; opacity: 1 !important; } #sidebar-container :-ms-input-placeholder { color:#f6f192; opacity: 1 !important; } #sidebar-container input.placeholder { color: #efc39d !important; opacity: 1 !important; } /******* Footer Styles *******/ #footer { background: url(images/footer-bg-top.jpg) #030200 repeat-x; padding-top:20px; font-size:16px; } #footer ul { list-style:none; padding-top:50px; padding-bottom:30px; } #footer li { float:left; padding-left:10px; padding-right:10px;} #footer li a { color:#a98f79; text-transform:uppercase; } #footer .separator { float:left; } #footer p { color:#d7b9a2; font-size:15px; padding-left:50px; } footer .block .container p {} footer a:link, footer a:visited, footer a:active {color: white; text-decoration: none;} footer a:hover {} .footer-logo { } /*********** Image posts *************/ img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; } img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; } img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; } /*********** RESPONSIVE YOUTUBE VIDEOS *************/ .flex-video { position: relative; padding-top: 0px; padding-bottom: 67.5%; height: 0; margin-bottom: 0px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } /*********** EXTRA MEDIA QUERIES *************/ @media (min-width: 768px) {} @media (max-width:1199px) { #home-content .section-two-box .sub-background { font-size:16px; } #nav li a { padding-left:15px; padding-right:15px; } .nav { font-size:17px; } #int-logo { left:-20px; } #home-left-column h2, #home-right-column h2 { font-size:28px; } #home-left-column h3, #home-right-column h3 { font-size:22px; } #home-left-column p, #home-right-column p { font-size:13px; } } @media (max-width:991px) { #home-hero .container h2 { font-size:41px; } #home-hero .container h3 { font-size:32px; } #home-hero .container a { font-size:20px; } .padding-top-large { padding-top:40px; } #nav li a { padding-left:10px; padding-right:10px; } .nav { font-size:15px; width:80%; } #top-zip-search input, #footer-zip-search input { font-size:13px; } #top-zip-search select, #footer-zip-search select { font-size:13px; } .styled-select select { width: 388px; } .styled-select.slate { width: 368px; } .styled-select.slate select { width: 388px; } } @media (max-width:767px) { #home-content .section-two-box .sub-background { font-size:26px; } #home-hero { min-height:300px; padding-bottom:20px; } .findnow-bg { background:none; } #top-zip-search input, #footer-zip-search input { font-size:12px; } #top-zip-search select, #footer-zip-search select { font-size:12px; } .styled-select select { width: 100%; } .styled-select.slate { width: 100%; } .styled-select.slate select { width: 100%; } .dark-paper-texture h3 { font-size:36px; } #footer ul, #footer ul li, #footer p { margin-left:0px; padding-left:0px; } .footer-logo { text-align:center !important; } #home-left-column h2, #home-right-column h2 { font-size:36px; text-align:left !important; } #home-left-column h3, #home-right-column h3 { font-size:30px; text-align:left !important; } #home-left-column p, #home-right-column p { font-size:15px; text-align:left !important; } } @media (max-width:480px){ #interior-banner { min-height:200px; } .styled-select.slate { background: #31150b !important; } #footer ul { display:none; } } @media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) {} /*********** IE 10 ***********/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .styled-select.slate { height: 57px; width: 458px; } } /********* END IE 10 *********/