/*--------------------------------------------------------------------------------- Theme Name: DIVI Web Agency Theme URI: http://divibusiness.divi-childthemes.com/agency/web/ Description: Divi Web Agency is an all-in-one solution for your next business website.looks good on every device. Was designed with great attention to detail. It will work great for any type of business. Author: Divi-Childthemes.com Author URI: www.divi-childthemes.com Template: Divi Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /** * Color Options * General * Slider * About us * Hero-Background * Blurb * Call-To-Action * PricingTable * Team * Testimonial * Counter * Timeline * Blog * Comments * Sidebar * Scroll Top Button * Portfolio * Newsletter * Contact us * Footer * Template-Options * Media Queries * Retina Devices */ /* Color Options -------------------------------------------------------------- */ :root {--color-1: #1b98e0;} /* General -------------------------------------------------------------- */ .dct_title .et_pb_text_inner h2{text-transform:uppercase;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:.5px;color:#202526} .dct_title .et_pb_text_inner p span{color:var(--color-1);text-transform:capitalize;letter-spacing: 3px;text-transform: uppercase;font-weight: 600;} .dct-divider:before {border-top-color: var(--color-1) !important;} .dct-btn{background:var(--color-1);border-color:var(--color-1);color:#fff;border-radius:0;font-weight:300;font-size:14px;letter-spacing:.5px;text-transform:uppercase} .dct-btn:hover{background:#000 !important;color:#fff;padding: .3em 2em .3em .7em;} .dct-btn::after{font-size:25px;} #page-container {overflow-y:initial !important;} /* Slider ------------------------------------- */ .dct_slider .et_pb_slide_description .et_pb_slide_content h1{font-size:59px;font-weight:600;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;margin-top:0} .dct_slider .et_pb_slide_description .et_pb_slide_content h4 span{background-color:var(--color-1);padding:5px 14px;text-shadow:0 0 2px rgba(0,0,0,.3);letter-spacing:4px;text-transform:uppercase;font-size:20px;font-weight:400} .dct_slider .et_pb_slide_description .et_pb_button{color:#000!important;border-color:#fff;border-radius:0;letter-spacing:0;text-transform:uppercase!important;font-size:15px;background:#fff!important} .dct_slider .et_pb_slide_description .et_pb_button:hover{color:#fff!important;border-color:#000!important;background:#000!important} .dct_slider .et_pb_slide_description .et_pb_button:after {font-size:23px;} /* About Us -------------------------------------------------------------- */ #dct-custom-header{padding-top:450px;background-blend-mode:overlay;background-image:url(http://divibusiness.divi-childthemes.com/agency/web/wp-content/uploads/2018/09/slider-1.jpg);background-color:rgba(0,0,0,.51);background-position:top center;background-size:cover;padding-bottom:0;background-repeat:no-repeat} #dct-custom-header .container {padding-top:0px !important;} #dct-custom-header .et_pb_row,#dct-custom-header .et_pb_column { padding: 0;text-align: center !important;} #dct-custom-header .et_pb_column { text-align: center !important;width: 100%;} #dct-custom-header h1{font-weight:700;text-transform:uppercase;font-size:40px;color:#fff!important;text-align:center;background:var(--color-1);margin:auto;padding:10px} #dct-custom-header .woocommerce-breadcrumb{margin:0!important;font-weight:400;background:rgba(36,128,21,.5);padding:10px;line-height:1.5;font-size:18px;text-transform:uppercase;color:#fff} #dct-custom-header .woocommerce-breadcrumb a {color:#fff;} #dct-custom-header .container{padding-top:0} /* Hero-Background -------------------------------------------------------------- */ .dct-intro-blurb .et_pb_blurb_content{max-width:100%;} .dct-intro-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{font-size: 30px;padding: 15px;color:#fff !important; background-color:var(--color-1) !important;} .dct-intro-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size: 17px;text-transform: uppercase;font-weight: 500;letter-spacing: 2px;margin-bottom: .15rem;line-height: 1.2;color: #202526;} .dct-intro-text .et_pb_text_inner h3{text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem!important;font-size:25px;font-weight:500;line-height:1.2;color:#202526;margin-top:0} .dct-intro-text .et_pb_text_inner p{line-height:1.6;margin-top:0;font-size:.875rem;font-weight:400;color:#666} /* Blurb -------------------------------------------------------------- */ .dct-blurb-1{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;padding:20px;border:2px solid var(--color-1);background-color:#fff} .dct-blurb-1:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:var(--color-1);height:100%;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .dct-blurb-1:hover:before {left: 0;right: 0;} .dct-blurb-1 .et_pb_blurb_content{max-width:100% !important;} .dct-blurb-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff!important;width:80px;height:80px;border:1px solid transparent;line-height:80px;background:var(--color-1);font-size:40px;border-radius:50%;transition:.5s ease .2s} .dct-blurb-1:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background:#fff;color:#000 !important;} .dct-blurb-1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header,.dct-blurb-1:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:#fff;} .dct-blurb-1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size:16px;font-weight:600;color:#333;margin:0 0 10px;text-transform:uppercase;transition:all .5s ease 0s;text-align:center} .dct-blurb-1 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{font-size:14px;color:#666;text-align:center;font-weight:400;line-height:28px;transition:all .5s ease 0s} /* Call-To-Action -------------------------------------------------------------- */ .dct-cta .et_pb_text_inner h2{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:25px;margin-top:0;font-weight:300;line-height:1.2;margin-bottom:.5rem} .dct-cta .et_pb_text_inner h2 span{color:var(--color-1);font-weight:bold;} .dct-cta-btn{position:absolute;right:0;top:0;border-radius:0;font-weight:600;text-transform:uppercase;padding:5px;font-size:15px} .dct-cta-btn:hover{background-color:var(--color-1);padding: .3em 2em .3em .7em;} .dct-cta-btn::after {font-size:25px;} /* pricingTable -------------------------------------------------------------- */ .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table{padding:40px 0;text-align:center;position:relative;background: #fff;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_dollar_sign{font-size:25px;color:#fff;font-weight:600;margin-left: 0em !important;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{font-size:44px;color:#fff;font-weight:700;position:relative;left:12px} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_frequency{font-size:20px;color:#fff;font-weight:600;padding-left:15px} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before{content:none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{padding-bottom:0px; border-bottom:none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:after,.dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:before{content:"";display:block;width:100%;height:70px;border:2px solid var(--color-1);position:absolute;left:-2px;transition:all .3s ease 0s} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:before{top: 0;border-bottom: none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:after{bottom: 0;border-top: none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:before, .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table:hover:after{height: 50%;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading {background:#fff;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{font-size:30px;font-weight:700;color:#898384;text-transform:uppercase;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{padding:20px 0 20px;background:var(--color-1);font-size:40px;color:#fff;margin-bottom:20px} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content{list-style:none;padding:0;margin:0 0 20px} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content li{font-size: 14px;color: #898384;text-align: center;line-height: 20px;text-transform: uppercase;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button{border:none;color: #898384;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper .et_pb_button:hover{cursor:pointer;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{display:inline-block;padding:0;font-size:15px;font-weight:600;text-transform:uppercase;z-index:1;position:relative;transition:all .3s ease 0s} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:after,.dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:before{content:"";display:block;width:100%;height:10px;border:2px solid var(--color-1);position:absolute;left:0;z-index:2;transition:all .3s ease 0s} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:before{top: 0;border-bottom: none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:after{bottom: 0;border-top: none;} .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:hover:before, .dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper:hover:after{height: 50%;} /* Team -------------------------------------------------------------- */ .dct-team{position:relative;text-align:center;overflow:hidden} .dct-team .et_pb_team_member_image{margin-bottom:0px;} .dct-team .et_pb_team_member_image img{width:100%;height: auto;} .dct-team .et_pb_team_member_description {display:block !important;} .dct-team .et_pb_team_member_description .et_pb_module_header{width:100%;position:absolute;bottom:38px;padding:10px;left:0;color:#fff;font-weight:600;text-transform:uppercase;background:var(--color-1);z-index:1;transition:all .5s ease 0s} .dct-team.dark .et_pb_team_member_description .et_pb_member_position{background:var(--color-1);} .dct-team.dark .et_pb_team_member_description .et_pb_module_header{background:#000;} .dct-team .et_pb_team_member_description .et_pb_member_position{width:100%;position:absolute;bottom:0;font-size:15px;left:0;padding:8px 10px;color:#fff;font-style:italic;text-transform:capitalize;background:#000;z-index:1;transition:all .5s ease 0s} .dct-team.short_description .et_pb_team_member_description .et_pb_module_header{top: -38px;} .dct-team .et_pb_team_member_description .et_pb_team_short_description{color:#fff;font-style:italic;display:none;} .dct-team:hover .et_pb_team_member_description .et_pb_team_short_description{display:block;position:absolute;left:30px;top:-62px;background:#fff;color:#000;padding:10px} .dct-team .et_pb_team_member_description .et_pb_member_social_links{width:100%;position:relative;bottom:9px;list-style:none;transform:translateY(0);text-align:center;transition:all .5s ease 0s} .dct-team:hover .et_pb_team_member_description .et_pb_member_social_links{transform:translateY(-150px);z-index:1;} .dct-team .et_pb_team_member_description .et_pb_member_social_links li{display: inline-block;margin-right:10px;} .dct-team .et_pb_team_member_description .et_pb_member_social_links li a{display:inline-block;width:40px;height:40px;line-height:40px;font-size:16px;color:#fff;background:var(--color-1);transition:all .3s ease 0s} .dct-team .et_pb_team_member_description .et_pb_member_social_links li a:hover{background:#fff;color:#000;} /* Testimonial -------------------------------------------------------------- */ .dct-testimonial .et_pb_slide .et_pb_slide_content img{border-radius:50%;} .dct-testimonial .et_pb_slides .et_pb_slide .et_pb_slide_description .et_pb_slide_title{font-size: 20px;} /* Counter -------------------------------------------------------------- */ .dct-ct .percent-value {color:var(--color-1);font-size: 50px;} .dct-ct .title{color:#fff;text-transform: uppercase;font-size: 15px;} .dct-main-timeline{position: relative;transition: all 0.4s ease 0s;} .dct-main-timeline:before{content:"";width:3px;height:100%;position:absolute;top:0;left:50%} .dct-main-timeline .dct-timeline{position: relative;} .dct-main-timeline .dct-timeline:after,.dct-main-timeline .dct-timeline:before{content:"";display:block;width:100%;clear:both} .dct-main-timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{display:inline-block;width:70px;height:30px;line-height:25px;text-align:center;background:var(--color-1);border:2px solid #fff;font-size:20px;color:#fff!important;margin-right:10px;right:-21%;position:absolute;transition:all .3s ease 0s} .dct-main-timeline .dct-timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {position: absolute;left:-18%;} .dct-main-timeline .dct-timeline .et_pb_blurb_content{width:45%;margin-left:0;border-radius:5px;text-align:left;box-shadow:0 3px 0 var(--color-1)} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_module_header{display:inline-block;font-size:14px;font-weight:300;color:#fff;padding:8px 20px;background:var(--color-1);border:2px solid #fff;} .dct-main-timeline .dct-timeline:hover .et_pb_blurb_content .et_pb_module_header{box-shadow:0 0 15px rgba(255,255,255,.9)} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_blurb_description{font-size:14px;color:#fff;line-height:2;padding-top:10px} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_blurb_container{padding: 0px 15px; position: relative;top: -37px;text-align:right;} .dct-main-timeline .dct-timeline:nth-child(2n) .et_pb_blurb_content .et_pb_blurb_container{text-align:left;} .dct-main-timeline .dct-timeline .et_pb_blurb_content{width:45%;padding:0px 20px;border-radius:0px;} .dct-main-timeline:before{background:#fff;} .dct-main-timeline .dct-timeline:nth-child(2n) .et_pb_blurb_content{float: right;text-align: left !important;} /* .dct-main-timeline .dct-timeline:hover .et_pb_blurb_content .et_pb_blurb_container{box-shadow:0 0 15px rgba(255,255,255,.9)} */ .dct-main-timeline .dct-timeline:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{box-shadow:0 0 15px rgba(255,255,255,.9)} /* Blog -------------------------------------------------------------- */ .dct-blog .et_pb_post{border:none;} .dct-blog .et_pb_post .et_pb_image_container a{overflow: hidden !important;position: relative;margin-bottom: 21px;} .dct-blog .et_pb_post .et_pb_image_container img{transition: 1s;} .dct-blog .et_pb_post:hover .et_pb_image_container img{transform: scale(1.2) rotate(5deg);} .dct-blog .et_pb_blog_grid .et_pb_post .post-meta .published{background: var(--color-1);color:#fff;font-size: 85%;padding: 2px;position: absolute;top: 0;} .dct-blog .et_pb_post .post-meta a{font-size: 12px;color#333;} .dct-blog .et_pb_post .entry-title{font-size:18px;text-transform: uppercase;font-weight: 600;margin-top: -20px;} .dct-blog .et_pb_post .post-content p{color: #111;font-size: 12px;font-weight: 500;text-transform: capitalize;} .single .et_pb_post .entry-title {display:none;} .single #left-area .post-meta {text-transform:uppercase;} /* Comments */ #comment-wrap {padding-top: 20px;} #commentform{padding-bottom:30px;position:relative;overflow:hidden} h1#comments,h3#reply-title{font-weight:600;font-size:20px;padding-bottom:0;position:relative;text-transform:uppercase} h1#comments {margin-bottom: 30px;} h3#reply-title {margin-bottom: 5px;} h3#reply-title a#cancel-comment-reply-link {font-size: 14px;} .single .comment_area .comment-reply-link{padding-top:3px!important;padding-bottom:3px!important;font-size:13px;line-height:1.5!important;position:relative;display:inline-block;margin-top:5px;margin-bottom:8px;border-width:1px;color:inherit;font-weight:500} .single .comment_area .comment-reply-link:hover {color: #fff;} .comment #respond {margin: 0 auto 30px !important;padding: 0 !important;} .form-submit .et_pb_button { font-size: 15px; line-height: 1.5 !important; padding: 10px 25px !important; background:var(--color-1); text-transform:uppercase; border:1px solid var(--color-1); color:#fff !important; } .form-submit .et_pb_button:hover { padding: 10px 25px !important; background:#000; border:1px solid #000; } #commentform input[type=email],#commentform input[type=text],#commentform input[type=url],#commentform textarea{font-size:14px;line-height:1.5;border:1px solid rgba(0,0,0,.15);padding:12px 15px;border-radius:0;background:0 0!important;transition:all .3s,ease-in-out} .comment span.fn, .comment span.fn a { font-size: 14px; } .comment .comment-body{margin-bottom:15px;padding:15px 15px 15px 70px;position:relative;overflow:hidden;display:block;border-radius:5px;min-height:75px} .comment .children .comment-body {margin-bottom: 10px;} .comment .comment_avatar { left: 12px; top: 15px;} .comment .comment_avatar img{width:45px!important;height:45px!important;object-fit:cover;border-radius:50%;max-width:100%!important} .comment .comment_area { font-size: 14px; line-height: 1.4; } .comment_postinfo { line-height: 1.2 !important; } .comment.bypostauthor > article { background: rgba(0,0,0,0.02); border-left: 4px solid; } .entry-content .et_builder_inner_content .et_pb_section {padding:0px!important;} /* Sidebar */ #main-content .container::before {background-color: transparent;} #main-content .container{padding-top:30px !important;} #left-area { width: 73%; padding-right:1.5% !important; } #sidebar {width:27% ;} #sidebar .et_pb_widget h4.widgettitle{font-weight:500;font-size:20px;line-height:1;display:block;margin-bottom:0;padding-bottom:15px;text-transform:uppercase} #sidebar .widget_product_categories ul, #sidebar ul.widget_taxonomy_terms, #sidebar .widget_recent_comments ul, #sidebar .widget_archive ul, #sidebar .widget_categories ul, #sidebar .widget_recent_entries ul, #sidebar .widget_meta ul { padding: 0; margin-bottom: 0; } #sidebar .widget_product_categories ul.children, #sidebar .widget_categories ul.children { margin-top: 15px; } #sidebar .widget_product_categories ul li, #sidebar ul.widget_taxonomy_terms li, #sidebar .widget_recent_comments ul li , #sidebar .widget_archive ul li , #sidebar .widget_categories ul li , #sidebar .widget_recent_entries ul li , #sidebar .widget_meta ul li { border-top: 1px dashed rgba(0,0,0,0.1); padding: 10px 0; margin-bottom: 0; line-height: 1.2; font-weight: normal; font-size: 14px; } #sidebar .widget_product_categories li.cat-parent, #sidebar .widget_categories li.cat-parent { padding-bottom: 0; } #sidebar .widget_product_categories ul:not(.children) > li:first-child, #sidebar ul.widget_taxonomy_terms > li:first-child, #sidebar .widget_recent_comments ul > li:first-child, #sidebar .widget_archive ul > li:first-child, #sidebar .widget_categories ul:not(.children) > li:first-child, #sidebar .widget_recent_entries ul > li:first-child, #sidebar .widget_meta ul > li:first-child { border: none; padding-top: 0; } #sidebar .widget_product_categories li, #sidebar ul.widget_taxonomy_terms li, #sidebar .widget_archive ul li, #sidebar .widget_categories ul li { padding-right: 20px; position: relative; } #sidebar .widget_product_categories ul li:before, #sidebar ul.widget_taxonomy_terms li:before, #sidebar .widget_archive ul li:before, #sidebar .widget_categories ul li:before { content: '\24'; font-family: 'ETmodules'; right: 0; position: absolute; font-size: 18px; line-height: 1; } #sidebar .widget_recent_entries span.post-date { display: block; opacity: 0.75; font-size: 80%; font-style:italic; margin-top: 3px; } #sidebar .widget_advwidget .adwrap a { display: block; margin-bottom: 5px; } .tagcloud a { display: inline-block; padding: 8px 20px; font-size: 15px !important; line-height: 1; color: #222; border: 1px solid; border-radius: 25px; margin-right: 7px; margin-top: 7px; background: transparent; } .tagcloud a:hover { color: #fff; } .widget_search input#s, .widget_search input#searchsubmit { border-radius: 0px; } .widget_search input#s { padding: 0 90px 0 20px; } .widget_search input#searchsubmit { color: #fff; width: 80px; border: none; } .pricing-section .et_pb_button_wrapper, .pricing-section .et_pb_pricing_content_top, .single-project .nav-single a:hover, .ecs-all-events a, #tribe-mobile-container .type-tribe_events .tribe-events-read-more:hover, #tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured, .tribe-events-calendar th, #tribe-bar-form .tribe-bar-submit input[type="submit"]:hover, .tribe-events-list .tribe-events-read-more:hover, .tribe-events-nav-next a:hover, .tribe-events-nav-right a:hover, .tribe-events-nav-previous a:hover, .tribe-events-nav-left a:hover, .woocommerce .woocommerce-pagination ul.page-numbers span.current, .woocommerce-page .woocommerce-pagination ul.page-numbers span.current, .wp-pagenavi span.current, .woocommerce .woocommerce-pagination ul.page-numbers a:hover, .woocommerce-page .woocommerce-pagination ul.page-numbers a:hover, .woocommerce-cart p.cart-empty::before, .woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-product-search button[type="submit"], .woocommerce span.onsale, .woocommerce-page span.onsale, .widget_search input#searchsubmit, .et_pb_tabs ul.et_pb_tabs_controls li.et_pb_tab_active, .et_pb_fullwidth_portfolio .et-pb-arrow-next, .et_pb_fullwidth_portfolio .et-pb-arrow-prev, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_gallery_pagination ul li a.active, .et_pb_gallery_pagination ul li a:hover, .et_pb_portofolio_pagination li a.active, .et_pb_portofolio_pagination li a:hover, #footer-bottom .et-social-icon a:hover, form#animal_searchform input[type="submit"], .single .comment_area .comment-reply-link:hover, .tag-line a:hover, .tagcloud a:hover, .caldera-grid .btn:hover, .slider-donation .give-btn:hover, .give-submit-button-wrap .give-btn:hover, .give-btn.give-btn-modal:hover, #top-header .et-social-icon a:hover, #et-secondary-nav li > ul li a:hover, #top-menu li li a:hover, .et_mobile_menu li a:hover, #mobile_menu li a:hover, .da-menu-phone a, .bank-account, .home-slider .et-pb-arrow-next, .home-slider .et-pb-arrow-prev, .not-found-404 .buttons-container a.et_pb_button:hover, .wp-pagenavi a:hover, .more-link:hover {background-color: var(--color-1);} /* Portfolio -------------------------------------------------------------- */ .dct-pfl-v5 .et_pb_portfolio_filters { text-align: center; } .dct-pfl-v5 .et_pb_portfolio_filters li { display: inline-block; float: none; } .dct-pfl-v5 .et_pb_portfolio_filters li a { border: none; border-radius: 0px !important; padding: 11px 24px; margin-bottom: 15px; } .dct-pfl-v5 .et_pb_portfolio_filters li a.active { color: #fff !important; box-shadow: 0px 10px 15px -6px rgba(51, 51, 51, 0.5);} .dct-pfl-v5 .et_pb_portfolio_item .et_portfolio_image .et_overlay {display: none;} .dct-pfl-v5 .et_pb_portfolio_item {overflow: hidden;} .dct-pfl-v5 .et_pb_portfolio_item .et_portfolio_image {transition: all .3s ease-in-out;} .dct-pfl-v5 .et_pb_portfolio_item .project-02-content { position: absolute; bottom: 0; right: 0; left: 0; padding: 11px 18px; transform: translateY(105%); transition: all .3s ease-in-out;} .dct-pfl-v5 .et_pb_portfolio_item:hover .project-02-content{transform: translateY(1%);} .dct-pfl-v5 .et_pb_portfolio_item:hover .et_portfolio_image {transform: translateY(-20px);} .dct-pfl-v5 .et_pb_portfolio_filters li a.active, .dct-pfl-v5 .et_pb_portfolio_item .project-02-content{background: var(--color-1);} .dct-pfl-v5.et_pb_filterable_portfolio .et_pb_portfolio_item.active:nth-child(odd) { animation: bdcZoomIn 1s 1 cubic-bezier(.77,0,.175,1); } @-webkit-keyframes bdcZoomIn { from {transform: scale(.7);opacity:.5;} to {transform: scale(1);opacity:1;} } /************ Newsletter***************/ div.et_pb_section.dct-newsletter{background-color:var(--color-1) !important;} .dct-newsletter-v5 .et_pb_newsletter_form p input{border-radius:0px !important; background: var(--color-1) !important;border: 1px solid transparent;border-bottom: 1px solid #fff;color: #fff !important;} .dct-newsletter-v5 .et_pb_newsletter_button .et_pb_newsletter_button_text{color:var(--color-1);} .dct-newsletter-v5 .et_pb_newsletter_button{background:var(--color-1);width: 5%;position: absolute;top: -25px;right: 0;} .dct-newsletter-v5 .et_pb_newsletter_description p{font-size: 15px;font-weight: 600; padding-bottom:5px;} .dct-newsletter-v5 .et_pb_newsletter_description h2{font-size: 20px;font-weight: 500;text-transform: capitalize;} /* Contact us -------------------------------------------------------------- */ .dct-contact .et_pb_button{font-size:15px;border-radius:0;background:var(--color-1);color:#fff;border-color:var(--color-1);text-transform:uppercase;font-weight:600} /* Footer -------------------------------------------------------------- */ .dct-footer-menu {margin:0px;padding-bottom:10px;} .dct-footer-menu li{display:inline-block;margin-left:10px;font-size:12px;text-transform:uppercase; font-weight:600} .dct-footer-menu li a {color:#FFF !important;border-right: 2px solid #fff;padding-right: 20px;} .dct-footer-menu li:last-child a{border-width:0px;} .dct-footer-menu li a:hover {color:#FFF !important;} .dct-footer-contact .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color:#fff !important;font-size:20px; background-color:var(--color-1) !important;} #footer-info { float: none;text-align: center;} #footer-info, #footer-info a { font-weight: normal;font-style: normal; text-transform: uppercase;text-decoration: none;} #footer-info{padding:7px 0;margin:0;color:#fff;font-size:14px;font-weight:300;line-height:26px;font-variant:small-caps;border-top: 1px solid var(--color-1);margin-top: 15px;} #footer-info a{font-weight:500;color:#fff!important;transition:all .5s ease;} #footer-info a:hover{color:#888!important} #footer-bottom{padding:16px 0} #footer-bottom .container {text-align:center;} #footer-bottom .et-social-icons{overflow:hidden;float:none;padding-bottom:0px !important;} #footer-bottom .et-social-icons li{display:inline-block;margin-right:0} #footer-bottom .et-social-icons li:last-child{margin-right:0} #footer-bottom .et-social-icons li a{color:var(--color-1);height:40px;width:40px;border:2px solid var(--color-1);display:block;font-size:14px;text-align:center;line-height:38px;transition:all .5s ease;border-radius:50%;} #footer-bottom .et-social-icons li a:hover{background:#000;color:#fff;border-color:#fff;transform:rotate(360deg);box-shadow: 0 0 20px var(--color-1);} /* Template-Options -------------------------------------------------------------- */ .template-options .theme_option_bar:before {font-size: 22px;content: "\e037";cursor: pointer;color:#000;font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal;} .template-options.opened .theme_option_bar:before {content: "\4d";font-size: 32px;} .template-options{position:fixed;top:130px;right:-200px;width:200px;background:#fff;-webkit-transition:right .4s;transition:right .4s;z-index:9999999}.template-options.opened{right:0;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);z-index:9999999}.option-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f1f1f1}.option-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.option-section h4{color:#333;margin:0 0 10px;font-size:14px;line-height:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.option-section .checkbox{margin-bottom:0}.options-inner{position:relative;padding:20px}.cl-toggler{position:absolute;top:0;left:-48px;display:inline-block;background:#fff;width:48px;height:48px;line-height:48px;text-align:center;font-size:24px;color:#000;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,.2)}.cl-toggler i{font-size:20px}.cl-toggler:hover{color:#000}.cl-bg-images,.cl-presets{list-style:none;padding:0;margin:-5px}.cl-bg-images li,.cl-presets li{display:block;float:left;margin:5px}.cl-bg-images li a,.cl-presets li a{display:block;width:42px;height:42px;border-radius:2px;float:left}.cl-bg-images li a img{width:100%}.cl-bg-images li.active a{border:3px solid #22b8f0}.cl-presets li.active a{-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 0 0 3px rgba(0,0,0,.2) inset} @media (max-width: 980px) { .template-options {top:10%;width:100px;right: -100px;} .cl-bg-images li a, .cl-presets li a {width:25px;height:25px;} } /******************* Media Queries *********************/ /* General*/ @media (max-width: 980px) { .dct_title{margin-bottom:0px !important;} .dct-divider::before{margin-top: 20px;} .dct_title .et_pb_text_inner h2{font-size: 30px;} .dct-btn:hover{border-width: 1px !important;padding: .3em 2em .3em .7em;} .dct-btn::after{font-size:20px;} } /* Slider*/ @media (max-width: 980px) { .dct_slider .et_pb_slide_description .et_pb_slide_content h4 span{font-size:15px;} .dct_slider .et_pb_slide_description .et_pb_slide_content h1{font-size:35px;} .dct_slider .et_pb_slide_description .et_pb_button{margin-bottom:10px;font-size:12px;min-width: 100%;text-align: center;}} /* About us*/ @media only screen and (max-width:980px){#dct-custom-header{padding-top:200px!important}#dct-custom-header h1{font-size:16px} #main-content .container{padding-top: 30px !important;} .et_post_meta_wrapper h1{font-size: 20px;text-transform: uppercase;}} /* Hero-Background*/ @media (max-width: 980px){ .dct-intro-text .et_pb_text_inner h3{font-size: 20px;padding-top: 15px;} .dct-intro-text .et_pb_text_inner p{text-align: justify;} .dct-intro-blurb .et_pb_blurb_content{max-width: 100%;} .dct-intro-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{text-align: justify;} } /* Blurb*/ /* Call-To-Action*/ @media (max-width: 980px) {.dct-cta .et_pb_text_inner h2{text-align: center;margin-bottom: 0rem;font-size: 20px;} .dct-cta-btn{position: relative;font-size: 12px;min-width: 50%;} .dct-cta-btn:hover{border-width:1px !important;padding:5px !important;} .dct-cta-btn::after{font-size:20px;} } /* pricingTable*/ @media only screen and (max-width: 990px){.dct-pricingTable .et_pb_pricing_table_wrap .et_pb_pricing_table{ margin-bottom: 30px; }} /* Team*/ @media only screen and (max-width: 990px) {.dct-team{ margin-bottom:15px; }} /*Testimonial*/ @media (max-width: 980px){ .dct-testimonial .et_pb_slides .et_pb_slide_description .et_pb_slide_title{font-weight: 300 !important;font-size: 16px !important;} } /*Counter*/ /* Timeline */ @media (max-width: 980px){ .dct-main-timeline:before{left: 0;} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_blurb_container {text-align:left;} .dct-main-timeline .dct-timeline .et_pb_blurb_content{max-width:100%;width:90%;float:right;padding-bottom: 0px !important;text-align:left;} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{left:-40px;width:30px;} .dct-main-timeline .dct-timeline:nth-child(2n) .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{left:-40px; } .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_blurb_container {padding: 0px 15px;top: -37px;position: relative;} .dct-main-timeline .dct-timeline .et_pb_blurb_content .et_pb_module_header {padding: 7px 20px;border: 2px solid #fff;font-size: 14px;} } /* Blog */ @media (max-width: 980px){ .m-row {width:100%;padding:0px;} } /* Comments */ @media (min-width: 500px) { .single-post.et_full_width_page #comment-wrap { width: 90%; margin-right: auto; margin-left: auto;}} .form-submit .et_pb_button { font-size: 10px; line-height: 1.5 !important; padding: 5px !important; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase; border-width: 1px; border-radius: 0; } .form-submit .et_pb_button:hover{padding: 5px !important;background:var(--color-1);color:#fff;} .entry-content .et_builder_inner_content .et_pb_section {padding:0px!important;} @media (min-width: 700px) { p.comment-form-author, p.comment-form-email, p.comment-form-url { width: 32%; float: left; } p.comment-form-author, p.comment-form-email { margin-right: 2% !important; } p.comment-form-author input, p.comment-form-email input, p.comment-form-url input { width: 100% !important; display: block; } } /* Sidebar */ @media (max-width: 700px) { .comment .comment-body { padding: 10px 15px !important; } .comment .comment_avatar { display: none; } p.comment-form-author, p.comment-form-email, p.comment-form-url { width: 100%; display: block; } } /* Portfolio */ @media (max-width: 980px){ .dct-pfl-v5 .et_pb_portfolio_item .project-02-content h2{font-size:15px !important;}} /* Scroll Top Button */ /* @media (max-width: 980px){.et_pb_scroll_top::after{content: "";} .et_pb_scroll_top::before{font-size: 20px;margin-right: 0;} .et_pb_scroll_top.et-pb-icon{padding: 0px 5px 10px;} } */ /* Footer */ @media (max-width: 980px){ .dct-footer-menu{padding: 0 !important;} /* Header Menubar */ .mobile_menu_bar::before{color:#fff !important;}