/* ----------------------------------------- */ /* View: Case Studies Post Grid - start */ /* ----------------------------------------- */ .filter-radio-buttons{ margin-left: 0px !important; margin-right: 0px !important; } .archive-case-studies{ margin-bottom: 10px; } .archive-case-study-single-img{ width: 100%; } .archive-case-study-logo{ background-color: #fff; padding: 10px; margin: 0 auto; border-radius: 5px; text-align:center; display: inline-block; clear: both; max-width: 50%; } .archive-case-study-logo-img { margin-bottom: 0px !important; } .archive-case-study-name { font-size: 1.1em; } .archive-case-study-link{ display: block; } .archive-case-study-link .archive-case-study-foreground { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; position:absolute; display: table; top: 0; bottom: 0; left:0; right:0; width: 100%; height: auto; text-align: center; margin: auto; padding: 30px; } .archive-case-study-link:hover .archive-case-study-foreground { opacity: 1; text-align:center; } .archive-case-study-link .archive-case-study-single-img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .archive-case-study-link:hover .archive-case-study-single-img { opacity: 0.2; } /* ----------------------------------------- */ /* View: Case Studies Post Grid - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured Testimonial - start */ /* ----------------------------------------- */ .featured-testimonial-outer{ text-align:center; padding-top:5em; padding-bottom:5em; } .featured-testimonial-outer * { -webkit-backface-visibility: hidden !important; } .featured-testimonial-singular{ padding-top:1em; padding-bottom:1em; padding-left: 20px; padding-right: 20px; } .featured-testimonial-outer .featured-testimonial-bg { content: ""; opacity: 0.2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment:fixed !important; z-index: -1; } /* ----------------------------------------- */ /* View: Featured Testimonial - 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 */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Featured News Post Grid – Simplified - start */ /* ----------------------------------------- */ .news-simple-col { padding-left: 3em; } .news-simple-col .news-simple-title a{ font-size: 1.6em; line-height: 1em; } .news-simple-col .news-simple-title a i { margin-left: -1.6em; margin-right: 0.2em; } /* ----------------------------------------- */ /* View: Featured News Post Grid – Simplified - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Single Testimonial Block - start */ /* ----------------------------------------- */ .client-testimonial-text{ position:relative; padding-left: 40px; padding-right: 40px; } .client-testimonial-text .client-testimonial-text-inner *{ font-variant:small-caps; font-weight: 500; letter-spacing:0px; font-size: 150%; } .client-testimonial-text .testimonial-quote-left, .client-testimonial-text .testimonial-quote-right{ display:inline-block; font-size: 100px; position:absolute; } .client-testimonial-text .testimonial-quote-left{ left: 0; top: 0; height: 25px; line-height: 90px; margin-bottom: 0px; } .client-testimonial-text .testimonial-quote-right{ right: 0; bottom: 0; height:30px; vertical-align:top; line-height: 90px; margin-bottom: 0px; } .client-testimonial-client{ font-variant: small-caps; font-weight: 100; } .client-testimonial-speaker{ font-variant: small-caps; font-weight: 100; margin: 0; } .client-testimonial-video { max-width: 900px; margin: 0 auto; } /* ----------------------------------------- */ /* Content Template: Single Testimonial Block - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Clients Archive Post Grid (with no case study) - start */ /* ----------------------------------------- */ .companies-archive-grid-item{ width: 100%; margin-bottom:10px !important; background-size:contain !important; background-position: center center !important; background-color: #FFF !important; padding: 7px; background-repeat:no-repeat !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border: 15px 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-archive-grid-item:before{ content: ""; display: block; padding-top: 65%; } .companies-archive-grid-item-link{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity:1; display: block; } .companies-archive-grid-item-link:hover{ opacity:.9; transform: scale(0.95); } .companies-archive-grid-item-link:hover .companies-archive-grid-item-exited{ opacity:.5; } .companies-archive-grid-item-exited { display: inline-block; text-transform: uppercase; padding: 2px 30px 0px; float:right; margin-top: 0px; font-size: 1rem; color: #FFF; } /* ----------------------------------------- */ /* Content Template: Loop item in Clients Archive Post Grid (with no case study) - 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 */ /* ----------------------------------------- */