/* ----------------------------------------- */ /* View: Client Case Studies - start */ /* ----------------------------------------- */ .client-case-study{ margin: 10px auto 30px; } .client-case-study-top{ text-transform: uppercase; margin-bottom: 20px; } .client-case-study-top h2{ line-height: 175%; } .client-case-study-heading{ border-bottom: 3px solid #d7d7d7; display: inline; padding-bottom: 7px; font-variant: small-caps; } .client-case-study-accent{ color: #d7d7d7; margin: 0 20px; } .client-case-study-title{ display: inline; padding-bottom: 13px; font-variant: small-caps; } .client-case-study-text h3 { font-size: 2.0em; color: #5D9ABE !important; font-variant: small-caps; } .client-case-study-img{ border-radius: 10px; margin-bottom: 20px; width: 100%; } .client-case-study-addr{ text-align:center; } .client-case-study-addr p { margin-left: 1em; } .client-case-study-addr p i { margin-left: -1em; } .client-case-study-highlights-wrapper { padding: 0px 25px 5px; border: 3px solid rgba(215, 215, 215, 0.49); border-radius: 10px; font-size: 90%; margin-top: 20px; } .client-case-study-highlights-wrapper ul { padding-left: 20px; } .client-case-study-highlights-title h3{ text-transform:none; font-size: 1.8em; margin-left: 20px; margin-top: 20px; font-variant: small-caps; } .client-case-study-highlights-title h3 i{ margin-left: -30px; } .client-case-study-highlights{ text-align: left; } @media screen and (max-width: 991px) and (min-width: 768px){ .client-case-study-col-right-top, .client-case-study-col-right{ padding-left: 20px !important; } } @media screen and (max-width: 991px){ .client-case-study-top{ text-align:center; } } .client-case-study-col-mobile{ text-align:center; padding-top: 30px; } .client-case-study-btn { width: 100%; } .client-case-study-btn .collapse-title::before { Content:" Close "; } .client-case-study-btn.collapsed .collapse-title::before { Content:" Expand "; } /* ----------------------------------------- */ /* View: Client Case Studies - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Client Testimonials - start */ /* ----------------------------------------- */ .client-testimonial-outer{ text-align:center; padding-top:5em; padding-bottom:5em; backface-visibility:hidden; } .client-testimonial-singular{ padding-top:1em; padding-bottom:1em; } .client-testimonial-outer .client-testimonial-bg { content: ""; opacity: 0.15; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index: -1; } .client-testimonial-outer .client-testimonial-bg-color { content: ""; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -2; backface-visibility: hidden; } /* ----------------------------------------- */ /* View: Client Testimonials - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Resource Buttons - start */ /* ----------------------------------------- */ div#imagemodal { z-index: 9999 !important; padding-right: 17px; } a.media-link-outer { margin-right: 30px; display:inline-block; } a.media-link-outer .dtf-circle-link{ margin-right: 10px; } a.media-link-outer:last-child, a.media-link-outer:last-child :last-child{ margin-right: 0px; } a.media-link-outer p{ display: inline-block; font-size: 1rem; } @media screen and (max-width: 768px){ a.media-link-outer p{ display: none; } a.media-link-outer { margin-right: 0px; } } /* ----------------------------------------- */ /* View: Resource Buttons - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Client Single Post Hero - start */ /* ----------------------------------------- */ .companies-single-post-header{ min-height: 650px; background-position:center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed !important; background-color: #000; } @media screen and (max-width: 768px){ .companies-single-post-header{ min-height: 400px; } } .companies-single-post-header-meta{ text-align:center; position:absolute; bottom: 20px; width: 100%; z-index: 1; padding-left: 10%; padding-right: 10%; padding-top: 100px; } .companies-single-post-header-meta p{ margin-bottom: 0px; } .companies-single-post-header-meta h1{ margin-top: 7px; margin-bottom: 7px; } /* ----------------------------------------- */ /* Content Template: Client Single Post Hero - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Client Single Post Content - start */ /* ----------------------------------------- */ .companies-single-post-block{ margin-bottom: 10px !important; padding-top: 30px; } .companies-single-post-logo-wrapper{ text-align:center; } .companies-single-post-logo{ width: 300px; max-width: 100%; height: 9rem; margin: 0 auto 20px; background-size:contain !important; background-position: center center !important; background-color: #FFF !important; padding: 12px; border-radius: 10px; background-repeat:no-repeat !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border: 20px solid #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } /*.companies-single-post-content{ padding-left: 20px; } NO LONGER USED WITH CONTENT BEING IN HEADER */ .companies-single-post-acquired { display: inline-block; text-transform: uppercase; padding: 6px 15px 4px 7px; margin-bottom: 10px; color: #FFF; } .companies-single-post-exited { display: inline-block; text-transform: uppercase; padding: 6px 60px 4px; float:right; margin-top: -22px; color: #FFF; } .companies-single-post-title { margin-bottom:2px; } .companies-single-post-buttons { text-align:center; margin-top: 30px; } .companies-single-post-block .ff-header h2{ padding: 20px; color:#fff !important; margin: 0 !important; font-weight:700; font-size: 2rem; } .companies-single-post-block .ff-header { background-color: #000; } .companies-single-post-block .ff-stream { background-color: #000 !important; padding-top: 0px; } /* ----------------------------------------- */ /* Content Template: Client Single Post Content - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Single Testimonial Block – Detailed - start */ /* ----------------------------------------- */ .client-testimonial-detailed-text{ position:relative; padding-left: 40px; padding-right: 40px; } .client-testimonial-detailed-text .client-testimonial-detailed-text-inner *{ text-transform: uppercase; font-weight: 500; letter-spacing:1px; } .client-testimonial-detailed-text .client-testimonial-detailed-text-inner::first-letter { font-size: 150% !important; line-height: 155% !important; vertical-align:bottom; font-weight: 100; } .client-testimonial-detailed-text .testimonial-detailed-quote-left, .client-testimonial-detailed-text .testimonial-detailed-quote-right{ display:inline-block; font-size: 100px; position:absolute; } .client-testimonial-detailed-text .testimonial-detailed-quote-left{ left: 0; top: 0; height: 25px; line-height: 90px; margin-bottom: 0px; } .client-testimonial-detailed-text .testimonial-detailed-quote-right{ right: 0; bottom: 0; height: 30px; line-height: 80px; margin-bottom: 0px; } .client-testimonial-detailed-client{ font-variant: small-caps; font-weight: 100; } .client-testimonial-detailed-speaker{ font-variant: small-caps; font-weight: 100; margin: 0; } .client-testimonial-detailed-video { max-width: 900px; margin: 0 auto; } .client-testimonial-detailed-video-caption{ font-size: 90%; margin-top: 20px; } /* ----------------------------------------- */ /* Content Template: Single Testimonial Block – Detailed - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Client Single Post Nav - start */ /* ----------------------------------------- */ .client-single-post-nav{ text-align:center; margin-top: 15px; padding-top: 12px; margin-bottom: 12px; text-transform: uppercase; border-top: 2px solid #ccc; } /* ----------------------------------------- */ /* Content Template: Client Single Post Nav - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Subfooter – Contact - start */ /* ----------------------------------------- */ /******************* SUBFOOTER-CONTACT CIRCLE LINKS ********************/ a.circle-link { display:inline-block; border: 2px solid #fff; border-radius:50%; height: 200px; width: 200px; padding: 35px; margin: 0 10px 10px; color: #fff !important; } a.circle-link i { font-size: 90px; color: #fff; } a.circle-link i.fa-check-square-o{ margin-left:5px; margin-right:-5px; } a.circle-link:hover { text-decoration:none; opacity: .8; } @media screen and (max-width: 768px){ a.circle-link { height: 150px !important; width: 150px !important; padding: 28px !important; } a.circle-link i { font-size: 60px !important; } } @media screen and (max-width: 550px){ a.circle-link { height: 90px !important; width: 90px !important; padding: 17px !important; font-size: 10px !important; } a.circle-link i { font-size: 30px !important; } } @media screen and (max-width: 370px){ a.circle-link { height: 80px !important; width: 80px !important; padding: 12px !important; font-size: 10px !important; margin: 0 5px 5px!important; } a.circle-link i { font-size: 30px !important; } } .modal-title{ color:#000 !important; } .modal .btn.btn-primary{ color: #000 !important; } .modal .btn.btn-primary:hover{ color: #fff !important; } .dtf-subfooter-contact .col-sm-12 { float:none; } p.footer-contact-title{ margin-top: 0px; margin-bottom: 0px; text-align: center; font-variant:small-caps; } .footer-contact-desc{ margin-bottom: 20px; font-variant:small-caps; } /* ----------------------------------------- */ /* Content Template: Subfooter – Contact - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Site Footer - start */ /* ----------------------------------------- */ .dtf-footer-menu ul.menu, .dtf-footer-menu ul.sub-menu { list-style:none; padding-left: 0px; text-transform:uppercase; font-size: 1.29rem; line-height: 1.7rem; margin-left: 15px; } .dtf-footer-menu ul.sub-menu { margin-left: 0px; } @media screen and (min-width: 660px){ .dtf-footer-menu ul.menu li{ display:inline-block; width:49%; } } .dtf-footer-menu ul.sub-menu li { display:inline-block; width:100%; } @media screen and (max-width: 400px){ .footer-right-container{ display:none; } .dtf-footer .container{ text-align:center; } .dtf-footer .container .row, .dtf-footer .footer-left-container, .dtf-footer .footer-right-sharing { width: 100%; text-align:center; } .footer-left{ text-align:left; display: inline-block; } } @media screen and (max-width: 1000px){ .dtf-footer-menu ul.menu, .dtf-footer-menu ul.sub-menu { font-size: 1.1rem; } } @media screen and (max-width: 767px){ .footer-right-sharing-icons { text-align:center; } } @media screen and (min-width: 768px){ img.footer-co-logo { max-width: 93%; } .footer-right-sharing-icons { text-align:right; } } .footer-right-sharing-icons a.circle-link{ width:40px!important; height: 40px!important; padding: 0px!important; margin: 2px 0 !important; text-align:center; } .footer-right-sharing-icons a.circle-link i{ font-size:20px!important; line-height:36px!important; vertical-align:middle; } .footer-right-sharing-icons a.circle-link:hover{ background-color:#5D9ABE; opacity: 1 !important; } /* ----------------------------------------- */ /* Content Template: Site Footer - end */ /* ----------------------------------------- */