/* Theme Name: Loodo Flatsome Starter Description: Loodo Flatsome Starter Author: loodoweb.com Template: flatsome Version: 3.1.1 */ /*************** ADD CUSTOM CSS HERE. ***************/ input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){border-radius:0px;/*min-width:40px;*/padding-top:0px;padding-bottom:0px;padding-left:15px;padding-right:15px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} input[type="submit"],button,a.button{padding-left:25px;padding-right:25px;} select[multiple="multiple"]{height:auto;overflow-y:auto;} body{font-size:16px;} .nav-dark .nav>li.header-divider{background-color:rgb(0 0 0 / 20%);} .nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a{font-size:1em;} .grid-tools a{padding:0px;line-height:40px;} .breadcrumbs{font-size:0.9em;} .mb30{margin-bottom:30px;}.mb20{margin-bottom:20px;}.mb10{margin-bottom:10px;}.mb5{margin-bottom:5px;}.mb15{margin-bottom:15px;} #content.page-wrapper,.page-wrapper{padding-top:60px;padding-bottom:30px;} .category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:60px;} .wpcf7-spinner{display:none;} .wpcf7 input[type="submit"]{margin-right:0px;} .product_meta,.nav>li>a,label, legend,th, td,.payment_methods p,ul.menu>li li>a, .widget>ul>li li>a,.product-info p.stock{font-size:1em;} .product-quick-view-container .product-info{font-size:100% !important;} span.widget-title{font-size:1.2em;} .wpcf7 form .wpcf7-response-output{margin-top:10px!important;line-height:1.2em;} .wpcf7 .row .col{padding-bottom:0px;} .wpcf7-spinner{display:none!important;} .product-container .product-main{padding-bottom:0px;} .product-footer .woocommerce-tabs{padding-bottom:0px;} .product-section{border-width:0px;} .product-section-title{margin-left:0px;margin-right:0px;margin-bottom:15px;} .form-row.place-order button[type="submit"]{margin:0px;width:100%;} .dashboard-links li{margin:10px 0px !important;padding:0px 10px;} .dashboard-links a{margin:auto;} /*static search form*/ .searchform-wrapper.form-flat .flex-col:last-of-type{margin:0px;} .accordion-item{box-shadow: 0 7px 25px 0 rgb(0 0 0 / 10%);margin-bottom:20px;} .accordion-item > a.accordion-title{border-width:0px;} .accordion-item > a.accordion-title.active{background-color:transparent;border-bottom:1px solid #dddddd;} .accordion-inner{padding:1.1em 1.2em 1em;} .portfolio-box{border:1px solid #dddddd;} .portfolio-box .portfolio-box-title{height:42px;overflow:hidden;margin:0px;font-size:1em;font-weight:bold;text-transform:none;} .portfolio-box .box-text{padding:20px;} .portfolio-box .box-text .portfolio-box-category{display:none;} .portfolio-box .box-image .image-cover{padding-top:100% !important;} .portfolio-box .box-image .image-cover img{height: auto; transition: all 3s; transform: translate(0,0); bottom: auto;} .portfolio-box:hover .box-image .image-cover img{top:100%;transition: all 3s; transform: translate(0,-100%);} .slider-nav-reveal .flickity-prev-next-button.previous,.slider-nav-reveal .flickity-prev-next-button.next{border-radius:0px !important;} .portfolio-page-wrapper.portfolio-single-page .portfolio-related{margin-bottom:30px} .box-text{font-size:1em;} @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 849px) { .header-search-dropdown{width:100%;} .header-search-dropdown ul.nav-dropdown{margin:auto;width:100%;} #logo img { max-height: 90px; padding:10px 0px; } } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 549px) { #logo img { max-height: 70px; padding:10px 0px; } } /****************************************/ ::placeholder { color: #888888 !important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888888 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #888888 !important; } #footer ::placeholder { color: #ffffff !important; opacity: 1; /* Firefox */ } #footer :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff !important; } #footer ::-ms-input-placeholder { /* Microsoft Edge */ color: #ffffff !important; } .copyright-footer p{margin-bottom:0px;} .product-footer .woocommerce-tabs{background-color:#efefef;margin-bottom:20px;padding:30px 30px 10px;} #review_form{background-color:#ffffff;} #review_form .review-form-inner{padding:20px 20px 0px;} .widget .tagcloud a:hover{color:#ffffff;} .widget span.widget-title{padding: 20px 20px 5px; margin: 0;display:block;font-weight:bold;font-size:1.4em;} .widget .is-divider{background-color:transparent;margin-top:0px;margin-bottom:0px;} .widget ul.menu > li > a:before,.widget ul.product-categories > li > a:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\f111";margin-right:10px;font-size:8px;} .widget ul.menu > li > a{padding:8px 0px;display:block;font-size:1em;} aside.widget{border:1px solid #EBEBEB;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget ul.menu li.current-menu-item > a{color:var(--primary-color);} aside.widget > div,aside.widget > ul,aside.widget > form{padding:0px 20px 10px;} #top-bar .top-bar-nav a{font-size:14px;} #top-bar li{color:#ffffff;} #top-bar .header-block a{color:#ffffff;}#top-bar .header-block a:hover{color:#000000;} #masthead .html .social-icons{font-size:16px;} #masthead .html .social-icons a:first-child{margin-left:0px;} #masthead .html .social-icons a:last-child{margin-right:0px;} #wide-nav .nav>li>a{font-size:1em;font-weight:500;} .absolute-footer.dark{color:#eaeaea;font-size:0.9em;padding-top:15px;padding-bottom:40px;} .header-search-form-wrapper form input[type="search"],.nav-dark .header-search-form-wrapper .form-flat input:not([type="submit"]){height:30px;line-height:30px;background-color:#ffffff !important;border-radius: 15px;color:#222222 !important;font-size:1.2em;} .header-search-form-wrapper form button[type="submit"]{height:30px;width:30px;line-height:30px;position:absolute;top:0px;right:10px;color:#222222 !important;} .header-search-form-wrapper form button[type="submit"] *{color:#222222;} .header-search-form-wrapper form button[type="submit"] i{color:#222222;} .header-bottom{border-top:1px solid #ff2900;} .normal-title.ldtl-page-header-title,.primary-gradient-bg{border-width:0px;background: rgb(255,94,58); background: -moz-linear-gradient(180deg, rgba(255,94,58,1) 0%, rgba(255,42,104,1) 100%); background: -webkit-linear-gradient(180deg, rgba(255,94,58,1) 0%, rgba(255,42,104,1) 100%); background: linear-gradient(180deg, rgba(255,94,58,1) 0%, rgba(255,42,104,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5e3a",endColorstr="#ff2a68",GradientType=1);padding:30px 0px;} .box-gradient1{background: rgb(196,68,251); background: -moz-linear-gradient(-35deg, rgba(196,68,251,1) 0%, rgba(91,86,215,1) 100%); background: -webkit-linear-gradient(-35deg, rgba(196,68,251,1) 0%, rgba(91,86,215,1) 100%); background: linear-gradient(-35deg, rgba(196,68,251,1) 0%, rgba(91,86,215,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c444fb",endColorstr="#5b56d7",GradientType=1);} .box-gradient2{background: rgb(224,64,251); background: -moz-linear-gradient(-35deg, rgba(224,64,251,1) 0%, rgba(254,94,49,1) 100%); background: -webkit-linear-gradient(-35deg, rgba(224,64,251,1) 0%, rgba(254,94,49,1) 100%); background: linear-gradient(-35deg, rgba(224,64,251,1) 0%, rgba(254,94,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e040fb",endColorstr="#fe5e31",GradientType=1);} .box-gradient3{background: rgb(126,213,0); background: -moz-linear-gradient(-35deg, rgba(126,213,0,1) 0%, rgba(0,191,141,1) 100%); background: -webkit-linear-gradient(-35deg, rgba(126,213,0,1) 0%, rgba(0,191,141,1) 100%); background: linear-gradient(-35deg, rgba(126,213,0,1) 0%, rgba(0,191,141,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7ed500",endColorstr="#00bf8d",GradientType=1);} .box-gradient-gray{background: #f4f5f6; background: -moz-linear-gradient(-35deg, #eee 0%, #f4f5f6 100%); background: -webkit-linear-gradient(-35deg, #eee 0%, #f4f5f6 100%); background: linear-gradient(-35deg, #eee 0%, #f4f5f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eee",endColorstr="#f4f5f6",GradientType=1);} .button.back-to-top{background-color:var(--primary-color);border-color:var(--primary-color);color:#ffffff;bottom:110px;} .button.back-to-top:hover{background-color:transparent;color:var(--primary-color);} .home-featured-box{padding:40px;border-radius:3px;} .home-featured-box .icon-box-img .icon > .icon-inner{background-color:#ffffff;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;padding:16px;} .home-featured-box .icon-box-img img{padding:0px;} .featured-box-style2{padding:40px;-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 0%); box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 6px 6px rgb(0 0 0 / 0%);border:1px solid rgb(0 0 0 / 5%);border-radius:3px;background-color:white;} .featured-box-style2:hover{box-shadow:0 15px 25px 0 rgb(248 72 139 / 20%);} .icon-box-left .icon-box-img+.icon-box-text{padding-left:20px;} .absolute-footer{padding:15px 0px;} .nav-dropdown-default{padding:15px;} .footer-secondary.pull-right{padding:0px;} #footer ul{padding:0px;margin:0px;} #footer ul li{margin-left:0px;} #footer .social-icons a{color:#808483;margin:4px;border-style:dotted;width:36px;height:36px;line-height:36px;text-align:center;} #footer .newsletters-form{position:relative;} #footer .newsletters-form input[type="submit"]{margin: 0px; position: absolute; top: 0px; right: 0px;} .post-item .post-title{font-size:1.1em;min-height:46px;} .post-item .box{border:1px solid #dddddd;} .post-item .box .box-text{padding:20px;} .post-item .box .box-text .from_the_blog_excerpt{height:51px;overflow:hidden;} .post-item .box .box-text .is-divider{height:0px;} .header-main li.html.custom{display:inline-block !important;} .lightbox-content{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .pricing-table .title{text-transform:none;font-size:1.8em;letter-spacing: normal;} .pricing-table .price{font-weight:bold;font-size:2em;line-height:1em;} .dark .pricing-table .price{color:#ffffff;} .pricing-table .description.is-small{font-size:1em;} .pricing-table .bullet-item unchecked,.pricing-table .bullet-item checked{background:url('/wp-content/assets/loodo/checked.png') center no-repeat;background-size: cover; width: 18px; height: 18px; display: block; margin: 5px auto 5px;} .pricing-table .bullet-item unchecked{background-image:url('/wp-content/assets/loodo/unchecked.png');} .pricing-table .bullet-item{position:relative;} .pricing-table .bullet-item .bullet-more-info{position: absolute; top: 10px; right: 0px;margin:0px;} .pricing-table .bullet-item > span.text > h4{display: block; background-color: var(--primary-color); color: white; border-radius: 8px; padding: 5px 10px; margin: 0px -15%; width: 130%;} .hosting-package.pricing-table{padding-bottom:0px;} .hosting-package.pricing-table .title{color:#888888;font-size:1.4em;} .hosting-package.pricing-table .price{font-weight:bold;font-size:1.6em;line-height:1em;} .dark .hosting-package.pricing-table .title{color:white;} .hosting-package.pricing-table .items .button:last-child{margin:15px 0px 10px;} #ez-toc-container{border-color:#dddddd;} div.ez-toc-widget-container li{line-height:1.4em;} div.ez-toc-widget-container li > a{font-size:0.9em;} div.ez-toc-widget-container ul.ez-toc-list{padding:10px 0px;} .testimonial-item.icon-box.icon-box-center .icon-box-img{background-color: #ffffff; padding: 20px; min-width: 100px;} .testimonial-item.icon-box.icon-box-center .icon-box-img > img{border-radius:0px !important;margin:0px;} .cat-item h4{margin:0px;font-size:0.9em;line-height:1.2em;} .theme-item > .col-inner{background-color:white;} .theme-item .box-image img,.theme-items .box .box-image img{height:auto;transition: all 3s; transform: translate(0,0);bottom:auto;} .theme-item:hover .box-image img,.theme-items .box:hover .box-image img{top:100%;transition: all 3s; transform: translate(0,-100%);} .theme-item .badge{height:auto;} .theme-item .badge .badge-inner{padding:5px 7px;font-size:0.9em;} .theme-item .buttons{padding: 0px 15px 16px; border: 1px solid #dddddd; border-top-width: 0px; margin-top: -50px; background-color: white; position: absolute; top: 100%; left: 0px; width: 100%; z-index: -1;transition: all 0.15s;} .theme-item:hover .buttons{z-index:1;margin-top: -10px;} .theme-item .buttons .row .col{padding-bottom:0px;} .theme-item .buttons .row .col .button{margin:0px;} .theme-single .buttons .row .col .button{margin:0px;} .single-theme-tabs li.tab span{line-height:1.2em;font-size:0.9em;} .single-theme-tabs .tab-panels{padding:20px 20px 5px;font-size:0.9em;} .pricing-table .items{padding:10px 10%;} /*.theme-single .price-table{} .theme-single .price-table > .row{padding:0px;margin:0px;} .theme-single .price-table > .row > .col{padding:0px 0px 20px !important;} .theme-single .price-table .pricing-table .title{padding-left:15px;padding-right:15px;font-size:1.5em;} .theme-single .price-table .pricing-table .price{padding-left:15px;padding-right:15px;font-size:2.2em;} .theme-single .price-table .pricing-table .items{padding-left:15px;padding-right:15px;} .theme-single .price-table .pricing-table .bullet-item > span.text > h4{margin: 0px;width:100%;}*/ .website-standards > section.section{padding:0px;} .normal-title.ldtl-page-header-title{padding-top:0px;padding-bottom:0px;} .website-type-icon .icon-box-img{width:auto!important;} .website-type-icon span.img,.website-type-icon .icon{display:block;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;background-color:white;padding:20px;width:80px;height:80px;margin:auto;} .website-type-icon img{width:40px;height:40px;} .website-type-icon h4,.website-type-icon .icon-box-text{margin:15px 0px 0px;line-height:1.2em;opacity:0.6;font-size:1em;} .website-type-icon:hover span.img,.website-type-icon:hover .icon{-webkit-box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%); box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);} .website-type-icon:hover h4,.website-type-icon:hover .icon-box-text{opacity:1;} .website-type-icon p:last-child{margin:0px;} .nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover, .nav-vertical-fly-out>li>a:hover{color:black;} .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a{font-weight:600;} .portfolio-inner .gallery{margin-left: -5px; margin-right: -5px; margin-bottom: 20px;} .portfolio-inner .gallery > .gallery-item{padding: 0px 5px 10px;} .portfolio-inner img{width:auto;max-width:100%;} .nav-tabs+.tab-panels{padding:20px 30px 10px;} .hosting-icons-row .icon-box .icon-box-img img{padding:0px;} .hosting-icons-row .icon-box .icon{min-height:40px;display: flex ; flex-direction: column; align-items: center; justify-content: center;} .partner-logos .gallery-col .box-image{text-align:center;} .partner-logos .gallery-col .box-image img{max-height: 80px; width: auto;} .bg-gray{background-color:#eee;} .tab-panels .panel > section{padding-left:0px;padding-right:0px;} .row.align-equal .col-inner > .pricing-table-wrapper{height:100%;} .row.align-equal .col-inner > .pricing-table-wrapper > .pricing-table{height:100%;} .list-group .price{display:none;} .list-group .pricing-table-header .title{font-size:1.5em;} .tooltipster-base{max-width:300px;text-align:center;} .row-mobile-slider-wrapper{max-width: 100%;} .row.align-equal > .col > .col-inner > .icon-box{height:100%;} @media only screen and (min-width: 850px) { } @media only screen and (max-width: 1024px) { .hosting-package.pricing-table .title{font-size:1.4em;} .hosting-package.pricing-table .price{font-size:1.6em;} } @media only screen and (max-width: 849px) { .theme-archive-sidebar .widget .industry_menu{margin-bottom:10px;} .theme-archive-sidebar .widget .industry_menu > li{border: 1px solid #dddddd; display: inline-block; margin: 3px 1px;} .theme-archive-sidebar .widget .industry_menu > li > a{padding:2px 5px;font-size:1em;} .theme-archive-sidebar .widget .industry_menu > li > a:before{display:none;} .icon-box-left .icon-box-img, .icon-box-right .icon-box-img,.icon-box-left .icon-box-img+.icon-box-text{} .icon-box-left .icon-box-img, .icon-box-right .icon-box-img{margin-right:10px;} .icon-box-left .icon-box-img+.icon-box-text{padding:0px;} .icon-box-left .icon-box-img, .icon-box-right .icon-box-img{max-width:60px;} .nav-tabs+.tab-panels{padding:15px 15px 5px;} } @media only screen and (max-width: 767px) { .theme-single .price-table{} .row-checklist .icon-box .icon-box-img{display:none;} .row-checklist .icon-box .icon-box-text{text-align: center; background-color: #f4f5f6; padding: 5px; min-height: 42px; display: flex ; flex-direction: row; align-items: center; border-radius: 6px;} .row-mobile-slider-wrapper{overflow-x: scroll;margin-bottom:20px;} .row-mobile-slider-wrapper:before{content: "Lướt ngang để xem"; font-style: italic; padding-left: 5px;} .row-mobile-slider{flex-flow: row;max-width: none!important;margin:0px!important;opacity:0;} .row-mobile-slider-wrapper > .row-mobile-slider > .col{padding:0px 5px 20px 5px;} } @media only screen and (max-width: 575px) { .single-theme-tabs li.tab > a{padding:5px 5px;font-size:0.8em;} .mfp-container{padding-left:15px;padding-right:15px;} .logo-left .logo{margin-right:10px;} .header-main li.html.custom{font-size:0.8em;} .icon-box-left .icon-box-img, .icon-box-right .icon-box-img{display:none;} } @media only screen and (max-width: 849px) { } @media only screen and (max-width: 767px) { .portfolio-inner .gallery > .gallery-item{flex-basis: 33.33333%; max-width: 33.33333%;} } @media only screen and (max-width: 575px) { .portfolio-inner .gallery > .gallery-item{flex-basis: 50%; max-width: 50%;} }