:root{
--fontPrimary: "Nunito Sans", sans-serif;
--fontSecondary: "Plus Jakarta Sans", sans-serif;
--fontAccent: "PT Sans Caption", sans-serif;
--inter: "Inter", sans-serif;
--font-size: 16px;
--primary: #F15924;
--colorSecondary: #242424;
--colorAccent: #CFCFCF;
--colorBarkBlue: #231E41;
}
@font-face {
font-family: 'Nunito Sans';
src: url(//budgetbytes.nl/wp-content/themes/budgetbytes/fonts/nunito-sans-v19-latin-regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nunito Sans';
src: url(//budgetbytes.nl/wp-content/themes/budgetbytes/fonts/nunito-sans-v19-latin-500.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nunito Sans';
src: url(//budgetbytes.nl/wp-content/themes/budgetbytes/fonts/nunito-sans-v19-latin-600.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body{
overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6, p, a, li{
font-family: var(--fontPrimary);
font-weight: normal;
font-style: normal;
font-size: var(--font-size);
}
a, a:hover{
text-decoration: none;
}
.button,
a.button{
width: 238px;
height: 55px;
font-size: 22px;
line-height: 26px;
font-family: var(--fontPrimary);
border-radius: 51px;
}
.container{
padding: 0 15px;
} .social-right > .social-icons::before,
.social-right > .social-icons::after{
position: absolute;
content: '';
width: 1px;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
}
.social-right .social-icons::after{
left: inherit;
right: 0;
}  #collapseMenu > ul.navList{
transition: left 0.3s ease-in-out;
}
#collapseMenu::before{
display: none;
}
#collapseMenu.navbarOpen::before{
display: block;
}
#toggleClose{
display: none;
}
ul > li.has-children > ul > li{
margin-bottom: 11px !important;
}
ul > li.has-children > ul > li > a{
font-weight: 600;
font-size: 19px;
display: block;
position: relative;
}
ul > li.has-children > ul > li > a > span{
font-size: 16px;
}
ul > li.has-children > ul > li:last-child{
border-bottom: none;
}
#collapseMenu ul.navList > li > a{ -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
line-height: 4.2;
}
#collapseMenu ul.navList > li.current-menu-parent > a,
#collapseMenu ul.navList > li > a:hover,
#collapseMenu ul.navList > li.current_page_item > a{ color: #F15924;
}
#collapseMenu ul.navList li.current_page_item > a {
color: #F15924;
}
#collapseMenu > ul.navList > li.has-children > ul{
display: none;
}
@media(min-width: 1025px){
#collapseMenu > ul.navList > li.has-children:hover > ul{
display: block;
}
}
@media(max-width: 1024px){
#collapseMenu > ul.navList > li.has-children.submenu-visible > ul{
display: block;
}
#collapseMenu > ul.navList > li.has-children > ul{
border-radius: 0;
position: relative;
transform: none;
left: inherit;
right: inherit;
border: none;
padding: 0 20px;
width: 100%;
top: inherit;
min-width: 100px;
translate: none;   
}
#collapseMenu > ul.navList .hidden {
display: block !important;
}
span.lg\:hidden.block.absolute.submenu-toggle.right-\[15px\].top-\[10px\] {
z-index: -1;
}
#collapseMenu > ul.navList svg.lg\:relative.lg\:inline-block.group-hover\:fill-primary.hidden {
display: none !important;
}
#collapseMenu > ul.navList > li.has-children > ul::before{
display: none;
}
#collapseMenu > ul.navList > li.has-children > ul > li{
padding: 0;
}
#collapseMenu > ul.navList > li.has-children > ul > li > a{
padding: 0 20px;
font-size: 15px;
}
#collapseMenu > ul.navList > li.has-children > ul > li > a > span{
font-size: 14px;
line-height: 1.5;
}
#collapseMenu ul.navList > li > a{
line-height: 1.5 !important;
}
}
#collapseMenu > ul.navList > li.has-children > ul::before{
content: "";
position: absolute;
right: 50%;
left: 50%;
transform: translateX(-50%);
border-left: 15px solid transparent;
border-top: 15px solid transparent;
border-bottom: 15px solid #E4E4E4;
z-index: 9;
top: -30px;
border-right: 15px solid transparent;
} @media screen and (max-width: 1280px){
.web-hosting-grid .plan.flex.flex-col.border-r {
width: 100% !important;
}
} .tab-btn.active {
color: #2563EB; border-bottom: 8px solid #F15924; }
.tab-content.active {
display: block; }
.nav-tab-container > button + button{
margin-left: 5px !important;
}
.nav-tab-container > button span + span{
padding: 0 5px;
}
@media(max-width: 767px){
.nav-tab-container > button + button{
margin-left: 0 !important;
}
.nav-tab-container > button{
margin-bottom: 10px;
}
} .user-control-panel{
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/control-panel-BG.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.control-center-box{
position: relative;
}
.control-center-box::before,
.control-center-box::after{
content: '';
position: absolute;
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/line.png);
background-repeat: no-repeat;
background-size: 100%;
width: 226px;
height: 34px;
background-position: center;
bottom: 110px;
left: 30px;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.control-center-box::before{
top: 80px;
right: 30px;
left: inherit;
bottom: inherit;
} .pricing-section ul > li{
list-style: none;
position: relative;
padding-left: 40px;
font-size: 14px;
line-height: 18px;
font-family: var(--fontPrimary);
font-weight: 600;
}
.pricing-section ul > li + li{
margin-top: 16px;
}
.pricing-section ul > li:before{
position: absolute;
content: '';
width: 24px;
height: 24px;
top: 0;
left: 0;
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/check-white.svg);
background-repeat: no-repeat;
background-size: 100%;
}  table tbody > tr > td{
border-top: none !important;
border-bottom: none !important;
}
table tbody > tr:nth-child(2) > td{ border-radius: 10px;
}
.btn-cart::before{
content: '';
position: absolute;
top: 12px;
left: 20px;
width: 16px;
height: 16px;
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/shopping-cart.png);
background-repeat: no-repeat;
background-size: 100%;
}
table tbody > tr > td{
font-size: 18px;
font-weight: 400;
color: #231E41;
}
table tbody > tr > td > span{
display: block;
border-bottom: 1px solid #D8D8D8;
padding: 0;
}
table tbody > tr > td:first-child,
table tfoot > tr > td:first-child{
text-align: left;
padding: 0 44px;
}
table tbody > tr > td{
padding: 0 18px;
}
table tbody > tr:last-child > td > span{
border: none;
}
table tbody > tr:first-child > td{
border-bottom: 1px solid #dedede !important;
padding: 0 !important;
font-size: 2px;
} .domein-prijslijst-page table tbody > tr:last-child > td{
border-bottom: 1px solid #dedede !important;
}
span.py-3.block.free-reg {
margin: 0;
}
@media(max-width: 1100px){
table tbody > tr > td{
font-size: 14px;
white-space: nowrap;
}
table tbody > tr > td:first-child, table tfoot > tr > td:first-child{
padding: 0 15px;
}
table thead > tr > th{
padding: 10px;
font-size: 14px;
}
table tfoot button{
font-size: 14px !important;
white-space: nowrap;
}
} .virtual-server-vps-page .pricing-section ul > li:before{
width: 12px;
height: 12px;
top: 2px;
}
.virtual-server-vps-page .pricing-section ul > li{
padding-left: 25px;
} select option:hover{
background-color: #F15924 !important;
color: #fff;
}
.contact-page input[type='submit']{
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/angel-right-white.png);
background-position: 86% 50%;
background-repeat: no-repeat;
}
.contact-form > div.flex{
margin: 2rem 0 0;
}
@media(max-width: 640px){
.contact-form > div.flex{
margin: 0 0 1.5rem;
}
} .table-domain-result tbody > tr:first-child > td,
.table-domain-result tbody > tr > td {
border-bottom: 1px solid #dedede !important;
padding: 20px 36px !important;
font-size: initial !important;
}
table.table-domain-result .dt-layout-row:first-child,
.dt-container .dt-layout-row:first-child{
display: none !important;
}
.dt-container .dt-layout-row:last-child{
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 36px;
}
.dt-container .dt-layout-row:last-child .dt-info{
color: #B5B7C0;
font-size: 14px;
}
.dt-paging nav > button{
width: 24px;
height: 24px;
border: 1px solid #eeeeee;
background-color: #F5F5F5;
color: #404B52;
font-size: 12px;
border-radius: 4px;
display: inline-flex;
justify-content: center;
align-items: center;
}
.dt-paging nav > button + button{
margin-left: 6px;
}
.dt-paging nav > button.current,
.dt-paging nav > button:hover{
background-color: #F15924;
color: #fff;
}
@media(max-width:640px){
.dt-container .dt-layout-row:last-child{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media(max-width: 640px){
.contact-form > div.flex{
margin: 0 0 1.5rem;
}
} .checkbox-container {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
padding: 10px;
}
.checkbox-container:hover input ~ .checkmark {
background-color: rgba(236, 236, 236, 0.2);
}
.checkbox-container input:checked ~ .checkmark {
background-color: rgba(150,150,150, 0.25);
}
.checkbox-container + .checkbox-container{
margin-left: 20px;
}
.cart-summary__body ul li{
position: relative;
padding-left: 30px;
font-size: 14px;
}
.cart-summary__body ul li + li{
margin-top: 8px;
}
.cart-summary__body ul li::before{
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/ic-actions-check.png);
background-repeat: no-repeat;
background-size: 100%;
width: 20px;
height: 20px;
}
.select-operating-system .checkbox-container + .checkbox-container{
margin-left: 0;
}
.select-operating-system .checkbox-container{
margin-bottom: 26px;
}
@media(max-width: 767px){
.checkbox-container + .checkbox-container{
margin-left: 0;
}
.checkbox-container{
margin-bottom: 8px;
}
.select-operating-system .checkbox-container{
margin-bottom: 20px;
}
}
@media(max-width:640px){
.dt-container .dt-layout-row:last-child{
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media(max-width: 640px){
.contact-form > div.flex{
margin: 0 0 1.5rem;
}
} .radio-container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #D9D9D9;
border-radius: 50%;
}
.radio-container .checkmark:after {
content: "";
position: absolute;
display: none;
}
.radio-container  input:checked ~ .checkmark:after {
display: block;
}
.radio-container .checkmark:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #F15924;
}
.order-page table tbody > tr > td > span {
display: inline-block;
border-bottom: none;
}
.order-page table tbody > tr > td .radio-container .checkmark,
.options-block .radio-container .checkmark {
height: 100%;
width: 100%;
background-color: #fff;
border: 1px solid #C4C4C4;
}
.options-block .radio-container .checkmark {
height: 30px;
width: 30px;
top: 50%;
transform: translateY(-50%);
left: 14px;
background-color: transparent;
border: 1px solid #C4C4C4;
}
.options-block .radio-container input:checked ~ .checkmark:after,
.options-block .radio-container input:checked ~ .checkmark{
background-color: transparent;
border: none;
}
.order-page table tbody > tr > td .radio-container .checkmark:after,
.options-block .radio-container .checkmark:after {
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/check-mark.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-color: transparent;
}
.order-page table tbody > tr > td .checkbox-container input:checked ~ .checkmark,
.options-block .checkbox-container input:checked ~ .checkmark{
border: none;
}
.options-block .checkbox-container + .checkbox-container{
margin-left: 0;
}
.options-block .checkbox-container{
margin-bottom: 16px;
}
.options-block .checkbox-container:nth-child(n + 1){
margin-left: 26px;
}
@media(max-width: 640px){
.options-block .checkbox-container:nth-child(n + 1){
margin-left: 0;
}
}
.billing-panel .checkbox-container + .checkbox-container{
margin: 0;
}
.payment-fileds .radio-container .checkmark:after {
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/check-mark.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-color: transparent;
}
.payment-fileds .checkbox-container input:checked ~ .checkmark{
border: none;
}
.customer-details-page button.order-overview{
background-image: none;
} .order-overview-page tbody > tr:first-child > td, 
.order-overview-page tbody > tr > td{
padding: 0 !important;
}
.order-overview-page table tbody > tr:first-child > td,
.order-overview-page table tbody > tr > td:first-child{
font-size: initial;
padding: 0 !important;
}
.order-overview-page table tbody > tr > td > span{
border: none;
} .footer{
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/footerbg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.footer-menu a{
font-weight: 600;
line-height: 36px;
color: #CFCFCF;
}
.footer-menu a:hover{
text-decoration: underline;
} .newsletter{
margin: auto;
} @media(min-width: 768px){
.newsletter{
max-width: calc(100% - 40px) !important;
}
.newsletter > *{
text-align: left;
align-items: self-start;
}
.newsletter > div > div{
width: auto;
}
}
@media(min-width: 1280px){
.newsletter{
max-width: 1205px !important;
}
}
@media(min-width: 1700px){
.newsletter{
max-width: 1536px !important;
}
} .footer-plan-cards .plan-card-container h3::before,
.plan-card-container h3::before{
position: absolute;
top: 0;
left: 0;
content: '';
width: 29px;
height: 29px;
background-image: url(//budgetbytes.nl/wp-content/themes/budgetbytes/images/check-mark-circle-white.svg);
background-repeat: no-repeat;
background-size: 100%;
}
@media(min-width: 768px){
.container{
max-width: 100% !important;
padding: 0 20px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1205px !important;
padding: 0;
}
}
@media (min-width: 1700px) {
.container {
max-width: 1536px !important;
}
}
@media(max-width: 1023px){
#collapseMenu{
display: block !important;
}
#collapseMenu.navbarClose > ul.navList,
#collapseMenu > ul.navList{
transition: left 0.3s ease-in-out;
transform: translateX(-355px);
left: -355px;
}
#collapseMenu.navbarOpen > ul.navList{
transform: translateX(0);
transition: left 0.3s ease-in-out;
left: 0;        
}
#collapseMenu.navbarOpen #toggleClose{
display: block;
}
#collapseMenu.navbarClose #toggleClose{
display: none;
}
li.submenu-visible > ul{
max-height: 100%;
border-top: 2px solid var(--primary);
margin-top: 10px;
}
li.has-children .submenu-toggle svg{
transition: all 0.2s ease-in-out;
}
li.submenu-visible .submenu-toggle > svg{
transform: rotate(180deg);
transition: all 0.2s ease-in-out;
}
#collapseMenu ul > li > a{
padding: 0 2rem;
}
#collapseMenu ul > li.has-children > ul > li > a{
padding: 0 50px;
}
#collapseMenu ul > li.submenu-visible > a{
color: var(--primary);
}
#collapseMenu ul.navList > li.current-menu-parent > a, #collapseMenu ul.navList > li > a:hover, #collapseMenu ul.navList > li.current_page_item > a{
border-bottom: none;
}
}
.footer-plan-cards,
.page-template-colocatie .newsletter,
.footer-plan-three-cards,
.page-template-domein-prijslijst .footer-plan-cards,
.page-template-domein-prijslijst .newsletter,
.page-template-resellerhosting .newsletter,
.page-template-resellerhosting .footer-plan-cards{
display: none;
}
.page-template-colocatie .footer-plan-cards{
display: block;
}
.page-template-colocatie .footer-plan-three-cards{
display: none;
}
.page-template-domein-prijslijst .footer-plan-three-cards,
.page-template-resellerhosting .footer-plan-three-cards{
display: block;
}
@media(min-width: 1700px){
.page-template-colocatie .footer-plan-cards .container > div{
justify-content: center !important;
}
.page-template-colocatie .footer-plan-cards .plan-card-container{
width: 27%;
}
}
@media(max-width: 1280px){
.page-template-domein-prijslijst .footer-body,
.page-template-resellerhosting .footer-body{
padding-top: 40px;
}
.page-template-colocatie .footer-plan-three-cards,
.page-template-resellerhosting .footer-plan-three-cards{
top: inherit !important;
margin-bottom: 40px !important;
}
.page-template-domein-prijslijst .domein-prijslijst-page,
.page-template-resellerhosting .webhosting-page{
margin-bottom: 40px !important;
}
}
@media(max-width: 767px){
.page-template-colocatie footer .footer-body{
padding-top: 140px !important;
}
}
@media(max-width: 640px){
.page-template-colocatie footer .footer-body{
padding-top: 40px !important;
}
.page-template-colocatie .footer-plan-cards .plan-card-container img{
width: 100%;
}
} .faq-accordian-parent > div.elementor-widget-container{
padding: 0 !important;
}
.faq-accordian > div > div.e-con-inner{
padding: 0;
margin: 0;
max-width: 100%;
}
.faq-accordian-parent details{
background-color: #F3F5F6;
border-radius: 5px;
}
.faq-accordian-parent details + details{
margin: 1px 0;
}
.faq-accordian-parent details > summary{
border-radius: 5px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
padding: 40px 38px !important;
}
@media(max-width: 767px){
.faq-accordian-parent details > summary{
padding: 40px 20px !important;
}    
}
.faq-accordian-parent details[open] > summary{
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
}
.faq-accordian-child details > summary,
.faq-accordian-child details[open] > summary{
border-radius: 0;
box-shadow: none;
}
.faq-accordian-child details > summary{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.faq-accordian-parent details[open] > div > div,
.faq-accordian-parent details[open] > div > div > div.e-con-inner{
padding: 0;
margin: 0;
max-width: 100%;
}
.faq-accordian-parent details[open] > div{
background-color: transparent !important;
}
.faq-accordian-child{
padding: 42px 38px;
}
@media(max-width: 767px){
.faq-accordian-child{
padding: 30px 20px;
}
}
.faq-accordian-child details{
background-color: transparent;
}
.faq-accordian-child details > summary{
padding: 0 !important;
background-color: transparent !important;
}
.faq-accordian-child details + details{
margin: 32px 0;
}
.faq-accordian-child details p{
font-size: 16px;
}
.faq-accordian-child details svg{
fill: #F15924 !important;
} .ur-frontend-form{
margin-bottom: 0 !important;
border: none !important;
padding: 0 !important;
box-sizing: border-box;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type="email"],
.ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]{
font-size: 15px !important;
line-height: 1.25rem !important;
border-radius: 0.75rem !important;
margin-bottom: 1.25rem !important;
outline: 2px solid transparent;
outline-offset: 2px;
border: 2px solid #EAEAEA !important;
padding: 22px 26px !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]:focus, 
.ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]:focus{
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(174 174 174 / 0.2);
--tw-shadow: var(--tw-shadow-colored);
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item,
.ur-form-row{
margin: 0 !important;
}
.ur-checkbox-list,
.user-registration-form__label{
display: flex !important;
align-items: center;
justify-content: start;
gap: 0 8px;
margin: 0;
}
.ur-checkbox-list > *,
.user-registration-form__label > *{
margin: 0 !important;
}
form.register .ur-button-container {
padding: 0 !important;
margin: 0 !important;
}
form.register .button{
min-height: 66px;
margin-top: 28px;
}
form.login .ur-form-grid{
display: flex;
flex-direction: column;
}
.ur-frontend-form form.login .ur-form-grid input[type="email"],
.ur-frontend-form form.login .ur-form-grid input[type="text"]{
margin-bottom: 38px !important;
}
form.login .ur-form-grid > p.lost_password{
order: 3;
margin-top: 50px;
}
form.login .ur-form-grid > div{
order: 4;
}
form.login .ur-form-grid > div > input[type="submit"]{
margin-top: 52px;
min-height: 78px;
}
form.login .ur-form-grid > div > input[type="submit"],
form.register .button{
width: 100%;
font-size: 24px;
font-weight: bold;
color: #fff;
font-family: var(--fontPrimary);
background-color: #F15924;
}
.user-registration-error,
.ur-frontend-form #ur-submit-message-node{
display: flex !important;
align-items: center;
}
@media(max-width: 767px){
form.login .ur-form-grid > p.lost_password {
margin-top: 10px;
}
form.login .ur-form-grid > div > input[type="submit"] {
margin-top: 30px;
min-height: 58px;
font-size: 18px !important;
}
form.register .button {
min-height: 58px;
margin-top: 18px;
font-size: 18px !important;
}
}
.contact-form form{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.contact-form form > div.flex{
margin: 2rem 0 0;
}
.contact-form select[name="select-phoneCode"],
.contact-form select[name="select-Klantnummer"]{
top: 1px;
z-index: 10;
left: 1px;
background-color: #F2F2F2; 
}
.contact-form input[type="submit"]{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
width: 230px;
height: 51px;
}
.contact-form form > div.flex{
position: relative;
}
.contact-form span.wpcf7-spinner{
position: absolute;
left: 0;
}
.contact-page-newsletter{
position: absolute !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto;
margin-top: -180px !important;
}
@media(max-width: 767px){
.contact-page-newsletter{
position: relative !important;
margin-top: 40px !important;
margin-bottom: 40px !important;
}
} .ur-frontend-form{
margin-bottom: 0 !important;
border: none !important;
padding: 0 !important;
box-sizing: border-box;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], 
.ur-frontend-form .ur-form-row .ur-form-grid input[type="email"],
.ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]{
font-size: 15px !important;
line-height: 1.25rem !important;
border-radius: 0.75rem !important;
margin-bottom: 1.25rem !important;
outline: 2px solid transparent;
outline-offset: 2px;
border: 2px solid #EAEAEA !important;
padding: 22px 26px !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]:focus, 
.ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]:focus,
.ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]:focus{
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-shadow-color: rgb(174 174 174 / 0.2);
--tw-shadow: var(--tw-shadow-colored);
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item,
.ur-form-row{
margin: 0 !important;
}
.ur-checkbox-list,
.user-registration-form__label{
display: flex !important;
align-items: center;
justify-content: start;
gap: 0 8px;
margin: 0;
}
.ur-checkbox-list > *,
.user-registration-form__label > *{
margin: 0 !important;
}
form.register .ur-button-container {
padding: 0 !important;
margin: 0 !important;
}
form.register .button{
min-height: 66px;
margin-top: 28px;
}
form.login .ur-form-grid{
display: flex;
flex-direction: column;
}
.ur-frontend-form form.login .ur-form-grid input[type="email"],
.ur-frontend-form form.login .ur-form-grid input[type="text"]{
margin-bottom: 38px !important;
}
form.login .ur-form-grid > p.lost_password{
order: 3;
margin-top: 20px;
}
form.login .ur-form-grid > div{
order: 4;
}
form.login .ur-form-grid > div > input[type="submit"]{
margin-top: 52px;
min-height: 78px;
}
form.login .ur-form-grid > div > input[type="submit"],
form.register .button{
width: 100%;
font-size: 24px;
font-weight: bold;
color: #fff;
font-family: var(--fontPrimary);
background-color: #F15924;
}
form.login .ur-form-grid > div > input[type="submit"]:hover,
form.register .button:hover{
background-color: #242424;
}
.user-registration-error,
.ur-frontend-form #ur-submit-message-node{
display: flex !important;
align-items: center;
}
.user-registration-form.user-registration-form-login.login,
.user-registration-ResetPassword.ur_lost_reset_password{
max-width: 500px;
margin: auto;
}
@media(max-width: 767px){
form.login .ur-form-grid > p.lost_password {
margin-top: 10px;
}
form.login .ur-form-grid > div > input[type="submit"] {
margin-top: 30px;
min-height: 58px;
font-size: 18px !important;
}
form.register .button {
min-height: 58px;
margin-top: 18px;
font-size: 18px !important;
}
}
#collapseMenu li.login-panel > ul {
display: none;
}
#collapseMenu li.login-panel:hover > ul {
display: block;
}
#collapseMenu li.login-panel > ul::before {
content: "";
position: absolute;
right: 25px;
left: inherit;
transform: inherit;
border-left: 15px solid transparent;
border-top: 15px solid transparent;
border-bottom: 15px solid #E4E4E4;
z-index: 9;
top: -30px;
border-right: 15px solid transparent;
}
#collapseMenu li.login-panel a > span > img.profile-preview{
width: 20px;
height: 20px;
border-radius: 50%;
}
.default-page > #user-registration{
max-width: 1205px;
margin: 0 auto;
}
@media(max-width: 1024px){
#collapseMenu li.login-panel:hover > ul{
display: none;
}
#collapseMenu li.login-panel.open > ul{
display: block;
}
#collapseMenu .accout-drodown li > a{
padding: 5px 15px;
}
#collapseMenu .accout-drodown li.login-panel li > a{
padding: 0;
}
} @media(min-width: 768px){
.web-hosting-tab .e-n-tabs-heading{
justify-content: space-between !important;
}
.web-hosting-tab button.e-n-tab-title{
min-height: 278px;
width: 23%;
max-width: 23%;
}
}
@media(min-width: 992px){
.web-hosting-tab button.e-n-tab-title{
width: 24%;
max-width: 24%;
}
}
@media(max-width: 1024px){
.web-hosting-tab button.e-n-tab-title .e-n-tab-icon{
width: 56px !important;
height: 56px !important;
}
}
@media(max-width: 767px){
.web-hosting-tab button.e-n-tab-title{
min-height: 208px;
}
}
.home-domain-search #domain-check-form input#domain_name{
border-color: #fff;
}
@media(max-width: 1280px){
.one-click-deploy{
padding: 0 15px;
}
}
@media(max-width: 1024px){
.one-click-deploy{
flex-direction: column !important;
}
}
@media(max-width: 767px){
.home-domain-search #domain-check-form input#domain_name,
input#domain_name{
min-width: 100% !important;
}
.newsletter{
margin: 40px auto !important;
}
.newsletter section img{
width: auto;
}
footer .footer-body{
padding-top: 40px !important;
}
}
.purchase-btn{
background: linear-gradient(90deg, #FF7A18, #FFCE00);
} .plan p > span{
border-bottom: 1px solid #D8D8D8;
}
.web-hosting-grid .plan > div{
border: 1px solid #D8D8D8;
border-left: none;
border-radius: 8px 8px 0 0;
}
.web-hosting-grid .plan:nth-child(1) > div{
border-left: 1px solid #D8D8D8;
}
.web-hosting-grid{
grid-template-columns: 386px repeat(4, 1fr) !important;
}
.web-hosting-grid .plan > div{
margin-top: 4px;
border-top: 1px solid #D8D8D8;
}
@media only screen and (max-width: 1024px) and (max-height: 1366px) {
.h-full {
height: 95.5% !important;
}
}
@media(max-width: 1280px){
.web-hosting-grid .plan:nth-child(1){
display: none;
}
.web-hosting-grid{
grid-template-columns: repeat(4, 1fr) !important;
}
.web-hosting-grid .plan:nth-child(2) > div,
.web-hosting-grid .plan:nth-child(4) > div{
border-left: 1px solid #D8D8D8;
}
.plan p > span {
border-bottom: none;
padding: 0 !important;
font-size: 13px;
}
.plan p{
border-bottom: 1px solid #D8D8D8;
padding: 8px 0;
}
.plan .grid-footer p {
border-bottom: none;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
.navList li.menu-item {
margin-right: 0 !important;
padding: 0 6px !important;
}
}
@media(max-width: 1024px){
.web-hosting-grid{
grid-template-columns: repeat(2, 1fr)!important;
} 
.free-reg {
font-size: 12px;
margin-bottom: 8px;
font-weight:500;
}
}
@media(max-width: 600px){
.web-hosting-grid{
grid-template-columns: repeat(1, 1fr)!important;
}
.web-hosting-grid .plan{
border: none;
}
.web-hosting-grid .plan > div{
border-left: 1px solid #D8D8D8;
}
}
@media(max-width:1280px){
.xl\:gap-y-0 {
display: flex !important;
}
.web-hosting-grid .plan.flex.flex-col.border-r {
width: 100%;
}
.web-hosting-grid .plan:nth-child(1) {
display: block;
}
span.font-bold.xl\:hidden.block {
display: none;
}
p.flex.justify-between.items-center.xl\:block.text-gray-600.text-center {
text-align: center;
justify-content: center;
}
.p-4.flex.flex-col.h-full {
height: auto;
}
.grid-footer.h-full.flex.items-center {
height: 125px;
}
.p-4.flex.flex-col {
padding: 25px;
}
}
@media(max-width: 1148px){
.grid-footer.h-full.flex.items-center {
height: 125px !important;
}
}
@media(max-width: 1055px){
.p-4.flex.flex-col {
padding: 15px;
}
}
@media(max-width: 1024px){
.grid-footer.h-full.flex.items-center {
height: 121px !important;
}
.p-4.flex.flex-col {
padding: 15px;
}
}
@media(max-width:1282px){
.plan p {
padding: 8px 0;
font-size: 20px;
height: 35px;
}
}
@media(max-width:991px){
button.bg-primary.rounded-full.text-lg.font-bold.flex.justify-center.items-center.relative.btn-cart.h-10.px-6.text-white.mx-auto {
font-size: 11px;
}
p.text-lg.font-bold.text-lightBlack {
font-size: 14px;
}
.plan p {
padding: 8px 0;
font-size: 11px;
height: 35px;
}
.web-hosting-grid .plan:nth-child(1) > div {
padding: 10px;
}
.h-full {
height: 94.9% !important;
}
.grid-footer.h-full.flex.items-center {
height: 115px !important;
}
.text-size {
font-size:15px;
padding-bottom:20px !important;
}
.p-4.flex.flex-col {
padding: 10px;
}
.text-3xl {
font-size:20px;    
}
}
@media(max-width:883px){
.plan p > span {
font-size: 13px;
}
}
@media(max-width:767px){
.web-hosting-grid .plan:nth-child(1) {
display: none;
}
.plan p {
font-size: 16px;
}
.xl\:gap-y-0 {
display: grid !important;
}
.web-hosting-grid .plan.flex.flex-col.border-r {
width: auto;
}	
.plan p {
border-bottom: 1px solid #D8D8D8;
padding: 8px 0;
text-align: left !important;
}
span.font-bold.xl\:hidden.block {
display: block;
}
p.flex.justify-between.items-center.xl\:block.text-gray-600.text-center {
justify-content: space-between;
}
button.bg-primary.rounded-full.text-lg.font-bold.flex.justify-center.items-center.relative.btn-cart.h-10.px-6.text-white.mx-auto {
font-size: 16px;
}
p.text-lg.font-bold.text-lightBlack {
font-size: 20px;
}
}
div#languageDropdown {
width: auto;
z-index: 99999;
}
div#languageDropdown a {
color: #000;
display: flex;
justify-content: left;
}
p.text-lg.font-bold.text-lightBlack {
margin-bottom: 10px;
}