#cb-site-container { background-image: none; background-color: rgb(255, 253, 253); background-size: auto; background-repeat: repeat; background-position: center center; padding-top: 0px; // padding-bottom: 0px; } .cb-site { background-color: rgb(253, 253, 253); padding-top: 20px; padding-left: 40px; padding-right: 40px; padding-bottom:10px; margin-left: auto; margin-right: auto; max-width: 1200px; margin-bottom: 0px; } .cb-site main { padding-top: 20px; } .cb-site .hm-wrapper { padding-bottom: 45px; } .gallery-slideshow, .gallery-slideshow .slide, .video-layer { background-color: rgb(253, 253, 253); } .gallery-slideshow .gallery-close-button, .video-layer .gallery-close-button { color: rgb(153, 153, 153); } .cb-site .gallery-slideshow .item { background-color: rgb(228, 228, 228); } .cb-site .gallery-slideshow .item, .cb-site .gallery.item { background-color: rgb(228, 228, 228); } .cb-site footer { bottom: 10px; padding-top: 10px; } .client-pages .cb-site main, .client-blog .cb-site main { max-width: 1200px; } .cb-site .logo_text h2 a{ font-family: Montserrat; font-size: 36px; color: rgb(111, 168, 220); text-transform: none; text-decoration: none; letter-spacing: 3.6px; } .cb-site .logo_text { padding-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .cb-site .logo_image { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .cb-site .logo_image img { max-width: 244px; } .cb-site nav ul.main-nav { padding-top: 22px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .cb-site.v-nav-left header, .cb-site.v-nav-left-banner nav { width: 220px } .cb-site.v-nav-left main, .cb-site.v-nav-left-banner main { margin-left: 220px } .cb-site nav li.nav-item { margin-right: 25px; } .cb-site nav li .sub-nav-item-link { line-height: 0em; } .cb-site nav.vertical li.nav-item { margin-bottom: 25px; } .cb-site nav.vertical .sub-nav li { margin-top: 25px; } .cb-site:not(.v-nav-left, .v-nav-left-banner) nav li.nav-item { margin-right: 25px; } .cb-site nav li a { font-family: Roboto; font-size: 14px; color: rgb(153, 153, 153); text-transform: uppercase; text-decoration: none; letter-spacing: 0.6px; } .cb-site nav li a:hover, .cb-site nav li a.current, .cb-site nav li a:active { color: rgb(0, 0, 0); } .cb-site p, .cb-site li:not(.nav-item) { font-family: Open Sans; font-size: 13px; color: rgb(60, 60, 60); text-transform: none; text-decoration: none; letter-spacing: 0.4px; line-height: 1.4; } .cb-site a { color: rgb(79, 79, 79); } .cb-site h1 { font-family: Roboto; font-size: 26px; color: rgb(0, 0, 0); text-transform: none; text-decoration: none; letter-spacing: 0.7px; } .cb-site h2 { font-family: Roboto Condensed; font-size: 40px; color: rgb(79, 79, 79); text-transform: uppercase; text-decoration: none; letter-spacing: 0.4px; } .cb-site h3, .cb-site h4, .cb-site h5, .cb-site h6, .cb-site .form-group label { font-family: Roboto Condensed; color: rgb(79, 79, 79); text-transform: none; text-decoration: none; letter-spacing: 0.4px; } .cb-site .form-group label { font-size: 16px; } .cb-site h3 { font-size: 16px; } .cb-site .form-control { font-family: Open Sans; border-radius: 0px; box-shadow: inset 0 0 0 2px rgba(153, 153, 153,0.25); color: #666666; } .cb-site footer, .cb-site footer .cb-branding { line-height: 1; } .cb-site footer .footer-text{ font-family: Nobile; font-size: 10px; color: rgb(163, 163, 163); text-transform: none; text-decoration: none; letter-spacing: 0.4px; } .cb-site .social-menu { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .social-icon-svg { height:28px; width:28px; fill:rgb(179, 179, 179); } .totop-icon-svg { fill:rgb(111, 168, 220); } .social-icon-svg:hover { fill: rgb(111, 168, 220); } .cb-site .grid .item .item_filename { font-family:Helvetica Neue; font-size:12px; color: #000000; text-transform: none; text-decoration: none; letter-spacing: 0px; line-height: 1; padding:10px; } .cb-site .item .item_filename { font-family:Helvetica Neue; font-size:12px; color: #000000; text-transform: none; text-decoration: none; letter-spacing: 0px; line-height: 1; } .cb-site .index_grid .item .item_info { padding-top:10px; padding-bottom:0px; padding-left:2px; padding-right:5px; } .cb-site .index_grid .item .item_info { text-align: Left; } /* video play icon size for grids */ .cb-site .fa-play-circle-o { font-size: 35px; } /* video play icon size for slideshow thumb panel */ .cb-site .gallery-slideshow .fa-play-circle-o { font-size: 24px; } .cb-site .index_grid .item .item_info .item_title, .cb-site .index_grid .item .item_info .item_title a { font-family:Open Sans; font-size:18px; color: rgb(0, 0, 0); text-transform: uppercase; text-decoration: none; letter-spacing: 0.4px; line-height: 1; } .cb-site .index_grid .item .item_info .item_caption, .cb-site .index_grid .item .item_info .item_caption a { font-family:Open Sans; font-size:12px; color: rgb(102, 102, 102); text-transform: none; text-decoration: none; letter-spacing: 0.4px; line-height: 1.3; } .cb-site .grid .item { background-color: rgb(204, 204, 204); } .cb-site .grid .hover_text { font-family:Helvetica Neue; font-size:14px; color: #ffffff; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; line-height: 1; } .cb-site .index_grid .item { background-color: rgba(204, 204, 204, 0); padding: 0px; } .cb-site .index_grid .item .item_caption { padding-top: 10px; } .cb-site .index_grid .hover_text { font-family:Helvetica Neue; font-size:14px; color: #ffffff; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; line-height: 1; } .gallery.vertical-scroller .item { margin-bottom:15px; background-color: rgb(204, 204, 204); } .gallery.vertical-scroller .item_title { color: #fff; font-family:Open Sans; font-size:13px; color: #ffffff; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; line-height: 1; } .gallery.vertical-scroller .item_caption { font-family:Open Sans; font-size:12px; color: #ffffff; text-transform: none; text-decoration: none; letter-spacing: 0.4px; line-height: 1.3; } .gallery-slideshow .info-background { background-color: rgb(102, 102, 102); } .gallery-slideshow .info-content { padding: 20px; } .gallery-slideshow .info-content .info-title { font-family:Open Sans; font-size:13px; text-align: left; color: #ffffff; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; line-height: 1; } .gallery-slideshow .info-content .info-body { font-family:Open Sans; font-size:12px; text-align: left; color: #ffffff; text-transform: none; text-decoration: none; letter-spacing: 0.4px; line-height: 1.3; } .arrow-icon { color: rgb(153, 153, 153); font-size:30px; } .arrow-background { background-color: #ffffff; } .gallery-slideshow .toolbar { color: rgb(111, 168, 220); font-size:20px; } .gallery-slideshow .toolbar-counter { font-family: Open Sans; font-size:18px; } .gallery-slideshow .toolbar .toolbar-button:hover { color: #000000; } /* sets the Page Canvas to match the Page Width setting, to prevent unwanted scaling of images when Page is rendered on smaller windows */ /* .admin-pages.show .page-canvas, .admin-posts.show .page-canvas, .admin-posts.edit .page-canvas { min-width: 1200px; } */ /* template style matching overrides */ /* shared */ .cb-site hr { border-bottom: 1px solid rgba(0, 0, 0,0.25); } .cb-site .btn-primary { font-family: Roboto; background-color: rgb(153, 153, 153); font-size: 1.0em; } .cb-site .btn-primary:hover { background-color: rgb(0, 0, 0); } .cb-site .sub-nav { background-color: rgba(255,255,255,0.9); } .cb-site.v-nav-left .sub-nav, .cb-site.v-nav-left-banner .sub-nav { background-color: transparent; } .cb-site .alert-success { font-family: Open Sans; font-size: 1em; } .cb-site .cb-branding .cb-symbol svg { fill: rgba(0, 0, 0,0.2); } /* form validation error */ .cb-site .form-error { font-family: Open Sans; } /* return to top button */ .totop { background: rgba(255,255,255,0.9); } .totop svg { fill: rgb(0, 0, 0); } /* blog */ .cb-site .cb-blog h1 a { color: rgb(0, 0, 0); } .cb-site .cb-blog .pagination a { color: rgb(153, 153, 153); font-family: Roboto; font-size: 14px; } .cb-site .cb-blog .pagination a:hover { color: rgb(0, 0, 0); } .cb-site ..cb-blog pagination .disabled { color: rgb(153, 153, 153); } .cb-site .cb-blog .pagination .current { border-color: rgba(0, 0, 0,0.5); font-family: Roboto; font-size: 14px; color: rgb(0, 0, 0); } // 1px border separator at end of post, before tags and sharing links // .cb-site .cb-blog .blog-pagination-wrapper { // border-bottom: 1px solid rgba(153, 153, 153,0.5); // } /* end blog */ .gallery-slideshow .toolbar { background-color: rgb(253, 253, 253); } /*mobile css matching*/ @media only screen and (min-width: 0px) and (max-width: 768px), /* iphone XS Max/XR */ only screen and (device-width : 414px) and (device-height : 896px) and (orientation: landscape) { header { background-color: rgb(253, 253, 253); } #cb-site-container { background-color: rgb(255, 253, 253); } .cb-site .logo_image { background-color: rgb(253, 253, 253); } .cb-site .menu-name { font-family: Roboto; color: rgb(153, 153, 153); text-transform: uppercase; text-decoration: none; letter-spacing: 0.6px; } .cb-site .menu-toggle { color: rgb(153, 153, 153); } .cb-site .nav-item { background-color: rgb(253, 253, 253); /* hide artifacting on subnav expand on some devices */ border-top: 1px solid rgb(253, 253, 253); border-bottom: 1px solid rgb(253, 253, 253); } .cb-site .sub-nav, .cb-site.v-nav-left .sub-nav, .cb-site.v-nav-left-banner .sub-nav { background-color: rgba(153, 153, 153,0.2); } .cb-site nav li a:hover { color: rgb(0, 0, 0); } .cb-site .mobile-social-item .social-menu { background-color: rgb(253, 253, 253); } .cb-site .footer-content { background-color: rgb(253, 253, 253); } .cb-site .mobile-footer-content { font-family: Nobile; color: rgb(163, 163, 163); text-transform: none; text-decoration: none; letter-spacing: 0.4px; } } .client-pages main { margin: auto; } .client-blog .cb-site main { margin: auto; }