/*--------------------------------------------------------------------------------- Theme Name: DCT Master Divi Theme Theme URI: https://divi-childthemes.com/ Description: Demo Divi theme for Learning Author: DCT TEAM Author URI: https://divi-childthemes.com/ Template: Divi Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: dctlang ------------------------------ ADDITIONAL CSS HERE ------------------------------*/ /* ----------------------------------------------------------------------------- TABLE OF CONTENT --------------------------------------------------------- 01. General Class CSS Title CSS Button CSS Page Header Title Css Breadcrumbs CSS 02. Header Section CSS Menu + Sub Menu CSS Header v1 CSS Header v2 CSS Header v3 CSS 03. Footer Section CSS Footer v1 CSS Footer v2 CSS Footer v3 CSS 04. Hero CSS Hero v1 CSS 04. Sidebar CSS 05. Blog CSS Blog Grid CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Blog Listing CSS Blog Category Page CSS Blog Tags Page CSS Blog Author Page CSS Blog Single Page CSS 06. Portfolio CSS Portfolio Default CSS Portfolio Filterable CSS 2 Columns CSS 3 Columns CSS 4 Columns CSS Portfolio Carousel CSS Portfolio Gallary CSS Portfolio Category Page CSS Portfolio Tags Page CSS Portfolio Single Page CSS 07. Services CSS Services v1 CSS Services v2 CSS Services v3 CSS Services Single Page CSS 08. Contact Us CSS Contact Us v1 CSS Contact Us v2 CSS 09. Team Section CSS Team v1 CSS Team v2 CSS Team Single CSS 10 Slider Section CSS Slider v1 CSS 11 Faqs CSS Faqs v1 CSS 12 Timeline CSS Timeline v1 CSS 13 Pricing Table CSS Pricing Default CSS Pricing Mini CSS Pricing Toggle CSS Pricing Table CSS 14 Testimonial Section CSS Testimonial v1 CSS Testimonial v2 CSS 15 About Us Section CSS 16 Choose Us Section CSS 17 Process Section CSS 18 Partner Section CSS 19 Video Section CSS 20 Skill-bar Section CSS 21 Counter Section CSS 22 Newsletter Section CSS 23 CTA Section CSS 24 Coming Soon Page CSS 25 404 Page CSS 26 Search Page CSS 26 Color Picker CSS 27 Animation Part CSS --------------------------------------------------------*/ .et-db #et-boc .et-l.et-l--post .et_builder_inner_content{ z-index: 1 !important; } /* ----------------------------------- 01. General Class CSS -------------------------------------*/ /*---Title CSS---*/ .dct_title{} .dct_title.center{} .dct_title:before{} .dct_title:after{} .dct_title.left{} .dct_title.right{} /*---SubTitle CSS---*/ .dct_subtitle{} /*---Desciption CSS---*/ .dct_desc {} /*---Primary Button CSS---*/ /*---Secondary Button CSS---*/ .dct_btn.light{} .dct_btn.light:hover:after{} .dct_btn.light:hover:before{} .dct_btn.dark{} .dct_btn.dark:hover:after{} .dct_btn.dark:hover:before{} .dct_btn.border{} .dct_btn.border:hover:after{} .dct_btn.border:hover:before{} /*---Page Header Title CSS---*/ .dct_header_title {} /*---Breadcrumbs Title CSS---*/ .dct_b_home_link {} .dct_b_other_link {} /*--- Global Class CSS ---*/ /*****Pagination******/ .dct_pagination{ } /* ----------------------------------- 02. Header Section CSS -------------------------------------*/ /*---Menu + Sub Menu CSS---*/ /*---Main Menu CSS---*/ /*---Sub Menu CSS---*/ /*---Header Common Info Css---*/ .dct_small_info {} .dct_small_info:before {} .dct_small_blurb_info {} .dct_header_contact_info {} .dct_header_social {} /*---Header v1 CSS---*/ .dct_header_v1 {} /*---Header v2 CSS---*/ .dct_header_v2 {} /*---Header v3 CSS---*/ .dct_header_v3 {} /* ----------------------------------- 03. Footer Section CSS -------------------------------------*/ /*---Footer Common Info Css---*/ .dct_footer_title {} .dct_footer_blurb_info {} .dct_footer_links {} .dct_footer_social {} .dct_footer_info{} .dct_footer_email{} /*---Footer v1 CSS---*/ .dct_footer_v1 .dct_about_menu .et_pb_menu_0_tb_footer .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu nav ul li{ margin-bottom:20px; } /*---Footer v2 CSS---*/ .dct_footer_v2 {} /*---Footer v3 CSS---*/ .dct_footer_v3 {} /* ----------------------------------- 04. Hero CSS -------------------------------------*/ /*---Hero v1 CSS---*/ .dct_hero_v1 {} /* ----------------------------------- 04. Sidebar CSS -------------------------------------*/ .dct_sidebar {} /* ----------------------------------- 05. Blog CSS -------------------------------------*/ /*---Blog Grid CSS & 3 Columns CSS ---*/ .dct_blog_v1 {} /*---Blog Desc CSS---*/ .dct_blog_v1 .et_pb_post .post-content {} .dct_blog_v1 .et_pb_post .post-content .post-content-inner{} /*---Read More Button CSS---*/ .dct_blog_v1 .et_pb_post .post-content .more-link{} /*---Pagination Button CSS---*/ .dct_blog_v1 .pagination .alignleft, .dct_blog_v1 .pagination .alignright {} .dct_blog_v1 .pagination .alignleft a, .dct_blog_v1 .pagination .alignright a {} /* Blog Listing CSS */ .dct_blog_list .et_pb_post{} /* Blog Category CSS */ .dct_blog_category {} /* Blog Tags CSS */ .dct_blog_tages {} /* Blog Author CSS */ .dct_blog_author {} /* Blog Single Page CSS */ .dct_blog_single .et_pb_title_container{} /* Navigation CSS */ .dct_blog_single_navigation span a .meta-nav{} /* ----------------------------------- 06. Portfolio CSS -------------------------------------*/ /*---Portfolio Gallary CSS & 4 Columns CSS ---*/ .dct_portfolio_v1 .et_pb_portfolio_item {} /* Image Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image {} /* Overlay Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_portfolio_image .et_overlay {} /* Title Css */ .dct_portfolio_v1 .et_pb_portfolio_item .et_pb_module_header {} /* Category Post Meta Css */ .dct_portfolio_v1 .et_pb_portfolio_item .post-meta {} /* Project Block CSS */ .dct_portfolio_v1 .et_pb_portfolio_item .project_block{} /* Portfolio 2 Column */ .dct_portfolio_2_col .et_pb_portfolio_items, .dct_portfolio_2_col .et_pb_ajax_pagination_container{ display: grid; grid-gap: 25px; grid-template-columns: repeat(2, 50%); } /* Portfolio 3 Column */ .dct_portfolio_3_col .et_pb_portfolio_items, .dct_portfolio_3_col .et_pb_ajax_pagination_container{ display: grid; grid-template-columns: repeat(3,33.33%); grid-gap: 25px; } /*---Portfolio Filterable CSS---*/ .dct_portfolio_v1.filterable {} /* Filters Links CSS */ .dct_portfolio_v1 .et_pb_portfolio_filters {} .dct_portfolio_v1 .et_pb_portfolio_filters li {} .dct_portfolio_v1 .et_pb_portfolio_filters li a {} /*Hover & Active Filter Links*/ .dct_portfolio_v1 .et_pb_portfolio_filters li a:hover, .dct_portfolio_v1 .et_pb_portfolio_filters li a.active { } /* Pagination CSS */ .dct_portfolio_v1 .et_pb_portofolio_pagination {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li a {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li a:hover {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li.prev a.page-prev {} .dct_portfolio_v1 .et_pb_portofolio_pagination ul li.next a.page-next {} /* Portfolio Carousel CSS */ .dct_portfolio_v1.carousel {} .dct_portfolio_v1.carousel .et-pb-slider-arrows{} .dct_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-prev{} .dct_portfolio_v1.carousel .et-pb-slider-arrows .et-pb-arrow-next{} /* Portfolio Category CSS */ .dct_portfolio_category {} /* Portfolio Tags CSS */ .dct_portfolio_tages {} /* Portfolio Single Page CSS */ .dct_portfolio_single .entry-title{} /*--- Responsive CSS ---*/ /* ----------------------------------- 07. Services CSS -------------------------------------*/ /*---Services v1 CSS---*/ .dct_services_v1 {} /*---Services v2 CSS---*/ .dct_services_v2 {} /*---Services Single Page CSS---*/ .dct_services_single {} /*- Sidebar CSS -*/ /* Service List CSS */ .dct_service_sidebar_list{} /* Brochure CSS */ .dct_service_sidebar_brochure {} /* ----------------------------------- 08. Contact Us CSS -------------------------------------*/ /*---Contact Us v1 CSS---*/ .dct_contact_v1 {} /*---Contact Message CSS---*/ .dct_contact_v1 .et-pb-contact-message {} /*---Input CSS---*/ .dct_contact_v1 .et_pb_contact_form .et_pb_contact_field p input, .dct_contact_v1 .et_pb_contact_form .et_pb_contact_field , .dct_contact_v1 .et_pb_contact_form .et_pb_contact_field p textarea {} /*---Button CSS---*/ /* Contact Information CSS */ .dct_contact_info .et_pb_image_wrap .et-pb-icon{} /*---Contact Us v2 CSS---*/ .dct_contact_v2 {} /* ----------------------------------- 09. Team Section CSS -------------------------------------*/ /*---Team v1 CSS---*/ .dct_team_v1 {} /*---Team Single Page CSS---*/ .dct_team_single {} /* ----------------------------------- 10 Slider Section CSS -------------------------------------*/ /*---Slider v1 CSS---*/ .dct_slider_v1 {} /*---Image CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_image {} /*---Title CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_title{} /*---Description CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_slide_description .et_pb_slide_content {} /*---Button CSS---*/ .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper{} .dct_slider_v1 .et_pb_slide .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button {} /*---Arrow CSS---*/ .dct_slider_v1 .et-pb-slider-arrows{} .dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-prev{} .dct_slider_v1 .et-pb-slider-arrows .et-pb-arrow-next{} /*---Dots Navigation CSS---*/ .dct_slider_v1 .et-pb-controllers {} .dct_slider_v1 .et-pb-controllers a {} .dct_slider_v1 .et-pb-controllers a.et-pb-active-control {} /*---Slider v2 CSS---*/ .dct_slider_v1{} /* ----------------------------------- 11 Faqs CSS -------------------------------------*/ /*---Faqs v1 CSS---*/ .dct_faqs_v1 {} /*---Faqs v2 CSS---*/ .dct_faqs_v2{} /*--- Responsive CSS ---*/ @media only screen and (max-width:767px){} /* ----------------------------------- 12 Timeline CSS -------------------------------------*/ /*---Timeline v1 CSS---*/ .dct_timeline_v1 {} /*---Timeline v2 CSS---*/ .dct_timeline_v2{} /* ----------------------------------- 13 Pricing Table CSS -------------------------------------*/ /*---Pricing Default CSS---*/ .dct_pricing_table {} /*---Pricing Mini CSS---*/ .dct_pricing_table_mini{} /*---Pricing Toggle CSS---*/ .dct_pricing_table_toggle{} /*Pricing Toggle*/ .dct_pricing_tabs [id*="dct_pricing_tab_"] {text-align:center;background: rgba(255,255,255,0.5) !important;color: #09144a !important;box-shadow:none;} .dct_pricing_tabs [id*="dct_pricing_tab_"]:hover, .dct_pricing_tabs [id*="dct_pricing_tab_"].dct_active{background: var(--gcid-primary-color) !important;color: #fff !important; } /*Pricing Row Settings */ [class*="dct_pricing_tab_content_"] {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;transition:opacity .4s ease,transform .4s ease;visibility:hidden;display:none !important; } [class*="dct_pricing_tab_content_"].dct_active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;-o-transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease;visibility:visible;display:block !important;} [class*="dct_pricing_tab_content_"].animated{-webkit-animation-duration:1.5s;animation-duration:1.5s} /*Pricing Fade Up Animation */ .fadeInUp { animation-name:fadeInUp } /*---Pricing Table Structure CSS---*/ .dct_pricing_table_layout{} /* ----------------------------------- 14 Testimonial Section CSS -------------------------------------*/ /*---Testimonial v1 CSS---*/ .dct_testimonial_v1 {} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner {} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner .et_pb_testimonial_content {} /*---Author CSS---*/ .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {} /*---Meta CSS---*/ .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta {} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta span{} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_position{} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_separator{} .dct_testimonial_v1.et_pb_testimonial .et_pb_testimonial_meta .et_pb_testimonial_company{} /*Review */ .dct_testimonial_v1 .dct_review{position:absolute;left:0;bottom:-22px;right:0;width:150px;background:#ec6b15;margin:0 auto;margin-bottom:0;text-align:center;border-radius:30px;display:block;overflow:hidden;line-height:16px} .dct_testimonial_v1 .dct_review .et_pb_text_inner ul{position:relative;display:block;overflow:hidden;list-style:none;margin:0;padding:0;text-align:center} .dct_testimonial_v1 .dct_review .et_pb_text_inner ul li{display:inline-block;float:none;margin:0 3px;color:#fff;font-size:14px;line-height:45px} .dct_testimonial_v1 .dct_review .et_pb_text_inner ul li:before{content:"\e033";font-family:ETmodules !important} .dct_testimonial_v1 .dct_review .et_pb_text_inner ul li.star:before{content:"\e031"} .dct_testimonial_v1 .dct_review .et_pb_text_inner ul li.star-0:before{content:"\e032"} /*---Testimonial v2 CSS---*/ .dct_testimonial_v2{} /* ----------------------------------- 15 About Us Section CSS -------------------------------------*/ /*---About Us v1 CSS---*/ .dct_aboutus_v1 {} /* ----------------------------------- 16 Choose Us Section CSS -------------------------------------*/ /*---Choose Us v1 CSS---*/ .dct_choose_v1 {} /* ----------------------------------- 17 Process Section CSS -------------------------------------*/ /*---Process Us v1 CSS---*/ .dct_process_v1 {} /* ----------------------------------- 18 Partner Section CSS -------------------------------------*/ /*---Partner Us v1 CSS---*/ .dct_partner_v1 {} /* ----------------------------------- 19 Video Section CSS -------------------------------------*/ /*---Video v1 CSS---*/ .dct_video_v1 {} /* ----------------------------------- 20 Skill-bar Section CSS -------------------------------------*/ /*---Skill-bar v1 CSS---*/ .dct_skill_v1 {} .dct_bar_counter_v1 {} /* ----------------------------------- 21 Counter Section CSS -------------------------------------*/ /*---Counter v1 CSS---*/ .dct_counter_v1 {} /* ----------------------------------- 22 Newsletter Section CSS -------------------------------------*/ /*---Newsletter v1 CSS---*/ .dct_newsletter_v1 {} /*Form Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_form {} /*Input Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_field {} .dct_newsletter_v1.et_pb_newsletter_form .input {} .dct_newsletter_v1.et_pb_newsletter_form .input::placeholder, #dct_email_v5 .et_pb_newsletter_form input[type=text], .dct_newsletter_v1.et_pb_newsletter_form p.et_pb_newsletter_field input[type=text] {} /*Button Css*/ .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap {} .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button {} .dct_newsletter_v1.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button .et_pb_newsletter_button_text {} /*---Newsletter v2 CSS---*/ .dct_newsletter_v2 {} /* ----------------------------------- 23 CTA Section CSS -------------------------------------*/ /*---CTA v1 CSS---*/ .dct_CTA_v1 {} /*---CTA v2 CSS---*/ .dct_CTA_v2 {} /* ----------------------------------- 24 Coming Soon Page CSS -------------------------------------*/ /* ----------------------------------- 25 404 Page CSS -------------------------------------*/ /* ----------------------------------- 26 Search Page CSS -------------------------------------*/ /* ----------------------------------- 27 Tab Control CSS -------------------------------------*/ .dct_tab_v1 {} /* ----------------------------------- 27 Tab Control CSS End Here -------------------------------------*/ /* ----------------------------------- 28 Mobile Menu Css Start Here -------------------------------------*/ /* Template-Options */ /*change Divi hamburger menu to X*/ .mobile_nav.opened .mobile_menu_bar::before { content: '\4d'; } /*remove the border from the top of the mobile menu*/ .et_mobile_menu { border-top: none; } /*hide the submenu items on mobile*/ .et_mobile_menu li ul.hide { display: none !important; } /*adjust the parent menu items on mobile*/ .et_mobile_menu .menu-item-has-children { position: relative; } /*adjust the parent menu items on mobile*/ .et_mobile_menu .menu-item-has-children > a { background: transparent; } /*position and style the submenu icons*/ .et_mobile_menu .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-weight: bold; cursor: pointer; } /*icon for closed submenu*/ span.menu-closed:before { content: "\33"; display: block; color: var(--color-1); font-size: 18px; font-family: ETmodules; } /*icon for open submenu*/ span.menu-closed.menu-open:before { content: "/4d"; color: var(--color-1); } /*adjust border under mobile menu items*/ .et_mobile_menu li:not(:last-child) a { border-bottom: 2px solid #f3f6fd; } /*remove border under last mobile menu item*/ .et_mobile_menu li:last-child a { border-bottom: none; } /* ----------------------------------- 28 Mobile Menu Css End Here -------------------------------------*/ /*------------------------------------------- 29. Color Picker CSS -------------------------------------------*/ .dct-color-switcher, .dct-color-switcher .close { display: block; box-shadow: 5px 5px 15px #d1d9e6, -5px -5px 15px #fff; text-align: center } .pickr .pcr-button::after, .pickr .pcr-button::before, .tm-color-selector div, .tm-font-selector div { border-radius: 50% } .dct-color-switcher { position: fixed; left: 8px; top: 50%; z-index: 1000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 64px; padding: 15px 10px; background-color: #fff; font-size: 12px; width: 65px; line-height: 1.3; background: linear-gradient(145deg, #e2e8ec, #fff); transition: .2s ease-in-out } .dct-color-switcher .close { border-radius: 50%; position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; z-index: 20; line-height: 24px; width: 20px; height: 20px; opacity: 1; background-color: #333; transition: .5s; cursor: pointer } .dct-color-switcher .close:hover { background: #fff; color: #333 !important; opacity: 1 } .dct-color-switcher.closed { padding: 10px 8px 6px 10px; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; transition: .25s } .dct-color-switcher.closed:hover { padding-right: 14px } .dct-color-switcher.closed img:hover, .tm-font-selector:hover { cursor: pointer } .dct-color-switcher.closed .close, .dct-color-switcher.closed div { display: none } .dct-color-switcher.closed .img { display: block; overflow: hidden; height: 42px; width: 45px; text-align: center; animation: 8s linear infinite rotation } .dct-color-switcher.closed .img img { margin: 0 } @media (max-width: 991px) { .dct-color-switcher { display: none !important; } } .dct-color-selector div, .dct-font-selector div { border-radius: 50%; width: 35px; height: 35px; border: 4px solid #fff; display: block; margin: 4px auto 0; box-shadow: 0 0 5px rgba(0, 0, 0, .1); cursor: pointer; transition: .5s } .dct-color-selector div:hover, .dct-font-selector div:hover { background: linear-gradient(145deg, rgba(0, 0, 0, .5), #fff); box-shadow: 5px 5px 15px rgba(0, 0, 0, .5), -5px -5px 15px #fff } .dct-custom-field { padding: 0; border: 0; width: 20px; height: 20px; border-radius: 50%; margin-bottom: 14px; margin-left: auto; margin-right: auto; cursor: pointer; display: block } .dct-color-selector { position: relative } .dct-color-switcher .dct_tooltip { opacity: 0; visibility: hidden; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); position: absolute; background-color: #fff; font-size: 13px; margin: 0; padding: 0 20px; font-family: inherit; width: auto; font-weight: 600; line-height: 36px; letter-spacing: .1px; left: 5px; top: 0; border-radius: 3px; white-space: nowrap; -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); -moz-box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); box-shadow: 0 5px 40px rgb(0 0 0 / 7%), 0 0 3px -1px rgb(83 45 245 / 15%); -moz-transition: .3s cubic-bezier(.64, -.09, .13, 1.15); -o-transition: .3s cubic-bezier(.64, -.09, .13, 1.15); transition: .3s cubic-bezier(.64, -.09, .13, 1.15); color: #333 } .dct-color-switcher .dct_tooltip span { display: block; position: absolute; left: -5px; top: 12px; width: 0; height: 0; border-right: 5px solid #fff; border-bottom: 5px solid transparent; border-top: 5px solid transparent } .dct-color-switcher .dct-color-selector:hover .dct_tooltip { opacity: 1; left: 45px; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } /* ----------------------------------- 30. Animation Part CSS -------------------------------------*/ /**Color Picker Img Animation*/