/*--------------------------------------------------------------------------------- Theme Name: Acon Engineering Theme URI: //www.aconengineering.nl Description: Acon Engineering B.V. Author: WK ICT Author URI: //wk-ict.nl Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: //www.gnu.org/licenses/gpl-2.0.html ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ================================================== */ /** * Color Options * General * Slider * Hero-Background * Blurb * Call-To-Action * Testimonials * PricingTable * Team * Counter * Tab * Client-Logo * Blog * Footer * Bottom Bar * Scroll Top Button */ /* Color Options -------------------------------------------------------------- */ :root{-color-1:#5f315f;-color-2:#000;} /* General -------------------------------------------------------------- */ .dct-border:after,.dct-border:before{background-color:var(-color-1);content:"";height:2px;position:absolute;transform:translateX(-50%)} .dct-border{margin-bottom:0!important} .dct-border:after{bottom:-6px;width:140px;left:calc(50%)} .dct-border:before{bottom:0px;width:100px;left:50%} .dct-title-primary {color:var(-color-1)!important} .dct-bg-primary{background-color:var(-color-1)!important} .dct_header .header-content{width: 100% !important;} .et_header_style_split .centered-inline-logo-wrap {width: auto !important;} /* Slider -------------------------------------------------------------- */ .dct-slider .et_pb_slide_content{line-height:1.5;font-size:22px} .dct-slider .et_pb_slide .et_pb_slide_title{font-weight:900!important;line-height:1.25;font-size:40px!important;text-transform:uppercase;position:relative;padding:10px 0!important; margin-bottom:10px} .dct-slider .et_pb_button{border-width:2px!important;border-style:solid!important;border-color:var(-color-1);padding:8px 50px!important;line-height:1.5!important;background:var(--color-1);text-transform:uppercase} .dct-slider .et_pb_button:hover{background:#000;padding-right:60px!important} .dct-slider .et_pb_button:after{line-height:.9!important} .dct-slider .et_pb_slides{position:relative} .dct-slider .et-pb-controllers a {width:15px;} .dct-slider .et-pb-controllers .et-pb-active-control {background:var(--color-1);} @media (min-width:767px) and (max-width:980px){ .dct-slider .et_pb_slide_content{font-size:21px} .dct-slider .et_pb_slide .et_pb_slide_title{font-size:40px!important} .dct-slider .et_pb_slide .et_pb_slide_title:before{height:70px} .dct-slider .et_pb_slide .et_pb_slide_title:after{width:70px} } @media (max-width:766px){ .dct-slider .et_pb_slide_content{font-size:14px!important} .dct-slider .et_pb_slide .et_pb_slide_title{font-size:20px!important} .dct-slider .et_pb_slide .et_pb_slide_title:before{height:60px;width:10px;left:-20px;top:-5px;border-left-width:5px;border-bottom-width:5px} .dct-slider .et_pb_slide .et_pb_slide_title:after{width:55px!important;left:-20px;top:-5px;height:10px!important;border-right-width:5px;border-top-width:5px} } /* Hero-Background -------------------------------------------------------------- */ .dct-blurb-1 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{padding: 20px; font-size: 25px;color:#fff !important; background-color:var(-color-1) !important} /* Blurb -------------------------------------------------------------- */ .dct-blurb{padding:20px 15px;border:1px solid #000;border-bottom-color:var(-color-1,#1866bd);border-top-color:var(--color-1,#1866bd);text-align:center;position:relative;transition:all .5s ease 0s} .dct-blurb:hover{border:1px solid var(-color-1,#1866bd)} .dct-blurb:after,.dct-blurb:before{content:"";width:70%;height:5px;background:var(--color-1,#1866bd);opacity:0;position:absolute;top:-3px;left:35%;transform:translateX(-50%);transition:all .5s ease 0s} .dct-blurb:hover:after,.dct-blurb:hover:before{opacity:1;left:50%} .dct-blurb:after{top:auto;bottom:-3px} .dct-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{padding:25px;border-radius:50%;background:var(--color-1);margin:0 auto 20px;font-size:35px;color:#fff!important} .dct-blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{box-shadow:0 0 1px 5px rgba(0,0,0,0.5)} .dct-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{font-size:20px;font-weight:700;color:var(-color-1);margin:0 0 10px;transition:all .5s ease 0s;text-align:center;font-variant:small-caps} .dct-blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{opacity:0} .dct-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{font-size:14px;color:#fff;line-height:25px;margin:0;transition:all .5s ease 0s;text-align:center;font-variant:small-caps} .dct-blurb:hover .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{margin-top:-20px;padding-bottom:20px} @media only screen and (max-width:990px){.dct-blurb{margin-bottom:30px}} .dct-service-2 .dct-blurb{border:1px solid #fff;} .dct-service-2 .dct-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{color:#fff;} .dct-service-2 .dct-blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{box-shadow:0 0 1px 5px rgba(255,255,255,0.5)} .dct-service-3 .dct-blurb{ border: 1px solid #000; background: var(--color-1,#1866bd);} .dct-service-3 .dct-blurb:before, .dct-service-3 .dct-blurb:after{background: #000; } .dct-service-3 .dct-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{background:#000; color: #fff !important;} .dct-service-3 .dct-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{color:#000;} .dct-service-3 .dct-blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{box-shadow:0 0 1px 5px rgba(255,255,255,0.5)} .dct-service-3.light .dct-blurb:before, .dct-service-3.light .dct-blurb:after{background: #fff; } /* Call-To-Action -------------------------------------------------------------- */ .double-button-wrapper .et_pb_row {width: 100%!important;} .double-button {} /*----------Double Button Desktop View----------*/ .button-left,.button-right{width:100%;text-align:center;padding:10px!important;text-transform:uppercase} .button-left:after,.button-right:after{content:"\45";margin-top:4px} .button-left{-webkit-clip-path:polygon(0 0,100% 0,86% 100%,0 100%);clip-path:polygon(0 0,100% 0,86% 100%,0 100%); margin-right:-92px;border-radius:0;font-size:20px;border:0!important;background:#000;color:#fff} .button-left:after{font-size:28px}.button-right{-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%); margin-left:-92px;border-radius:0;font-size:20px;border:0!important}.button-right:after{font-size:28px;line-height:60px} @media only screen and (max-width:980px){ .button-left{width:100%;float:left;left:35px} .double-button .et_pb_column{width:50%!important} .button-right{width:100%;float:left;margin-left:-40px} } @media only screen and (max-width:700px){ .button-left,.button-right{font-size:15px} } @media only screen and (max-width:479px){ .button-left{font-size:15px;left:0;width:110%} .button-left:after{font-size:22px;margin-top:2px} .button-right{font-size:15px;width:calc(100% + 12px);margin-left:-12px} .button-right:after{font-size:22px;margin-top:2px} } /* Testimonials -------------------------------------------------------------- */ .dct-testimonial{margin:0;text-align:center;position:relative;background-color:#fff!important} .dct-testimonial:hover .et_pb_testimonial_description{border:3px solid var(--color-1,#1866bd);} .dct-testimonial:before{font-weight:900;width:50px;height:50px;line-height:50px;background:var(--color-1,#1866bd);font-size:30px;color:#fff;position:absolute;top:0;right:-52px} .dct-testimonial .et_pb_testimonial_description{padding:25px;margin-bottom:30px;border:1px solid var(--color-1,#1866bd);font-size:16px;line-height:30px;position:relative} .dct-testimonial .et_pb_testimonial_description:before{content:"";border-top:8px solid var(--color-1,#1866bd);border-left:8px solid transparent;border-right:8px solid transparent; position:absolute;bottom:-11px;left:50%;transform:translateX(-50%)} .dct-testimonial .et_pb_testimonial_description:after{content:"";width:19px;height:22px;border:1px solid var(--color-1,#1866bd);border-top:1px solid #fff; border-left:1px solid #fff;margin-left:-2.5px;position:absolute;bottom:-17.5px;left:50%;z-index:-1;transform:rotate(45deg) translateX(-50%)} .dct-testimonial .et_pb_testimonial_portrait{display:inline-block;width:100px;height:100px;border-radius:50%;border:3px solid var(--color-1,#1866bd);margin-bottom:15px} .dct-testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_author{display:block;font-size:20px;font-weight:600;color:var(--color-1,#1866bd); letter-spacing:1px;text-transform:uppercase;margin:0 0 7px} .dct-testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner{display:block;font-size:15px;color:#000;text-transform:capitalize} @media only screen and (max-width:479px){.dct-testimonial .et_pb_testimonial_description{padding:10px}} @media only screen and (max-width:766px){.dct-testimonial::before{display:none;}} /* PricingTable -------------------------------------------------------------- */ /************PricingTable 2 ***************/ .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table{border:1px solid #dbdbdb;box-shadow:0 0 10px rgba(0,0,0,.14);margin:0 -30px;text-align:center;transition:all .4s ease-in-out 0s} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover{border:2px solid var(--color-1);margin-top:-30px} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading{padding:30px 10px;background:#fff} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_pricing_title{display:block;font-weight:900;color:#000;text-transform:uppercase;font-size:21px} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_heading .et_pb_best_value{color:#82919f;display:block;font-size:15px;position:absolute;bottom:-82px;left:127px;margin-top:15px;font-weight:100} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top{padding-bottom:45px;border-bottom:1px solid #d0d0d0;color:#000;font-weight:900} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price{color:#474747;display:block;font-size:25px;font-weight:800;line-height:35px;padding:0 10px} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content_top .et_pb_et_price .et_pb_sum{font-size:50px;color:#474747;font-weight:800;top:-26px;position:relative} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul{padding:0;list-style:none;margin-bottom:0} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul li{padding:20px 0;text-align:center} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content .et_pb_pricing li span::before{content:none} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul li:nth-child(odd){background-color:#fff} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_pricing_content ul li:last-child{border-bottom:1px solid #dbdbdb} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button_wrapper{padding:25px 0} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button{width:50%;margin:0 auto;background:var(--color-1);border:1px solid transparent;padding:10px 5px;color:#fff;text-transform:capitalize;border-radius:5px;transition:.3s ease} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table .et_pb_button:after{content:"\35";font-family:ETmodules!important;font-weight:900;opacity:1;position:relative;top:4px;font-size:27px} .dct-pricingTable-2 .et_pb_pricing_table_wrap .et_pb_pricing_table:hover .et_pb_button{background:#fff;color:var(--color-1);border:1px solid var(--color-1)} /* Team -------------------------------------------------------------- */ .dct-team{text-align:center;overflow:hidden;position:relative;z-index:1} .dct-team:after,.dct-team:before{content:"";background:var(--color-1,#1866bd);width:17px;height:150px;position:absolute;z-index:-1; -webkit-transition:all .5s ease .2s;-moz-transition:all .5s ease .2s;-ms-transition:all .5s ease .2s;-o-transition:all .5s ease .2s;transition:all .5s ease .2s;visibility:visible} .dct-team:before{top:50%;left:0;margin-top:-75px}.dct-team:after{top:50%;right:0;margin-top:-75px} .dct-team:hover:after,.dct-team:hover:before{height:200px;margin-top:-100px} .dct-team .et_pb_team_member_image{margin:0 20px;position:relative;border:3px solid var(-color-1,#1866bd); -webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s} .dct-team:hover .et_pb_team_member_image{border-color:#33343e} .dct-team .et_pb_team_member_image:after{content:"";background:#33343e;width:100%;height:0;position:absolute;top:50%;left:0;opacity:0; transform-origin:0 0 0;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s} .dct-team:hover .et_pb_team_member_image:after{height:240px;opacity:.85;top:50%;margin-top:-120px} .dct-team .et_pb_team_member_image img{width:100%;height:auto} .dct-team .et_pb_team_member_description{width:100%;position:absolute;top:50%;margin-top:-62px;left:0;opacity:0; -webkit-transition:all .5s ease .2s;-moz-transition:all .5s ease .2s;-ms-transition:all .5s ease .2s;-o-transition:all .5s ease .2s;transition:all .5s ease .2s} .dct-team:hover .et_pb_team_member_description{opacity:1} .dct-team .et_pb_team_member_description .et_pb_module_header{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;margin:0 0 5px} .dct-team .et_pb_team_member_description .et_pb_member_position{font-size:14px;color:#fff;line-height:26px;text-transform:capitalize} .dct-team .et_pb_member_social_links{padding:0;margin:40px 0 0;list-style:none} .dct-team .et_pb_member_social_links li{display:inline-block} .dct-team .et_pb_member_social_links li a{display:inline-block;width:35px;height:35px;line-height:35px;border:1px solid #fff;font-size:18px;color:#fff;margin:0 7px; -webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s} .dct-team .et_pb_member_social_links li a:hover{background:#fff;color:var(-color-1,#1866bd)} .dct-team{margin-bottom:30px} @media (max-width:767px){.dct-team{max-width:400px;margin:0 auto 30px}} /* Counter -------------------------------------------------------------- */ .dct-counter{padding:20px 0;text-align:center;position:relative} .dct-counter .et_pb_number_counter{width:180px;height:180px;border-radius:50%;background:#fff;padding:30px 0;margin:0 auto 30px;z-index:1;position:relative;transition:all .3s ease 0s} .dct-counter .et_pb_number_counter:before{content:"";width:122%;height:122%;border-radius:50%;border:20px solid var(-color-1,#1866bd);border-bottom:20px solid transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .dct-counter:hover .et_pb_number_counter:before{border:20px solid rgba(255,255,255,.5);box-shadow:0 0 1px 5px rgba(250,140,29,.5)} .dct-counter .et_pb_number_counter:after{content:"";border-top:16px solid var(-color-1,#1866bd);border-left:16px solid transparent;border-right:16px solid transparent;position:absolute;bottom:-14px;left:50%;transform:translateX(-50%)} .dct-counter .dct-counter-image{display:block;font-size:50px;color:var(--color-1,#1866bd);position:relative;z-index:1000;background:#000;border-radius:50%;width:100px;height:100px;line-height:100px;top:50px;border:10px solid #fff} .dct-counter:hover .dct-counter-image{transform:translateY(-50%);border:10px solid var(-color-1,#1866bd);transition:all .5s ease 0s} .dct-counter .et_pb_number_counter .percent .percent-value{font-size:50px;font-weight:700;color:rgba(0,0,0,.7);line-height:70px} .dct-counter .et_pb_number_counter .title{display:inline-block;padding:5px 25px;background:var(--color-1,#1866bd);border-radius:50%;font-size:20px;font-weight:600;color:#fff;text-transform:capitalize;margin:0} /* Tab -------------------------------------------------------------- */ /* Client-Logo -------------------------------------------------------------- */ .dct-client-logo{filter:gray;-webkit-filter:grayscale(1);-webkit-transition:all .8s ease-in-out} .dct-client-logo:hover{filter:none;-webkit-filter:grayscale(0);-webkit-transform:scale(1.01)} /* Portfolio -------------------------------------------------------------- */ /*** Portfolio Style Start here ***/ .dct_portfolio .et_pb_portfolio_filters li a{border-radius:0;padding:15px;color:var(-color-1);font-size:15px;text-transform:uppercase;font-weight:500}.dct_portfolio .et_pb_portfolio_filters li a:hover{background:var(--color-1);color:#fff}.dct_portfolio .et_pb_portfolio_filters li a.active{color:#fff!important;background-color:var(--color-1)}.dct_portfolio .et_pb_portfolio_filters ul.clearfix{max-width:1260px;margin:auto!important}.et_overlay{display:none}.dct_portfolio .et_pb_portfolio_item{overflow:hidden;position:relative}.dct_portfolio .et_pb_portfolio_item .et_portfolio_image{width:100%;height:auto;transform:scale(1,1);transition:transform .5s linear}.dct_portfolio .et_pb_portfolio_item:hover .et_portfolio_image{transform:scale(1.1,1.1)}.dct_portfolio .et_pb_portfolio_item .post-meta{background:rgba(0,0,0,.7);width:100%;margin:0;height:100%;padding:35px 25px;position:absolute;top:0;text-align:center;opacity:0;transition:opacity .3s linear,border .2s ease-in-out}.dct_portfolio .et_pb_portfolio_item:hover .post-meta{opacity:1}.dct_portfolio .et_pb_portfolio_item .post-meta a{font-size:15px;position:relative;font-style:italic;top:-2px;color:var(--color-1);transition:top .5s ease 0s,opacity .1s ease-in-out 0s}.dct_portfolio .et_pb_portfolio_item .et_pb_module_header{position:absolute;top:33%;z-index:1;color:#fff;text-transform:uppercase;text-align:center;left:35%;opacity:0;font-size:18px}.dct_portfolio .et_pb_portfolio_item:hover .et_pb_module_header{opacity:1}.dct_portfolio .et_pb_portfolio_item .post-meta a:after{content:"";border-bottom:2px solid var(--color-1);position:absolute;top:35px;left:30%;border-radius:2px;width:40%;transform:rotateX(-180deg);transition:width 1s ease-out 0s,transform 1s ease-in-out 0s,opacity 1s ease-out 0s}.dct_portfolio .et_pb_portfolio_item:hover .post-meta a:after{transform:rotate(180deg);transition-delay:.3s}.dct_portfolio .et_pb_portfolio_item:hover .post-meta a{top:45%} /*** Portfolio Style End here ***/ /*** Responsive Start here ***/ @media only screen and (max-width:990px){.dct_portfolio .et_pb_portfolio_item{margin-bottom:20px}}@media only screen and (min-width:981px){.dct_portfolio .et_pb_portfolio_filters ul{text-align:center}.dct_portfolio .et_pb_portfolio_filters ul li{display:inline-block;float:none!important;margin-left:10px}}@media only screen and (max-width:980px){.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n),.et_pb_column .et_pb_grid_item:nth-child(n){margin:0!important}.et_pb_portfolio_dct_1_2 .et_portfolio_image img{width:100%}}@media only screen and (min-width:479px) and (max-width:767px){.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n),.et_pb_column .et_pb_grid_item:nth-child(n){width:50%!important}}@media only screen and (min-width:768px) and (max-width:980px){.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n),.et_pb_column .et_pb_grid_item:nth-child(n){width:33.33%!important}} /*** Responsive End here ***/ /************ Blog V2 ***************/ .dct-blog-v2 .et_pb_post{border:none;padding:0px !important;}.dct-blog-v2 .et_pb_post .et_pb_image_container a{overflow:hidden!important;position:relative;margin-bottom:21px}.dct-blog-v2 .et_pb_post .et_pb_image_container img{transition:1s}.dct-blog-v2 .et_pb_post:hover .et_pb_image_container img{transform:scale(1.2) rotate(5deg)}.dct-blog-v2 .et_pb_blog_grid .et_pb_post .post-meta .published{background:var(--color-1);color:#fff;font-size:85%;padding:2px}.dct-blog-v2 .et_pb_post .post-meta a{font-size:12px}.dct-blog-v2 .et_pb_post .entry-title{font-size:18px;text-transform:uppercase;font-weight:600;margin-top:-20px}.dct-blog-v2 .et_pb_post .post-content p{color:#111;font-size:12px;font-weight:500;text-transform:capitalize;margin-bottom:10px;}.dct-blog-v2 .et_pb_post .et_overlay{background:#000!important;opacity:.5!important;transition:1s}.dct-blog-v2 .et_pb_post .et_overlay::before{color:var(--color-1)!important}.dct-blog-v2 .et_pb_post .more-link{color:#fff;text-transform:capitalize;border:none;border-bottom:2px solid #000;background: var(--color-1); padding:5px 10px;} /* 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; } /* Footer -------------------------------------------------------------- */ #dct-footer {background:#222222;font-variant:small-caps;} #dct-footer .dct-footer-title .et_pb_text_inner p{color: #ffffff;font-size: 22px;font-weight: 400;font-variant:small-caps;} #dct-footer .dct-footer-title .border::before {position: absolute;top: 0;left: 0;width: 70px;height: 1px;background: #fff; content: "";} #dct-footer .dct-footer-title .border {position: relative;overflow: hidden;display: block;background: #f0f0f0;height: 1px;display: block;margin-top:15px;} #dct-footer .dct-f-border:before { border-top-color:var(--color-1) !important; } #dct-footer .dct-footer-contact {} #dct-footer .dct-footer-contact .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {color: #fff !important;font-size: 20px;line-height: 20px;} #dct-footer .dct-footer-contact .et_pb_blurb_container .et_pb_blurb_description {color: #fff;font-size: 16px;font-weight: 300;line-height: 26px;font-family: 'Hind', sans-serif;} #dct-footer .dct-footer-text {color: #848484;font-size: 16px;font-weight: 300;line-height: 26px;font-variant:small-caps;} #dct-footer-bottom {background:#1d1d1d !important;padding:10px;margin:0px;} #dct-footer-bottom p {padding:15px;font-variant:small-caps;} #dct-footer-bottom-row {padding:0px 0px 10px;} #dct-footer .dct-footer-title .border::before {position: absolute;top: 0;left: 0;width: 70px;height: 1px;background: #2f3132;content: "";} #dct-footer .dct-footer-title .border {position: relative;overflow: hidden;display: block;background: #222222;height: 1px;display: block;margin-top: 15px;} /* Bottom Bar -------------------------------------------------------------- */ #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;float:none;text-align:center;} #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{background:var(--color-1);border-radius:50%; height:40px;width:40px;border:2px solid #2f3132;display:block;color:#26272b;font-size:14px;text-align:center;line-height:38px;transition:all .5s ease} #footer-bottom .et-social-icons li a:hover{background:#26272b;color:#fff;border-color:var(-color-1);transform:rotate(360deg)} /* Scroll Top Button -------------------------------------------------------------- */ .et_pb_scroll_top{background:#000!important;border:2px solid var(--color-1,#1866bd);bottom:25px; color:var(-color-1,#1866bd)!important;cursor:pointer;display:none;font-weight:400;height:45px; position:fixed;right:15px;text-align:center;transition:all .5s ease 0s;width:50px;line-height:32px;z-index:99999; -webkit-box-shadow:0 8px 23px -6px rgba(27,27,27,1);-moz-box-shadow:0 8px 23px -6px rgba(27,27,27,1);box-shadow:0 8px 23px -6px rgba(27,27,27,1);border-radius:50%!important} .et_pb_scroll_top:hover{background:#fff;color:#fff} /* Media Queries -------------------------------------------------------------- */ .dct-contact-blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header, .dct-contact-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{color: var(-color-1,#1866bd) !important; } .dct-contact-blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {border-color:var(-color-1,#1866bd) !important; } .dct-contact-form.et_pb_contact_form_container .input {color: var(-color-1,#1866bd) !important; } .dct-contact-forn .et_pb_contact_submit.et_pb_button {background-color:var(-color-1,#1866bd) !important;color:#000 !important; } /* 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;} } /* .blink,blink{color:red;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite} @-webkit-keyframes blink,.blink{67%{opacity:0}} @keyframes blink,.blink{67%{opacity:0}} */ #et-secondary-menu { float: none; position: absolute; right: 0px; top: 0px; line-height: 90px; padding: 0px 10px; /* background: #000; -webkit-clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0 100%); clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0 100%); */ } .et-fixed-header #et-secondary-menu {line-height: 25px; -webkit-transition: background-color 1s,transform 1s,opacity 1s ease-in-out; -moz-transition: background-color 1s,transform 1s,opacity 1s ease-in-out; transition: background-color 1s,transform 1s,opacity 1s ease-in-out; } #et-secondary-menu > ul > li a { line-height: 60px; padding: 0 10px 0px 0px; } #et-secondary-menu > ul > li { margin-left: 10px; } /*.et-fixed-header #et-secondary-menu,*/ .et-fixed-header #et-secondary-menu > ul > li a { line-height: 60px; } /* Slider -------------------------------------------------------------- */ .typewriter h1 { overflow: visible; /* Ensures the content is not revealed until the animation */ border-right: .15em solid #ef7847; /* The typwriter cursor */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ letter-spacing: .15em; /* Adjust as needed */ animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; font-size: 25px; text-transform: uppercase; font-weight: 700; } @media only screen and (max-width: 980px) { .typewriter h1 {font-size:15px;white-space: inherit;display:none;} .dct-slider .et_pb_button{padding: 0px !important;font-size:20px;width:100% !important;} .dct-slider .et_pb_button {margin:10px auto;} } /* The typing effect */ @keyframes typing { from { width: 0 } to { width: 100% } } /* The typewriter cursor effect */ @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #ef7847; } } /* Back To Top -------------------------------------------------------------- */