figure.ab_table{ margin:0; } figure.ab_table th{ padding:15px; } .woocommerce ul.products li.product a img { width: 40%; display: inline-block; padding: 20px; } #footer-menu{ padding: 0 8px; display: inline; list-style: none; float: left; } #sub-footer-core .copyright{ float:right; } .hover_trMD:hover{ background: #ff00004a; color: #fff } @media only screen and (max-width: 823px){ h4 a.link_u{ font-size:13px; }} #footer-core p { padding-left: 20px; } @media only screen and (max-width: 685px){ #footer-menu{ display: block !important; } #sub-footer-core .copyright, #footer-menu{ text-align:center; float: none; }} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*************************************************************************** for gravityView Update *****************************************************************************/ /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body.single-gravityview .entry-header, body.single-gravityview #nav-below{ display:none; } body.single-gravityview .entry-content{ box-shadow: none; } body.page .container_GravityView_Orders .gv-widgets-header, body.page .container_GravityView_Orders .gv-widgets-footer{ display:none; } .container_GravityView_Orders br{ display:none; } .gv-widget-pagination{ display:none; } .gv-list-view-subtitle h4 a{ background: red; padding: 5px; color: #fff; border-radius: 5px; } .gv-list-container div.gv-list-view{ border: 2px solid red ; } .gv-list-view-subtitle h4{ font-size: 14px; text-align:right; } body.gravityview-template-default .gv-edit-entry-wrapper .gform_body > ul{ width:100% !important; } .container_GravityView_Orders .gv-edit-entry-wrapper .gform_body > ul{ width:100% !important; } div#publishing-action a.gv-button-delete, div#publishing-action a.gv-button-cancel{ display:none !important; } div.MD1{ display:none; } .gv-list-view { margin-bottom: 1em !important; } .gv-list-view-title { padding: .5em 0.3em!important; } #myInput{ width: 30%; border: 3px solid #b00233; /*padding-bottom:20px;*/ } .order_number{ color:#b00233; } .container_GravityView_Orders{ display:none; } .container_GravityView_Orders ul.page-numbers{ display:none; } /******************************************************************************************************************************************************************************************/ @media only screen and (min-width: 641px){ body.page .gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted { margin-left: 0%!important; width: 100%; }} /****************************************************************** Directors's Ressolution ***************************************************************************/ .section_info{ background: #b00233; /*border-bottom: 1px solid #FFFF00 !important;*/ border: 4px solid #fff !important; padding-left:5px !important; -webkit-box-shadow: 0 0 0 3px #3161ab; border-radius:6px; } .section_current{ background: #3770ab; /*border-bottom: 1px solid #FFFF00 !important;*/ border: 4px solid #fff !important; padding-left:5px !important; -webkit-box-shadow: 0 0 0 3px #3161ab; border-radius:6px; } .section_New{ background: #69b6ec; /*border-bottom: 1px solid #FFFF00 !important;*/ border: 4px solid #fff !important; padding-left:5px !important; -webkit-box-shadow: 0 0 0 3px #3161ab; border-radius:6px; } .section_dr{ background: #51a22e; /*border-bottom: 1px solid #FFFF00 !important;*/ border: 4px solid #fff !important; padding-left:5px !important; -webkit-box-shadow: 0 0 0 3px #3161ab; border-radius:6px; } body .gform_wrapper .gform_body .gform_fields #field_322_1 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_322_315 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_322_231 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_322_7 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_322_95 h2.gsection_title{ color:#fff !important; } body .gform_wrapper .gform_body .gform_fields #field_322_224 .gfield_label{ background:red; padding:10px; border-radius:4px; } body .gform_wrapper .gform_body .gform_fields #field_322_224 .gfield_label{ background:red; padding:10px; border-radius:4px; } #content-core #gform_wrapper_322 { background:rgb(166 187 219 / 7%); } body #gform_wrapper_322 .gform_body .gform_fields .gfield input[type=text]:hover{ background:#ff000033; } body .gform_wrapper .gform_body .gform_fields #field_322_224 .gfield_label{ background:red; padding:10px; border-radius:4px; } body .gform_wrapper .gform_body .gform_fields #field_322 h2.gsection_title { color:#fff !important; padding-top:8px !important; border-radius:4px; } /************************************************************************ End of DR *************************************************************************************/ /***************** Prec ********************************************/ .prec{ text-align:center; color:red; font-size:18px; font-weight:700; } .sectionPrec{ background: #b00233; border-bottom: 1px solid #FFFF00 !important; padding-left:5px !important; } body .gform_wrapper .gform_body .gform_fields #field_321_1 h2.gsection_title { color:#fff !important; padding-top:8px !important; border-radius:4px; } #gform_wrapper_321 h2.gsection_title { padding-left: 8px !important; } #content-core #gform_wrapper_321 { background:rgb(166 187 219 / 7%); } /***********************************update Gravity form css for non profit minutebook****************************************************************/ #gform_wrapper_319 h2.gsection_title { padding-left: 10px !important; } body .gform_wrapper .gform_body .gform_fields #field_319_1 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_319_225 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_319_7 h2.gsection_title, body .gform_wrapper .gform_body .gform_fields #field_319_48 h2.gsection_title,body .gform_wrapper .gform_body .gform_fields #field_319_95 h2.gsection_title { color:#fff !important; } body .gform_wrapper .gform_body .gform_fields #field_319_224 .gfield_label{ background:red; padding:10px; border-radius:4px; } #gform_wrapper_319 { background:rgb(166 187 219 / 7%); } body #gform_wrapper_319 .gform_body .gform_fields .gfield input[type=text]:hover { background:#ff000033; } body #gform_wrapper_319 .gform_body .gform_fields .gfield input[type=text]{ color: #333; border: 1px solid #820528; } #gform_wrapper_319 .gform_footer input[type=submit]{ padding:8px !important; } /******************************************************************** NN Minutebook Update Style ***********************************************************************************/ .Nsection2{ border-bottom: 2px solid #b00233 !important; padding:2px !important; } .section_M{ background: #115172; /*border-bottom: 1px solid #FFFF00 !important;*/ border: 4px solid #fff !important; padding-left:5px !important; -webkit-box-shadow: 0 0 0 2px #b00233; padding: 10px 0px 10px !important; border-radius:6px; } .order2{ text-align:center; font-size:18px; font-weight:700; color: #fff; } /************************************************************************* P MinuteBook **********************************************************************************************/ .order{ text-align:center; color:red; font-size:18px; font-weight:700; } .section{ background: #87CEFA; border-bottom: 1px solid #FFFF00 !important; padding-left:5px !important; padding: 10px 0px 10px !important; padding-left:5px !important; } .Nsection{ background:red; border-bottom: 2px solid #1E90FF !important; } .Nfields{ color:red; } body .gform_wrapper .gform_body .gform_fields #field_320_117 h2.gsection_title{ color:#fff; padding-left: 5px !important; } body .gform_wrapper .gform_body .gform_fields #field_320_121 h2.gsection_title{ color:#fff; padding-left: 5px !important; } #gform_wrapper_320 .gform_footer input[type=submit]{ padding:8px !important; } /**************************************************************** Menu Update ****************************************************************************/ @media screen and (max-width: 1600px) and (min-width: 1025px){ .main-navigation #menu-item-44207 .sub-menu .sub-menu { left: -100%; } #header #menu-item-44207 .sub-menu .menu-parent > a:before { content: "\f104"; float:left; left: -15px; } #header .header-links .sub-menu li#menu-item-44329 a{ font-size:11.5px; } #header .header-links .sub-menu li#menu-item-46350 a{ font-size:11.5px; } } /* Home Tables */ @media screen and (min-width: 781px) and (max-width: 996px){ body.home .link_u2{ font-size: 14px; } body.home .link_u{ font-size: 12px; } } @media screen and (min-width: 781px) and (max-width: 996px){ .Title_table{ font-size:14px; } } /** Hide the author name */ div.entry-meta{ display:none; } /** add border to the steps */ #pg-45360-9{ border: 1px #115172 solid; border-radius: 5px; } #pg-44801-7{ border: 1px #115172 solid; border-radius: 5px; } #pg-44531-3{ border: 1px #115172 solid; border-radius: 5px; } #pg-4010-7{ border: 1px #115172 solid; border-radius: 5px; } @media screen and (max-width: 780px){ .steps-arrow { background-image: url(https://businessalberta.ca/wp-content/uploads/2020/06/arrow-StepsD.jpg) !important; background-position: bottom; background-repeat: no-repeat; width: auto !important; min-height: 70px !important; background-size: contain; }} .steps-arrow { background-image: url(https://businessalberta.ca/wp-content/uploads/2020/06/arrow-Steps-Dw.jpg) ; background-position: bottom; background-repeat: no-repeat; width: 60px ; min-height: 170px; background-size: contain; } /**** Update Tables */ @media (max-width :360px)and (min-width:320px){ .Update_Font{ font-size:18px; } } @media (max-width :360px)and (min-width:320px){ .Update_Fontm{ font-size:18px; } } @media (min-width :360px){ .Update_Fontm{ margin-top: 13px; } } @media (max-width :1024px){ .Font_Title{ font-size: 17.3px; } } .ptsColBadgeContent{ background-color: rgb(197, 17, 17); color: rgb(255, 255, 255); width: 223px; display: block; font-size: 12.5px; line-height: normal; transform: rotate(45deg); transform-origin: center bottom; bottom: 36px; position: absolute; right: -60px; padding-top: 3px; padding-bottom: 3px; } /*** Update the position of gfield_description ***/ @media (max-width: 560px){ .gform_infobox_information_cus .gfield_label .gfield_description { position:relative!important; }} /** Update button submit, next in page **/ a.themebutton:hover{ background:rgb(195, 3, 38) !important; color:white !important; } .button.gform_next_button:hover{ background:rgb(195, 3, 38); color:white; } .button.gform_button:hover{ background:rgb(195, 3, 38); color:white; } /* Update the header_core ****/ @media only screen and (max-width: 768px){ #header-core { padding-bottom: 0px !important; }} /**** Hide the guideline of gravity forms ***/ @media only screen and (max-width: 768px){ ul.grv-info-sec { display: none; }} /******* page builder css ***/ #content-core { background-color:white; padding:30px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius: 12px; } .box-style { text-align: center; padding-bottom: 10px; border: 1px solid #115172; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; /*padding: 11px 24px;*/ padding:2px 12px; border-radius:5px; } .custom_btn_incorp{ background:rgb(195, 3, 38); } .custom_btn_incorp:hover{ background-color: #115172; text-transform: capitalize; } .custom_btn_incorp{ text-transform: capitalize; } .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style{ margin:10px !important; } a.link_u:hover{ color: rgb(195, 3, 38)!important; } a.link_u2:hover{ color: rgb(195, 3, 38) !important; } a.link_u3:hover{ color: rgb(195, 3, 38) !important; } a.link_u3{ color: #1e73be !important; } /* .widget li { list-style: decimal; }*/ @media (max-width: 780px){ #pg-16364-0-0.panel-no-style, #pg-16361-0.panel-has-style > .panel-row-style, #pg-16361-1.panel-no-style, #pg-16361-1.panel-has-style > .panel-row-style, #pg-16361-2.panel-no-style, #pg-16361-2.panel-has-style > .panel-row-style, #pg-16361-3.panel-no-style, #pg-16361-3.panel-has-style > .panel-row-style { /* -webkit-flex-direction: column; */ -ms-flex-direction: column; flex-direction: column; }} /* Update section slider **/ @media (max-width: 780px){ #section-home-inner { margin: 10px auto 0; }} /* Update Header Style */ #header .menu > li.menu-hover > a, #header .menu > li.current_page_item > a, #header .menu > li.current-menu-ancestor > a, #header .menu > li > a:hover { background-color: rgba(30, 144, 255, 0.27); color: #115172 ; } #header .header-links .sub-menu { background-color: #115172; } #header .header-links .sub-menu li a { color:white; } #header .header-links .sub-menu a { color: #115172; } #header .header-links .sub-menu a:hover, #header .header-links .sub-menu .current-menu-item a { color: #fff; background-color: #1E90FF; } #header .header-links .sub-menu a:hover{ background-color:rgb(195, 3, 38) !important; } /* delete the white space from the field of gravity form */ @media only screen and (max-width: 768px){ .gform_infobox_information_cus .gfield_label span{ display:inline-block !important; }} @media only screen and (max-width: 768px){ body .gform_wrapper ul li.gfield { margin-top: 10px !important; }} /*********** Update menu for mobile ****************/ @media only screen and (max-width: 1024px){ .mob-menu-header-holder { height: 30px; }} @media only screen and (max-width: 1024px){ body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 30px; }} @media only screen and (max-width: 1024px){ div#header-nav { display:none; }} @media only screen and (max-width: 1024px){ .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay { background: none; }} .mobmenu-content { padding-top: 0px !important; } .mobmenu-content li a { padding: 4px 25px !important; } /* *************add call now button************** */ @media screen and (max-width: 650px){ #callnowbutton { position: fixed; text-decoration: none; width: 100%; left: 0; bottom: 0; height: 40px; text-align: center; color: #fff; font-weight: 600; font-size: 120%; overflow: hidden; background: #115172; display: flex; justify-content: center; align-items: center; text-shadow: 0 1px 0 rgba(0,0,0,.18); } } @media screen and (max-width: 650px){ #callnowbutton:hover { background-color: #1E90FF; } } /* Justify the text in page HTML */ .has-text-align-left { text-align: justify; } /* Enter Your Custom CSS Here */ .woocommerce div.product form.cart table td { padding-left: 0; text-align: left; } /** Update hover color of button in Pricing table****/ a.ptsEditArea.ptsInputShell:hover { background-color: rgb(195, 3, 38) !important; } /* Logo Imgage */ #logo img{ max-height: 90px; /*padding-top: 15px;*/ width: auto; } @media only screen and (max-width: 768px){ #logo img{ padding-left: 4.6px; }} /*** Table shop */ .woocommerce table.shop_table th { background-color: #1e90ff7a!important; } /* Gfield*/ /* ul#gform_fields_18, ul#gform_fields_24, ul#gform_fields_25, ul#gform_fields_108,ul#gform_fields_38,ul#gform_fields_107, ul#gform_totals_107,ul#gform_fields_30,ul#gform_fields_55,ul#gform_fields_58,ul#gform_fields_81,ul#gform_fields_82{ width: auto; }*/ /*********** Update the font of the body ****************/ body, button, input, select, textarea { color: #2f2e2e; font-family: "Arial", Times New Roman, sans-serif; /* font-family: "Times New Roman", Times, sans-serif,Arial; */ font-size: 15.2px; } /********** Update Hover of buttons in frond page ***********/ .services-builder.style1 .iconurl a:hover{ background-color: rgb(195, 3, 38); color:white; } /******************* Update color of Peoceed to checkout*/ a.checkout-button.button.alt.wc-forward{ background-color:#115172 !important; } a.checkout-button.button.alt.wc-forward:hover{ background-color:rgb(195, 3, 38) !important; } button#place_order{ background-color:#115172 !important; } button#place_order:hover{ background-color:rgb(195, 3, 38) !important; } /* **************** Image Product in Title og page ************* */ img.img-prodt{ width: 45px; max-width: 45px; height: 45px; max-height: 45px; border-radius: 100%; vertical-align: sub; margin-right:8px; box-shadow: 0px 0px 2px 2px #add; background-color: white; } @media only screen and (max-width: 768px){ img.img-prodt{ width: 30px; max-width: 30px; height: 30px; max-height: 30px; }} /* change the position to the center of ptsBlock button */ .ptsActBtn.ptsEl.ptsElInput{ display: block !important; } @media only screen and (max-width: 1024px){ .ptsActBtn.ptsEl.ptsElInput{ display:inline-block !important; }} @media only screen and (max-width: 768px){ .ptsActBtn.ptsEl.ptsElInput{ display:block !important; }} /* Image logo */ img.logo_Img{ float: left; margin-top: 38px; padding-right: 8px; } @media only screen and (max-width: 768px){ img.logo_Img{ display:none; } } /* .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%!important; } */ /* Footer*/ .copyright ul li{ font-size:10px !important; } #sub-footer { border-top: 1px solid #999999de; padding: 10px 10px; } #footer-core a, #footer-core .widget li > a:before { color: #fff; } #footer-core a:hover, #footer-core .widget li > a:hover:before { color: #b1dcf2; } aside.widget.widget_media_image{ display:inline-block; } @media screen and (max-width: 1024px){ aside.widget.widget_media_image{ display:block; }} @media screen and (max-width: 640px){ aside.widget.widget_media_image{ display:inline-block; margin-left: 40px; margin-right: 45px; }} #footer{ padding: 10px 1px 3px; border-top: 1px solid #E1E1E1; } @media screen and (max-width: 640px){ #footer-core{ width: 100%; text-align: center; line-height: 1.68; }} .one_fourth { display:block; } #footer .widget { margin-bottom: 0px;} @media only screen and (max-width: 568px){ #footer .widget { margin-bottom: 0px !important;}} .woocommerce div.product form.cart .button { background-color: #115172; color: #F0FFF0; } .woocommerce div.product form.cart .button:hover { background-color: rgb(195, 3, 38); /*color: rgb(31, 45, 61); border: 0.9px solid #115172;*/ } @media only screen and (max-width: 641px){ .woocommerce div.product form.cart .button:hover { background-color: rgb(195, 3, 38); }} /* ***************************Update button Proceed to payment******************************************** */ td.product-name dl.variation{ display:none; } .woocommerce-checkout #payment { background:#ffffff !important; } .woocommerce-checkout #payment div.payment_box { background-color: #f1f5f9 !important; color: black !important; } .woocommerce table.shop_table th { font-weight: 900; font-size: 100%; padding: 20px 20px; background-color:#dfe8f1; } .woocommerce table.shop_table td { padding: 12px 16px; } .woocommerce div.product form.cart div.quantity { display: none; } .gform_infobox_information_cus .gfield_label span { font-size: 11px; } div#sidebar-core{ display:none;} .gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label { font-weight: 500 !important; } .center { display: block; margin: 0 auto; } /** align image in center of field **/ .gform_wrapper .field_description_below .gfield_description img{ display: block !important; margin: 0 auto!important; } #post-footer-social li { color: white; } #post-footer-social li i { background-color: #0784fb; border-radius: 20px; color:white; } select{ padding: 3px 40px 3px 8px; height: 36px; } #content{ background-color: #ddd; } /* .woocommerce div.product { background-color: white; padding: 20px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius:10px; } */ .gform_page_footer.left_label, .gform_wrapper .gform_page_footer.right_label{ padding: 16px 0px 0 1.5% !important; } /* .gform_wrapper .gform_page_footer { padding-bottom: 25px !important; padding-left:3px !important; }*/ .woocommerce .woocommerce-breadcrumb a { color: #f8f8f8 !important; } /* .crumbs li { padding: 7px; border-right: 1.2px solid white; display:inline-block; background:#115172; color: #f8f8f8; box-shadow: rgb(137, 149, 153) 1px 2px 0px 0px; border-radius: 10px; } .crumbs a { color: #f8f8f8 !important; } .crumbs li:last-child { border-right: none; } ul, ol { margin: 0 0 20px 0px; } @media only screen and (max-width: 768px){ .crumbs li { display:none; }} */ /*css for list fields */ .gform_wrapper .gfield_list, .gform_wrapper .gfield_list td.gfield_list_cell input { width: 83.6% !important;} .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { background-color: white; } /* .content_page{ background-color:white; padding:50px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius: 12px; } .content_page_Woo{ background-color:white; padding:35px; padding-bottom:250px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius: 12px; }*/ /* ---Update Title product and page------------------------------------------------------------------------*/ @media only screen and (max-width: 768px){ #intro .page-title { font-size: 20px; }} /* update gfield infobox*/ .gform_infobox_information_cus .gfield_label .gfield_description { position: absolute; background: #fff; top: auto; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); padding: 10px; font-size: 12px; cursor: context-menu; margin-top: -20px; border-radius: 23px 12px; width: 196%; left: -192.8%; } @media(max-width: 560px){ .gform_infobox_information_cus .gfield_label .gfield_description { width: 260%; left: -170.8%; } } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_741_box { width: 300%; left: -190.8%; } } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_729_box { width: 260%; left: -178.8%;} } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_286_box { width: 260%; left: -178.8%;} } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_756_box { width: 260%; left: -178.8%;} } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_761_box { width: 260%; left: -178.8%;} } @media (max-width: 560px){ .gfield_infobox_desc.gfield_description.gfield_infobox_more_info_399_box { width: 260%; left: -178.8%;} } /** Justify Text in Gfield **/ .gform_wrapper .field_description_below .gfield_description { text-align: justify; } /* update for footer @media only screen and (max-width: 768px){ .gform_wrapper .gform_page_footer { padding: 150px 0 0 !important; }} */ /* .gform_page_footer { padding-top:60px !important; }*/ /*update button for phone screen */ @media only screen and (max-width: 641px){ .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { width: inherit; line-height: 2; /*position:static;*/ }} /*Update for title and logo */ #logo h1 { /*text-shadow: 3px 5px 2px rgba(11, 107, 228, 0.16);*/ color: #00000073; background: #08a2f1; -webkit-background-clip: text; font-size: 35px; margin-top: 10px; } @media only screen and (max-width: 768px){ #logo h1 { font-size:25px; } } #logo h2 { font-size: 16px; line-height: 25px; /*margin-bottom: 60px;*/ color: #02423fe6; /*text-shadow: 3px 5px 2px rgba(11, 107, 228, 0.16);*/ } /* Header Meanu Update ***/ #header .header-links > ul > li a { font-size: 15.3px; padding: 22px 13px; border-radius: 6px; } .ptsCell { border-top: 1px solid #d2d2d2 !important; } body.page table{ text-align: left !important; } table { border-top: 1px solid #ddd; border-left: 1px solid #ddd !important } .single .entry-header { background-color:white; } .single .entry-content { background-color:white; } /* .woocommerce .products ul, .woocommerce ul.products { background-color:white; padding:50px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius:12px; }*/ /* Update login design */ .woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { border: 0.8px solid #115172; box-shadow: 0px 1px 6px 1.5px rgb(17, 81, 114), 0 0 6px 10px rgba(0, 0, 0, 0.05); } /* Update search div .blog-article { box-shadow: 0 8px 8px 0 rgba(0,0,0,0.16), 0 0 11px 11px rgba(0,0,0,0.08); border-radius: 25px; } .blog-article .blog-title { padding: 20px;} */ nav.woocommerce-breadcrumb { display: none; } .blog-article { margin: 0; box-shadow: none; } /*--------------------------------------------------------------------- Update the header-------------------------------------------------------------------------*/ .info-topleft { line-height: 0px; margin-top:36px; float:right; } .info-topleft ul{ margin: 0; padding: 0; } .info-topleft ul li { font-family: 'Poppins', sans-serif; font-size: 12px; float: left; list-style-type: none; padding: 0 12px; } .info-topleft ul li a{ color: #115172; } .info-topleft ul li a:hover{ color: #1E90FF; } .material-icons{ position: relative; top: 5px; left: 5px; width: 30px; color: #115172; } .login_btn{ background-color:#115172; line-height: 23px; float:right; padding-left:6px; padding-right:6px; border-style: solid; border-width: 0.1px; border-color:#115172; border-radius:3px; margin-top: 6px; } .login_btn a.lg_cthref{ color: white; } .login_btn_mobile{ background-color:rgb(195, 3, 38); line-height: 23px; float:right; padding-left:6px; padding-right:6px; border-style: solid; border-width: 0.1px; border-color:#115172; border-radius:3px; margin-top: 2px; } .login_btn_mobile a.lg_cthref_mobile{ color: white; font-size: 12px; } .info-topleft ul li a.lg_cthref:hover{ color:white; } .info-topleft ul li a.lg_cthref_mobile:hover{ color:white; } .login_btn:hover{ background-color:rgb(195, 3, 38); } .info-topleft li.iconLO{ display:none; } .info-topleft li.iconL{ display:none; } .info-topleft li.iconLO_mobile{ display:none; } .info-topleft li.iconL_mobile{ display:none; } .info-topleft li.iconR_mobile{ display:none; } /********************************Responsive TopInfo**********************/ @media screen and (max-width: 768px){ .info-topleft { float: none; text-align: center; width: 0%; margin-right: 0%; }} @media screen and (max-width: 1024px){ .info-topleft { width: 45%; float: right; padding: 0; margin-top: 9px; margin-right: 4%; }} @media screen and (max-width: 768px){ .login_btn { text-align:center; margin: 10px; } } @media only screen and (max-width: 768px){ .info-topleft ul li{ padding: 0 0px; display:none; }} @media only screen and (max-width: 768px){ .info-topleft ul{ float:none; text-align:center; display:inline-block; }} @media only screen and (max-width: 1024px){ .info-topleft ul li{ float:right; display:none; }} @media only screen and (max-width: 1024px){ .info-topleft ul li a{ display:none; }} @media only screen and (max-width: 1024px){ .info-topleft li.iconL{ display:none; }} @media only screen and (max-width: 1024px){ .info-topleft li.iconLO[style]{ display:none !important; }} @media only screen and (max-width: 768px){ .info-topleft li.iconLO[style]{ display: none !important; }} @media only screen and (max-width: 1024px){ .info-topleft li.iconL[style]{ display:none !important; }} @media only screen and (max-width: 768px){ .info-topleft li.iconL[style]{ display: none !important; }} @media only screen and (max-width: 768px){ .info-topleft ul li a{ font-size:10px; }} @media only screen and (max-width: 768px){ .login_btn a.lg_cthref{ font-size:10px; }} @media only screen and (max-width: 768px){ .material-icons{ top: 6px; }} @media only screen and (max-width: 768px){ .info-topleft li.iconL{ display: none; }} @media only screen and (max-width: 1024px){ .info-topleft li.iconR{ display: none; }} @media only screen and (max-width: 768px){ .info-topleft li.tel{ display: none; float:none; }} @media only screen and (max-width:1024px){ .info-topleft li.tel{ display: none; }} /******Responsive for logo *********/ @media screen and (max-width: 580px){ #logo{ margin: 10px 0px 10px -20px; }} @media screen and (max-width: 768px){ #logo { width: 100%; text-align: center; margin: -10px -2px -2px -10px; } } @media only screen and (max-width: 768px){ #logo, #header-nav { display: inline-block; }} @media only screen and (max-width: 768px){ #logo img, #logo h1 { float: none; }} /********Responsive for Menu ***********/ @media only screen and (max-width: 768px){ #header-responsive li a { color: white; border-bottom: 1px dotted white; }} @media only screen and (max-width: 768px){ #header-responsive { background: #115172; }} @media only screen and (max-width: 768px){ .btn-navbar .icon-bar { background-color:#115172; }}