/* Theme Name: TDN Child for Divi Author: The Digital Navigator LLC Author URI: https://thedigitalnavigator.com Template: Divi Version: 5.4.3 */ /* importing required google fonts */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital@0;1&family=Roboto:ital@0;1&family=Rubik:ital,wght@0,500;0,700;1,500;1,700&family=Source+Sans+Pro:ital,wght@0,700;1,700&display=swap'); /* * * TABLE OF CONTENT * * 1.0 Html and Body style start * 2.0 Header style Start and Footer start * 3.0 UI kit styles * 4.0 Common Tag * 5.0 Divi * 6.0 Blog * 7.0 Plugins Styling * 7.1 WooCommerce * 7.2 Contact form * 7.3 Gravity Form * 8.0 Responsive Css * */ /* * * * Section 1.0 Html and Body style * * */ /*---------- [Html and Body style start] ----------*/ html, body { max-width: 100%; overflow-x: hidden; } figcaption { text-align: center !important; font-style: italic !important; margin-bottom: 30px !important; margin-top:10px !important; } figure { display:block; margin-right: auto; margin-left: auto; width: 90%; margin: 20px; text-align: center; } .mobile-only, .tablet-only { display:none !important; } .heading h6:before, .heading h6:after { content: ""; position: absolute; height: 5px; border-top: 2px solid #BF0A30; top: 12px; width: 30px; } .heading h6:before { margin-left: -45px; } .heading h6:after { margin-left: 15px; } #header .et_pb_row .et_pb_column { margin-bottom: 000000000; } /*---------- [Html and Body style end] ----------*/ /* * * * Section 2.0 Header style Start * * */ /*---------- [Header style Start] ----------*/ /* Adjust Divi Menu Responsiveness */ #logo { max-width: 185px; } #-nav-top-menu { float: right; max-width: 95% !important; } #top-menu { padding-left: 30px; } .et_pb_menu--style-left_aligned .et_pb_menu__logo, .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__logo { margin-right: 55px; } .et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a, .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { padding: 0; } span.glossaryLink, a.glossaryLink { text-decoration: none !important; border-bottom: dotted 1px; display: inline-block !important; padding: 0 !important; } /*---------- [Header style End] ----------*/ /*---------- [footer style start] ----------*/ #footer .et_pb_widget li a:hover { color: #ccc; } footer .et_pb_social_media_follow li { margin-left: 5px; } footer .et_pb_social_media_follow .icon { height: 18px !important; width: 18px !important; } footer .et_pb_social_media_follow .icon:before { font-size: 12px !important; line-height: 18px !important; height: 18px !important; width: 18px !important; } /*---------- [footer style end] ----------*/ /* * * * Section 3.0 UI kit styles * * */ /*---------- [UI KIT style Start] ----------*/ /* Typography Css Start */ h1.sourcesans{ font-family: 'Source Sans Pro', sans-serif !important; } h1 { font-size: 277% !important; font-family: 'Rubik', sans-serif !important; font-weight: 700 !important; } @media(max-width: 480px){h1{font-size: 150% !important}} h2 { font-size: 244% !important; font-family: 'Rubik', sans-serif !important; font-weight: 700 !important; } @media(max-width: 480px){h2{font-size: 125% !important}} h3 { font-size: 200% !important; font-family: 'Rubik', sans-serif !important; font-weight: 700 !important; } @media(max-width: 480px){h3{font-size: 112.5% !important}} h4 { font-family: 'Rubik', sans-serif !important; font-weight: 500 !important; font-size: 166% !important; } @media(max-width: 480px){h4{font-size: 107.5% !important}} h5 { font-family: 'Rubik', sans-serif !important; font-weight: 500 !important; font-size: 144% !important; } @media(max-width: 480px){h5{font-size: 100% !important}} h6 { font-family: 'Rubik', sans-serif !important; font-weight: 500 !important; font-size: 122% !important; } @media(max-width: 480px){h6{font-size: 88% !important}} p.poppins { font-family: 'Poppins', sans-serif !important; font-weight: 400 !important; font-size:100% !important; } p { font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; font-size:100% !important; } ol li, ul li{ font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; padding-top: 8px; padding-bottom: 8px; } /* Typography Css Start */ /* ------- Button - Styling START ----- */ .et_pb_button { font-family: 'Rubik', sans-serif !important; font-style: normal; font-weight: bold !important; border-radius: 0px !important; line-height: 18px !important; letter-spacing: 0px; font-size: 88%; padding: 19px 45px !important; text-align: center; text-transform: uppercase; box-shadow: none; border: none; border-radius:6px !important; } /*Figma cta button style start*/ .et_pb_button.button-cta-figma, .master-banner-double-button .et_pb_button_one , .et_pb_button.et_pb_pricing_table_button { background: #BF0A30 !important; color: #fff !important; } .et_pb_button.button-cta-figma.active , .et_pb_button.button-cta-figma.active:hover , .et_pb_button.et_pb_pricing_table_button:hover{ background:rgba(198, 35, 38, 0.5) !important; color: #fff !important; box-shadow:none !important; } .et_pb_button.et_pb_pricing_table_button:hover { padding: 21px 45px !important; border:none !important; } .et_pb_button.button-cta-figma.disable , .et_pb_button.button-cta-figma.disable:hover{ background:rgba(198, 35, 38, 0.2) !important; color: rgba(255,255,255,0.5) !important; box-shadow:none !important; } .et_pb_button.button-cta-figma:hover, .master-banner-double-button .et_pb_button_one:hover{ background: #BF0A30 !important; box-shadow: 0px 10px 30px 5px rgba(198, 35, 38, 0.1) !important; border-radius: 0px; border:none !important; } /*Figma cta button style end*/ /*Figma Primary button style start*/ .et_pb_button.button-primary-figma { background: #002868 !important; color: #fff !important; border: none !important; } .et_pb_button.button-primary-figma:hover{ background: #002868 !important; box-shadow: 0px 10px 30px rgba(34, 34, 34, 0.3) !important; border-radius: 0px; border: 2px solid transparent !important; } .et_pb_button.button-primary-figma.active , .et_pb_button.button-primary-figma.active:hover{ background: rgba(2, 182, 188, 0.5) !important; color:#fff !important; box-shadow:none !important; } .et_pb_button.button-primary-figma:hover { border: none !important; } .et_pb_button.button-primary-figma.disable , .et_pb_button.button-primary-figma.disable:hover { background: rgba(2, 182, 188, 0.2) !important; color:rgba(0,0,0,0.2) !important; box-shadow:none !important } /*Figma Primary button style end*/ /*Figma Secondry button style start*/ .et_pb_button.button-secondary-figma { background: #222222 !important; color: #fff !important; border: 2px solid transparent !important; } .et_pb_button.button-secondary-figma:hover { background: #222222 !important; box-shadow: 0px 7px 30px rgba(34, 34, 34, 0.2) !important; border-radius: 0px; border: 2px solid transparent !important; color:#fff !important; } .et_pb_button.button-secondary-figma.active , .et_pb_button.button-secondary-figma.active:hover{ background: rgba(34, 34, 34, 0.2) !important; color: #222222 !important; border: 2px solid #222222 !important; box-shadow:none !important; } .et_pb_button.button-secondary-figma.disable , .et_pb_button.button-secondary-figma.disable:hover { background: rgba(34, 34, 34, 0.2) !important; color: rgba(191, 10, 48, 0.2) !important; border: 2px solid transparent !important; box-shadow:none !important; } /*Figma Secondry button style end*/ /*Figma Tertiary button style start*/ .et_pb_button.button-tertiary-figma, .master-banner-double-button .et_pb_button_two { background: transparent !important; color: #fff !important; border: 2px solid #FFFFFF !important; padding:17px 45px !important; } .et_pb_button.button-tertiary-figma:hover, .master-banner-double-button .et_pb_button_two:hover { background: #fff !important; box-shadow: 0px 10px 40px 5px rgba(0, 0, 0, 0.1) !important; border-radius: 0px; border: 2px solid transparent !important; color:#002868 !important; } a.et_pb_button.button-tertiary-figma:hover { color: #002868 !important; } .et_pb_button.button-tertiary-figma.active , .et_pb_button.button-tertiary-figma.active:hover{ background: rgba(255, 255, 255, 0.2) !important; color:#fff !important; border: 2px solid #FFFFFF !important; box-shadow:none !important; } .et_pb_button.button-tertiary-figma.disable , .et_pb_button.button-tertiary-figma.disable:hover{ background: rgba(255, 255, 255, 0.2) !important; color:#FFFFFF !important; opacity: 0.5; border: 2px solid transparent !important; box-shadow:none !important; } /*Figma Tertiary button style end*/ .button-inline .et_pb_button_module_wrapper { display: inline-block; margin: 0 5px; } .button-inline { text-align: center !important; } /* Fix for button getting smaller after update */ .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt.disabled, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt.disabled, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce input.button:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .woocommerce input.button, .woocommerce input.button:hover { padding: 15px 45px !important; } a.et_pb_button.et_pb_button_0_tb_header.text-uppercase.button-cta-figma.large.et_pb_bg_layout_dark { padding: 20px 65px !important; margin: -5px 0; } /* ------- Button - Styling END ----- */ /* ------------ Special Classes Start ---------*/ .blue-link { color: #0777DB !important; text-decoration: underline; } /* ------------ Special Classes End ---------*/ /*---------- [UI KIT style End] ----------*/ /* * * * Section 4.0 Common Tag * * */ /* ----------- Custom Colors and Sizes Start --------*/ .image-caption { display: block; margin-left: auto; margin-right: auto } .icon-primary-color { color: #2770EC !important; } /*Font awesome icon white*/ .fontawesome-icon-color { color: #256bde !important; } .fas.white-icon{ color: #fff; } .fontawesome-chartreuse-yellow-icon-color{ color: #EDF000 !important; } .fontawesome-green-icon{ color: #57bf67 !important; } .fontawesome-red-icon{ color: #a91103 !important; } /* Bullets for Training Page */ ul.mybullet li { background: url('/wp-content/uploads/icons8-Checkmark-25-1.png') left top no-repeat; padding-left: 35px; vertical-align: top; list-style: none; } .list-style-none ul { list-style: none; } .list-style-none .fas { margin-right: 15px; } /* ----------- Custom Colors and Sizes End-----------*/ /* Home Page Slider Section Css End */ .kristina-at-service .et_pb_row.et_pb_row_3 { display: flex; flex-wrap: wrap; } .custom-testimonials #testimonial_slider img { width: 80px; border-radius: 50%; } .custom-testimonials .sa_hover_container { box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%); /*box-shadow: 40px 40px 100px rgba(0, 0, 0, 0.15);*/ margin: 10px 15px !important; border-radius: 10px; } .custom-testimonials .owl-nav button { position: unset; left: 0px !important; } body .custom-testimonials .owl-carousel.owl-loaded .owl-nav button { position: unset; left: 0px !important; margin: 0 10px; background-color: #E5E9F0 !important; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); color: #fff !important; min-width: 55px; background-size: 14px !important; text-indent: -9999px; } body .custom-testimonials .owl-nav { display: block !important; margin-top: 20px; clear: both; text-align: center; } /* ----------- Custom Table design start -----------*/ .table-custom-style{ margin:25px 0; width:100%; } .table-custom-style thead th{ text-align:center; padding:15px; background:#1972f5; color:#fff; border: 1px solid #1972f5; } .table-custom-style tbody tr td{ text-align:center; padding:15px; border: 1px solid #1972f5; } /* ----------- Custom Table design End -----------*/ /*Align image or icon as bullet format with their content css start*/ .align-bullet-descriptions span, .align-bullet-descriptions p span, .align-bullet-descriptions h4 span { padding-left: 45px; display: block; } /*More space*/ .align-bullet-descriptions.more-bullet-space span, .align-bullet-descriptions.more-bullet-space p span, .align-bullet-descriptions.more-bullet-space h4 span{ padding-left: 160px; display: block; } /*Medium bullet space*/ .align-bullet-descriptions.medium-bullet-space span, .align-bullet-descriptions.medium-bullet-space p span, .align-bullet-descriptions.medium-bullet-space h4 span{ padding-left: 100px; display: block; } .align-bullet-descriptions img, .align-bullet-descriptions i, .align-bullet-descriptions p i{ float: left; } .align-bullet-descriptions i, .align-bullet-descriptions p i{ color: #002868; font-size: 130%; } /*Align image or icon as bullet format with their content css end*/ /* ----------- Create CSS Group .vertical-align to vertically align a column in Divi ------ */ .vertical-align { display: flex; flex-direction: column; justify-content: center; } /* * * * Section 5.0 Divi * * * /* /* ----------- Change Login Module to hide forgot password ------ */ .et_pb_forgot_password { display: none; } /* Hides all the items that float over the right margin - needed for diagonal shadow */ #et-main-area { overflow: hidden !important; } /* End of hiding float over code */ /* ----------- [DIVI Customization END] ------ */ /* * * * Section 6.0 Blog * * * /* /* ---------------- Blog Styling Start ------------- */ .pagination .alignright a { content: "Newer Entries Âģ" !important; } /* Fixing bottom blog white space issue */ .single .post { padding-bottom: 0px; } .et_pb_post a.more-link { text-transform: uppercase; margin-top: 15px; display: block; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The Close Button */ .close { position: absolute; top: 65px; right: 290px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } .sep.section{ transform: translate(0px,-15px); } /****** custom css from divi ends ******/ /* * * * Section 7.0 Plugins Styling * * * */ /* * * * Section 7.1 WooCommerce * * * /* /* ----------- [WooCommerce Customization START] ------ */ .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text{ background-color:#1770FF !important; } .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before { height: 3em; width: 3em; position: absolute; top: 90%; left: 50%; margin-left: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: none; -moz-animation: none; animation: none; background: url('https://gcp-tdn.thedigitalnavigator.com/wp-content/uploads/Loading-2.gif') center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; } #ccc-intro{ margin:0px !important; } #ccc-intro a{ text-decoration:underline !important; target:_blank !important; } nav.woocommerce-MyAccount-navigation ul { list-style-type: none; padding-left: 0; max-width:200px; font-size: 17px; line-height: 26px; } nav.woocommerce-MyAccount-navigation ul li { padding: 8px 20px; background-color: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.05); } nav.woocommerce-MyAccount-navigation ul li.is-active { background-color: rgba(0,0,0,0.1); } nav.woocommerce-MyAccount-navigation ul li.is-active a { color: rgba(0,0,0,0.8); cursor: default; } nav.woocommerce-MyAccount-navigation ul li.is-active:after { content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid rgba(0,0,0,0.1); border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover { background-color: rgba(0,0,0,0.07); } nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { content: ""; height: 0; width: 0; border-top: 20px solid transparent; border-left: 14px solid rgba(0,0,0,0.07); border-bottom: 20px solid transparent; float: right; margin-right: -34px; margin-top: -7px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(1):before { content: "\f218"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #166bfc!important; font-size: 18px; padding-right: 0.5em; position: relative; top: 0px; left: -10; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(2):before { content: "\f09d"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #166bfc!important; font-size: 18px; padding-right: 0.5em; position: relative; top: 0px; left: -10; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(3):before { content: "\f2bb"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #166bfc!important; font-size: 18px; padding-right: 0.5em; position: relative; top: 0px; left: -10; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(4):before { content: "\f007"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #166bfc!important; font-size: 18px; padding-right: 0.5em; position: relative; top: 0px; left: -10; } .woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(5)::before { content: "\f2f5"; font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: normal; text-decoration: inherit; color: #166bfc!important; font-size: 18px; padding-right: 0.5em; position: relative; top: 0px; left: -10; } nav.woocommerce-MyAccount-navigation ul { list-style-type: none; padding-left: 0; max-width: 225px; font-size: 17px; line-height: 26px; } .woocommerce-order{ margin-top:90px; } /* WooCommerce remove related products under product description */ .related.products { display: none !important; } /* ----------- Hide WooCommerce Cart icon regardless of where it shows up ------ */ .et-cart-info { display:none; } /* Edit WooCommerce Coupon Button */ div.coupon button[name="apply_coupon"] {min-width: 200px;} /* Change WooCommerce Buttons text color to White */ .woocommerce #respond input#submit,.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: white !important; } .woocommerce #respond input#submit:hover,.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce input.button.alt:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover { color: white !important; } /* WooCommerce Button */ body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward { background: #D71439 !important; border-radius: 8px; } /* Make Confirmation Page Notice after WooCommerce Purchase Bigger and Bolder */ .woocommerce-order .woocommerce-notice { font-size: 24px !important; font-weight: bold !important; } /* Remove Price below Title on Product Page */ .woocommerce div.product p.price { display:none !important; } /* Remove $ for X month on Product Page */ .single_variation_wrap div.woocommerce-variation-price { display: none; } /* Remove Extra "/ month for X month" mention in the Cart Pricing Table */ .product-price .subscription-details, .subscription-price .subscription-details { display: none; } /* Remove excess fields in WooCommerce Checkout */ .cart-subtotal, .cart-subtotal, .recurring-totals { display: none } /* Remove Extra "for 1 month" mention on Checkout Order Details and Extra Line for Recurring Coupon */ #order_review table tbody tr td span span.subscription-details { display: none; } #order_review table tfoot tr.cart-discount.recurring-total { display: none; } /* Edit WooCommerce Checkout to remove bottom padding between fields and tighten the page */ .form-row.form-row-wide { margin-bottom: 0px !important; } /* Adjust Terms and Conditions Formatting on WooCommerce Checkout */ .form-row.place-order { padding-right: 10px !important; } /* Remove bottom margin from Advanced Text Area widget on Checkout Page */ #advanced_text-2 { margin-bottom: 0px; } .woocommerce-terms-and-conditions { max-height: 300px !important; } /* Edit WooCommerce Order Button Position on Checkout Page */ #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding-right: 25%; } /* Styling Stripe Payment Gateway on Checkout Page */ .payment_method_stripe,.form-row-wide,.form-row-first,.form-row-last { padding-bottom: 0px !important; padding-top: 0px !important; } /* Edit WooCommerce Stripe Gateway Margin */ #wc-stripe-cc-form { margin-top: 0px !important; } .payment_box { margin-bottom: 0px !important; } /* Remove ask to create account on Checkout Woocommerce - this option needs to be enabled for WooSubscriptions to work properly so we are hidding it. */ .woocommerce-account-fields { display: none !important; } /* Remove lost password on checkout */ .lost_password { display: none !important } /*-------------Add functionality to WooCommerce for people to edit quantity on checkout page start-----------------*/ .woocommerce a.remove { font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red !important; text-decoration: none; font-weight: 700; border: 0; display: inline-block; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity { width: 34px; margin: 0; display: inline-block; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text { height: 35px; border: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff !important; background-color: rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-size: 20px !important; font-weight: 500 !important; } div.spinner { background: #1770FF; border: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-right: 20px; } .spin-up, .spin-down { margin-left: 5px; } .woocommerce .quantity .qty { width: 2.631em; text-align: center; } body .et_pb_button:hover { box-shadow: 0 4px 14px 4px rgba(215, 20, 57, 0.3)!important } /* Change background color of coupon code field on hover */ input#coupon_code.input-text:hover { background-color: #CE2F2F !important; } /*-------------Add functionality to WooCommerce for people to edit quantity on checkout page end-----------------*/ /* ----------- [WooCommerce Customization END] ------ */ /* * * * Section 7.2 gravity form * * * */ /** Gravity Form Customization Start **/ .custom-form input{ padding:16px 25px !important; width:100% !important; font-family: 'Quattrocento Sans', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-size: 18px !important; line-height: 28px !important; color:rgba(99, 99, 99, 0.6) !important; background:#fff !important; border:none !important; border-radius:0px !important; } .custom-form .gform_footer{ padding: 0 !important; margin: 20px 0 0 0 !important; clear: both; width: 100%; } .custom-form input.gform_button.button{ width:auto !important; padding:21px 45px !important; background: #222222 !important; border:none !important; font-family: 'Josefin Sans', sans-serif !important; font-style: normal !important; font-weight: bold !important; font-size: 18px !important; line-height: 18px !important; color: #FFFFFF !important; } /** Learn Dash **/ .ld-course-list-items .ld_course_grid .caption .entry-title { font-size: 1.5em !important; } .ld-course-list-items .ld_course_grid .thumbnail .caption p { font-size: .85em !important; } /** Gravity Form Customization End **/ /* * * * Section 7.3 Convert Pro * * * */ /** Convert Pro Customization Start **/ /** Convert Pro Customization End **/ /* * * * Section 8.0 Responsive Css * * * */ /* ================== [ Responsive css Start ] ================== */ @media only screen and (min-width: 800px) { #footer-bottom .et-social-icons { margin-bottom:-28px; } } /* Fixes menu overlapping with logo and replaces it with Mobile menu on Tablet */ @media only screen and (max-width: 1081px) and (min-width: 800px) { #top-menu-nav { display:none; } #et_mobile_nav_menu { display:block } } @media only screen and (max-width: 1440px) { .et_pb_row_0_tb_header { width: 100% !important; } .ds-blog-two-column .ds-blog-square a img { height: 20vh !important; } .et_pb_menu--style-left_aligned .et_pb_menu__logo, .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__logo { margin-right: 20px; } .et_pb_menu .et-menu > li, .et_pb_fullwidth_menu .et-menu > li { padding-left: 5px; padding-right: 5px; } } @media only screen and (max-width: 1366px){ } @media only screen and (max-width: 1280px) { } @media (max-width:1200px){ } @media (max-width: 1199px){ } @media (max-width: 1024px){ } @media screen and (min-width:981px) and (max-width:1024px){ } @media (min-width: 981px) { .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 { width: 31.3333%; margin-right: 3%; } } @media (max-width: 981px){ } @media (max-width: 980px){ .tablet-only { display: block; } .flip-row { display: flex; flex-direction: column-reverse; } /*** Take out the divider line between content and sidebar ***/ #main-content .container:before {background: none;} /* ---------------- Blog Styling End ------------- */ /*Blurb Columns*/ .ten-columns .et_pb_module {width: 10%; float: left;} .nine-columns .et_pb_module {width: 11.11%; float: left;} .eight-columns .et_pb_module {width: 12.5%; float: left;} .seven-columns .et_pb_module {width: 14.28%; float: left;} .six-columns .et_pb_module {width: 16.66%; float: left;} .five-columns .et_pb_module {width: 20%; float: left;} /*Blog Layout*/ /* --- Blog Module 'Excerpt' Limit Content --- */ .ds-blog-square-two .post-content p { display: block; max-height: 4.5em; overflow: hidden; } /*** Footer Widget padding change ***/ #footer-widgets { padding: 20px; } .footer-widget { margin-bottom: 0px !important; } /** Remove padding in custom row for footer **/ /** Comments blog button Customization **/ } @media only screen and (max-width: 768px) { .mobile-only { display:block !important; } } @media screen and (max-width:767px){ form.Contact_Form_gravity {padding: 10px 5px;} /* ======== [ Custom Columns Css Start ] ========= */ .ten-columns .et_pb_module {width: 100%;} .nine-columns .et_pb_module {width: 100%;} .eight-columns .et_pb_module {width: 100%;} .seven-columns .et_pb_module {width: 100%;} .six-columns .et_pb_module {width: 100%;} .five-columns .et_pb_module {width: 100%;} /* ======== [ Custom Columns Css End ] ========= */ } @media (min-width: 700px) and (max-width: 980px){ } @media (min-width: 500px) and (max-width: 700px){ } @media (max-width: 575px){ } @media (max-width: 500px){ } @media only screen and (max-width: 480px) { } @media (max-width: 320px){ }