Jory Bice
Jory Bice
Creative Director
/* ----------------------------------------- */ /* View: Resource Single Button - start */ /* ----------------------------------------- */ div#imagemodal { z-index: 9999 !important; padding-right: 17px; } /* ----------------------------------------- */ /* View: Resource Single Button - end */ /* ----------------------------------------- */
/* ----------------------------------------- */ /* Content Template: Our Team Single Post Content - start */ /* ----------------------------------------- */ .team-single-post-block{ margin-bottom: 10px !important; padding-top: 30px; } .team-single-post-left{ text-align:center; } .team-single-post-img{ width: 70%; margin-bottom:10px !important; background-size:cover !important; background-position: center center !important; background-repeat:no-repeat !important; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-left: auto; margin-right: auto; } .team-single-post-img:before{ content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ } .team-single-post-content{ padding-left: 20px; } .team-single-post-title { margin-bottom:2px; text-align:center; text-transform: none; } .team-single-post-position { margin-bottom:10px; text-align:center; } .team-single-post-buttons { text-align:center; } .team-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: Our Team Single Post Content - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Featured News Post Single - start */ /* ----------------------------------------- */ .news-single-item-link{ position:relative; overflow:hidden; display:block; margin-bottom:10px !important; -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); } .news-single-item-background{ width: 100%; position:relative; background-size:cover !important; background-position: center center !important; background-repeat:no-repeat !important; color: #fff; -webkit-backface-visibility: hidden; } .news-single-item-background:before{ content: ""; display: block; padding-top: 75%; } @media (max-width: 1400px){ .news-single-item-background:before{ padding-top: 81%; } } @media (max-width: 1199px){ .news-single-item-background:before{ padding-top: 30% !important; } } @media (max-width: 600px){ .news-single-item-background{ display: none; } } .news-single-item-foreground { display: block; height:100%; background-color: rgba(0,0,0,0.8); position:absolute; top:100%; width:100%; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; padding: 20px; } .news-single-item-link:hover .news-single-item-foreground { top:0; } .news-single-item-foreground-inner { position: relative; top: 50%; -webkit-transform: -webkit-translateY (-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .news-single-item-bottom { display: block; background-color: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 1; text-align:center; padding: 20px; } .news-single-item-link:hover .news-single-item-bottom{ opacity:0; } .news-single-item-category{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-bottom:0px; margin-top:0px; font-size: 1.1rem; line-height: 1.2rem; } .news-single-item-title{ margin-bottom:0px; font-size: 1.4rem; line-height: 1.6rem; display: block; display: -webkit-box; max-height: 3.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-single-item-date{ font-size: 1.0rem; line-height: 1.0rem; } .news-single-item-author{ font-size: 1.0rem; line-height: 1.0rem; margin-top: 1.3rem; } .news-single-item-excerpt{ font-size: 1.0rem; line-height: 1.2rem; margin-top: 1.3rem; display: block; display: -webkit-box; max-height: 3.6rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-single-item-tags{ font-size: 1.0rem; line-height: 1.0rem; margin-top: 1rem; } .news-single-item-tags .styled-tag-list i{ font-size: 0.9rem; color: #fff; } .news-single-item-tags .styled-tag-item{ border: 1px solid #fff; font-size: 0.9rem; color: #fff !important; line-height: 1.1rem; } .featured-news-widget-pagination{ text-align:center; margin-top: -15px; } .featured-news-widget-pagination ul.wpv_pagination_dots li.wpv_pagination_dots_item { float:none; display: inline-block; } /* ----------------------------------------- */ /* Content Template: Loop item in Featured News Post Single - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Styled Tags – Markets and Categories (with icon) - start */ /* ----------------------------------------- */ .styled-tag-list i{ font-size: 1.1rem; } .styled-tag-list .js-wpv-view-layout { display: inline-block; } .styled-tag-item{ border: 1px solid #000; font-size: 1.1rem; line-height: 1.3rem; display: inline-block; padding: 3px 3px 1px; border-radius: 4px; font-weight:normal; margin: 2px 0 0; } .styled-tag-item:hover{ opacity: 0.8; } /* ----------------------------------------- */ /* Content Template: Styled Tags – Markets and Categories (with icon) - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Sharing Buttons - start */ /* ----------------------------------------- */ .sharing_buttons .a2a_img_text, .sharing_buttons .a2a_s_facebook, .sharing_buttons .a2a_s_twitter, .sharing_buttons .a2a_s_linkedin, .sharing_buttons .a2a_label { display: none !important; } .sharing_buttons .dtf-icon{ text-decoration:none !important; } .sharing_buttons{ margin-top: 10px; } .sharing_buttons a.dtf-icon{ font-size: 1em; line-height: 1em; /*box-shadow: inset 0 0 0 2px #ac2a29;*/ /*color: #fff;*/ padding: .75rem 0; border-radius: 50%; height: 2.5rem; width: 2.5rem; display: inline-block; } /*.sharing_buttons a.dtf-icon:hover{ color: #fff; background-color: #ab2c29; }*/ .sharing_buttons .js-wpv-view-layout{ display:inline-block; } /*.news-archive-grid-item-foreground .sharing_buttons a.dtf-icon{ margin: 0 -3px; }*/ /* ----------------------------------------- */ /* Content Template: Sharing Buttons - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Featured News Post Grid - start */ /* ----------------------------------------- */ .news-grid-item-link{ position:relative; overflow:hidden; display:block; margin-bottom:10px !important; -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.5); } .news-grid-item-background{ width: 100%; position:relative; background-size:cover !important; background-position: center center !important; background-repeat:no-repeat !important; color: #fff; -webkit-backface-visibility: hidden; } .news-grid-item-background:before{ content: ""; display: block; padding-top: 75%; } @media (min-width: 1199px){ .featured-news-grid-row{ padding-left: 5px; } } @media (max-width: 1400px){ .news-grid-item-background:before{ padding-top: 40% !important; } .featured-news-grid-col{ width: 100%; } .featured-news-grid-col-hideable{ display:none; } } @media (max-width: 1199px){ .news-grid-item-background:before{ padding-top: 45% !important; } .featured-news-grid-col{ width: 50%; } .featured-news-grid-col-hideable{ display:block; } } @media (max-width: 991px){ .news-grid-item-background:before{ padding-top: 200px !important; } .featured-news-grid-col{ width: 100%; } } .news-grid-item-foreground { display: block; height:100%; background-color: rgba(0,0,0,0.8); position:absolute; top:100%; width:100%; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; padding: 10px; } .news-grid-item-link:hover .news-grid-item-foreground { top:0; } .news-grid-item-foreground-inner { position: relative; top: 50%; -webkit-transform: -webkit-translateY (-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .news-grid-item-bottom { display: block; background-color: rgba(0,0,0,0.5); position:absolute; bottom:0; width:100%; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 1; text-align:center; padding: 23px 20px; } .news-grid-item-link:hover .news-grid-item-bottom{ opacity:0; } .news-grid-item-category{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; margin-bottom:0px; margin-top:0px; font-size: 0.9rem; line-height: 1.0rem; } .news-grid-item-title{ margin-bottom:0px; font-size: 1.2rem; line-height: 1.3rem; display: block; display: -webkit-box; max-height: 2.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-grid-item-date{ font-size: 0.9rem; line-height: 0.9rem; } .news-grid-item-author{ font-size: 0.9rem; line-height: 0.9rem; margin-top: 0.9rem; } .news-grid-item-excerpt{ font-size: 0.9rem; line-height: 1.0rem; margin-top: 0.9rem; display: block; display: -webkit-box; max-height: 3.0rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-grid-item-tags{ font-size: 0.9rem; line-height: 0.9rem; margin-top: 1rem; } .news-grid-item-tags .styled-tag-list i{ font-size: 0.75rem; color: #fff; } .news-grid-item-tags .styled-tag-item{ border: 1px solid #fff; font-size: 0.75rem; color: #fff !important; line-height: 0.95rem; padding: 1px 3px; } /* ----------------------------------------- */ /* Content Template: Loop item in Featured News Post Grid - 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; } /* ----------------------------------------- */ /* 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: 659px){ .footer-right-container{ display:none; } .dtf-footer .container{ text-align:center; } .dtf-footer .container .row, .dtf-footer .footer-left-container{ width: 100%; } .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; } /* ----------------------------------------- */ /* Content Template: Site Footer - end */ /* ----------------------------------------- */