@charset "utf-8";
/* CSS Document */
/*html {
scroll-behavior: smooth;
}*/
body{
font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
color:#27283c;
font-weight: 400;
}
[lang="fr-CA"] french, [lang="en-CA"] english{
display: inline-block;
}
[lang="fr-CA"] english, [lang="en-CA"] french{
display: none !important;
}
h1{
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
h2, h3, h4, h5, #article h1{
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.blog-index h5{
font-weight: 700 !important;
}
#top h3{
font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
a[data-target="#disclaimers"], sup[data-target="#disclaimers"]{
text-decoration: underline;
margin-left: 2px;
color: #097ffa;
}
#header a[data-target="#disclaimers"], #header sup[data-target="#disclaimers"]{
color: white !important;
}
sup[data-target="#disclaimers"]:hover{
cursor: pointer;
}
.desc blockquote p{
clear: none;
}
/*.desc p{
clear: both;
}*/
textarea{
min-height: 160px;
}
h3 .Woo{
font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-weight: 500;
}
.single .grey{
background: #ecebe7;
padding: 60px 0;
margin-top: 60px;
}
.single .grey h2{
margin-top: 0;
}
.single .live-chat-wrapper{
display: none;
}
.typed-cursor{
font-weight: 100;
}
.btn-primary{
color: white !important;
}
.gradienttop{
background: linear-gradient(to top, #ecebe7 0%, white 100%);
}
.gradientbottom{
background: linear-gradient(to bottom, #ecebe7 0%, white 100%);
}
.page-template-page-transfer-spinner .rotate-text, .page-template-page-transfer-spinner .typed-cursor{
display: none;
}
[lang="en-CA"] .page-template-page-transfer-spinner .quebec, [lang="fr-CA"] .page-template-page-transfer-spinner .net, [lang="en-CA"] .page-template-page-domains .quebec, [lang="fr-CA"] .page-template-page-domains .net{
display: none;
}
.topspace{
margin-top: 20px;
}
.container, .container-fluid{
clear: both !important;
}
.large{
font-size: large;
margin: 10px 0;
}
.primary-domain-available button{
background-image: none;
}
.domain-search-result i{
margin-right: 10px;
}
.addtocart{
display: inline-block;
}
.addtocart i{
margin-right: 5px;
}
.nw-row-renew-price{
font-size: small;
text-decoration: line-through;
}
.nw-row-reg-price{
color: #c52127!important;
display: inline-block;
}
.post-1395 header .row, .post-1416 header .row{
margin-right: 0;
margin-left: 0;
}
#blog-articles{
background: #eee;
padding: 60px 0 60px;
}
#blog-articles h2{
margin-bottom: 20px;
}
#blog-articles .more-link{
display: none;
}
.carousel-control-next:after{
content: '\f054';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #333;
font-size: x-large;
}
.carousel-control-prev:after{
content: '\f053';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #333;
font-size: x-large;
}
.carousel-control-next span, .carousel-control-prev span{
display: none;
}
.post-1416 .card, .post-1395 .card, .archive .card, .whc-search .card, .page-template-searchpage .card, #blog-articles .card{
margin-bottom: 20px;
height: calc(100% - 20px);
box-shadow: 0 0 35px 0 rgba(154,161,171,.3);
}
.archive .more-link{
display: none;
}
.post-1416 .card-body, .post-1395 .card-body, .archive .card-body, .whc-search .card-body, .page-template-searchpage .card-body, #blog-articles .card-body {
padding-bottom: 60px;
}
.post-1416 .card-body a, .post-1395 .card-body a, .archive .card-body a, .whc-search .card-body a, .page-template-searchpage .card-body a, #blog-articles .card-body a {
position: absolute;
bottom: 20px;
}
.post-1416 .card-body .category, .post-1395 .card-body .category, .archive .card-body .category, .page-template-searchpage .card-body .category, #blog-articles .card-body .category{
margin-right: 10px;
}
.post-1416 .card-body .category a, .post-1395 .card-body .category a, .archive .card-body .category a, .archive .categories a, #blog-articles .categories a, .page-template-searchpage .categories a {
position: relative !important;
bottom: auto;
color: inherit;
}
.post-1416 .card-body .category a:hover, .post-1395 .card-body .category a:hover, .archive .card-body .category a:hover, .archive .categories a:hover, .page-template-searchpage .categories a:hover, #blog-articles .categories a:hover{
color: #097ffa;
text-decoration: none;
}
.blogpost ul{
padding-left: 0;
margin-bottom: 0;
}
/*.post-1416 .col-md-12 .card-body, .post-1395 .col-md-12 .card-body{
height: 180px;
}*/
.post-1416 .card-body h5, .post-1395 .card-body h5, .archive .card-body h5{
font-size: large !important;
}
.post-1416 .col-md-12 .card-body h5, .post-1395 .col-md-12 .card-body h5{
font-size: 1.75rem !important;
}
.archive .category, .post-1416 .category, .post-1395 .category, .archive .categories a, .page-template-searchpage .categories a, #blog-articles .categories a{
text-transform: uppercase;
margin-bottom: 15px;
display: inline-block;
font-weight: bold;
padding: 2px 12px;
border-radius: 20px;
font-size: 12px;
background: rgba(0, 123, 255,.15);
}
.archive header.entry-header{
background: url(https://whc.ca/wp-content/themes/whc/images/blog/blog-header-image.jpg) center rgba(39,10,60,0.5);
padding: 40px 0;
display: block;
margin-bottom: 0;
font-size: large;
}
.archive header.entry-header .row, .page-template-searchpage header.entry-header .row{
margin: 0;
}
.archive header.entry-header h1{
font-size: 50px;
margin-bottom: 0;
}
.archive header.entry-header p{
margin-bottom: 0;
}
#post-15073 #header, #post-15094 #header, #post-16397 #header, #post-16401 #header{
background-blend-mode: multiply;
background-size: cover !important;
padding: 80px 0;
color: white;
font-size: large;
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/weebly-sitebuilder.jpg) top;
}
#post-16139 #header, #post-16164 #header{
background-blend-mode: multiply;
background-size: cover !important;
padding: 80px 0;
color: white;
font-size: large;
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/weebly-sitebuilder.jpg) top;
}
#giveaway-details{
padding: 60px 0;
}
#giveaway-details h2{
font-size: x-large;
margin-top: 40px;
}
#comparison{
padding: 60px 0;
}
#comparison h2{
font-size: 30px;
margin: 40px 0 15px 0;
}
#comparison table{
box-shadow: 0 0 35px 0 rgba(154,161,171,.3);
border: 20px solid white;
border-radius: 6px;
margin-top: 20px;
}
#comparison table tbody th, #comparison table tbody td{
vertical-align: middle;
}
#comparison table td:nth-child(2), #comparison table td:nth-child(3), #comparison table th:nth-child(2), #comparison table th:nth-child(3){
text-align: center;
}
#comparison #summary, #comparison .col-md-12 small {
max-width: 890px;
display: table;
margin: 20px auto;
}
#comparison #summary thead img {
width: 100%;
max-width: 200px;
}
#comparison #summary th {
font-weight: normal;
}
#comparison #summary th img {
width: 32px;
margin-right: 10px;
}
#comparison #summary td i{
color: #ffc107;
}
#comparison #summary td i.far {
color: #ccc;
}
#comparison .sidebar{
position: sticky;
top: 40px;
margin-top: 40px;
display: table;
}
#comparison .sidebar img {
width: 30px;
margin: 0 8px 0 -5px;
}
#comparison .sidebar .list-group{
margin-bottom: 20px;
}
#comparison .sidebar .active img{
box-shadow: 0 0 0 2px white;
border-radius: 50%;
}
#comparison .ready{
box-shadow: 0 0 35px 0 rgba(154,161,171,.3);
border-radius: 6px;
background: #097ffa;
background: linear-gradient(120deg, rgba(9,127,250,1) 0%, rgba(0,51,191,1) 75%);
padding: 40px 60px;
color: white;
margin-top: 60px;
text-align: center;
}
#comparison .ready h2{
margin-top: 0;
}
#comparison .ready .btn{
color: #097ffa !important;
}
#comparison .ready p{
width: 85%;
font-size: large;
display: block;
margin: 0 auto 20px;
}
#comparison .ready img{
width: 75%;
margin: -65px auto 40px;
display: block;
}
#comparison .list-group-item.list-group-item-action.list-header {
background: #33354F;
color: white;
text-transform: uppercase;
}
#comparison .list-group-item.list-group-item-action.list-header i{
margin-right: 18px;
}
/*.post-1416 .card-body a.btn, .post-1395 .card-body a.btn{
position: absolute;
bottom: 20px;
}*/
.desktop-logo-image{
display:none;
}
.carousel-control-prev-icon:before{
background-image: none;
content: "\f053";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
font-size: x-large;
color: #33354F;
}
.carousel-control-next-icon:before{
background-image: none;
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
font-size: x-large;
color: #33354F;
}
/*#post-1416 a i.fa-facebook, #post-1395 a i.fa-facebook{
font-size: xx-large;
margin: 0 10px;
color: #3b5998 !important;
}
#post-1416 a i.fa-twitter, #post-1395 a i.fa-twitter{
font-size: xx-large;
margin: 0 10px;
color: #1da1f2 !important;
}*/
header.entry-header{
background: #27283c;
background-blend-mode: multiply;
background-size: cover !important;
padding: 80px 0;
color: white;
font-size: x-large;
margin-bottom: 40px;
display: none;
}
.domain-page-logo-text{
font-size: 68px;
color: #097ffa;
background: linear-gradient(to right, #c52127 , #097ffa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
width: fit-content;
margin: -12px auto 12px auto;
}
.post-1416 header.entry-header, .post-1395 header.entry-header, .post-11952 .whc-search header.entry-header, .post-12085 .whc-search header.entry-header, .page-template-searchpage header.entry-header{
background: url(https://whc.ca/wp-content/themes/whc/images/blog/blog-header-image.jpg) center rgba(39,10,60,0.5);
padding: 50px 0;
display: block;
}
.whc-search .col-md-6{
margin-bottom: 20px;
}
.post-1416 header.entry-header h1, .post-1395 header.entry-header h1{
font-size: 50px;
}
.post-1416 .col-md-3 h2, .post-1395 .col-md-3 h2{
font-size: large;
text-align: center;
margin-bottom: 10px;
}
.post-1416 .col-md-3, .post-1395 .col-md-3{
font-size: small;
}
.post-1416 .col-md-3 .btn, .post-1395 .col-md-3 .btn{
margin-top: 10px;
}
#helpwidget-lunch{
background: #097ffa;
text-align: center;
font-size: x-large;
z-index: 99999!important;
position: fixed!important;
bottom: 25px;
right: 25px;
width: 60px!important;
height: 60px!important;
padding-top: 10px;
border-radius: 50%!important;
border: 2px solid white;
}
#helpwidget-lunch badge{
background: #c52127;
border-radius: 50%;
font-size: small;
width: 20px;
height: 20px;
position: absolute;
top: -2px;
font-weight: bold;
right: -2px;
animation: fadescale 4s;
display: none;
}
@keyframes fadescale {
0% {transform: scale(0);}
90% {transform: scale(0); opacity:0;}
95% {transform: scale(1.2); opacity:1;}
100% {transform: scale(1);}
}
a #helpwidget-lunch{
color:white;
}
a[aria-expanded="false"] #helpwidget-lunch i.fa-times{
display:none;
}
a[aria-expanded="true"] #helpwidget-lunch i.fa-times{
display:block;
margin-top: 6px;
}
a[aria-expanded="true"] #helpwidget-lunch i.fa-comment{
display:none;
}
#helpwidget badge{
position: absolute;
top: -5px;
right: -5px;
background: #ea2727;
width: 22px;
height: 22px;
line-height: 22px;
border-radius: 50%;
color: #fff;
font-size: 12px;
font-weight: 500;
text-align: center;
}
#helpwidget{
position: fixed;
bottom: 100px;
right:20px;
background:white;
border-radius:10px;
box-shadow: 0 50px 100px rgba(0,0,0,0.3);
width:360px;
z-index:9999;
}
.helpwidget-header{
background-image: url(/wp-content/themes/whc/images/pattern.svg), linear-gradient(40deg,#c0242e 0,#097ffa 100%);
background-size: 380px, contain;
justify-content: center;
padding:20px 40px 50px 40px;
border-radius:10px 10px 0 0;
color:rgba(255,255,255,0.75);
font-size:small;
background-position: right bottom;
}
.helpwidget-header h3{
font-weight:bold;
color:white;
}
.helpwidget-body{
padding:20px;
font-size:small;
}
.helpwidget-body h4 {
font-size: 20px;
}
.helpwidget-body .quickhelp, .helpwidget-body .FAQincident{
background:white;
padding:25px 20px;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
border-radius:6px;
border:1px solid #eee;
border-top:2px solid #097ffa;
}
.helpwidget-body .FAQincident{
margin-top: -60px;
}
.helpwidget-body .FAQincident .btn i{
margin-right: 5px;
}
.helpwidget-body .quickhelp input{
font-size:small;
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.07);
background: #fafafa;
}
.helpwidget-body .quickhelp button{
border-radius:0 3px 3px 0 !important;
}
.helpwidget-body .quickhelp .form-inline .input-group{
width:100%;
margin-bottom:10px;
}
.helpwidget-body .quickhelp a{
color:#6c757d!important;
text-decoration:underline;
}
.helpwidget-body .quickhelp a:hover{
color:#097ffa !important;
text-decoration:none;
}
.helpwidget-body .startchat{
background:white;
padding:25px 20px;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
border-radius:6px;
border:1px solid #eee;
border-top:2px solid #097ffa;
margin-top:-60px;
margin-bottom:20px;
}
.helpwidget-body .startchat h4 small{
color:#28a745!important;
font-weight:bold;
margin-left:10px;
}
.helpwidget-body .startchat img{
width: 52px;
border-radius:50%;
margin: 10px -12px 5px 0;
border:2px solid white;
}
.helpwidget-body .startchat .btn{
margin-top:10px;
display: table;
}
.helpwidget-body .startchat .btn i{
font-size:large;
margin-right:10px;
}
.live-chat-wrapper {
height: 192px;
background-color: #313131;
position: fixed;
bottom: 0;
z-index: 2000;
color: white!important;
right: -400px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
width: 373px;
box-sizing: border-box;
max-width: 100%;
}
.live-chat-wrapper.visible {
right: 20px;
}
/*.row{
width:100% !important;
margin:0 !important;
}*/
a:focus{
box-shadow: none !important;
}
h2{
font-size:48px;
margin-bottom:10px;
font-weight:700;
}
.single-post h2{
font-size:30px;
}
.single-post h3{
font-size:24px;
}
.plan h2, table h2{
font-size: 30px;
}
h4{
font-weight:700;
}
.modal{
top:100px;
}
.modal-lg{
max-width:1024px;
}
.modal thead{
font-size:x-large;
}
.modal tbody{
font-size:15px;
}
.modal i.fa-check{
color:#007bff;
font-size:large;
display:block;
}
.modal i.fa-times{
color:#c52127;
font-size:large;
display:block;
}
.modal i.fa-info-circle{
color:#aaa;
margin-left:5px;
}
.modal tbody th{
text-align:right;
}
.modal .table th, .modal .table td{
vertical-align:middle;
}
.highest-header {
z-index: 999;
width: 100%;
top: 0;
background-color: #e9edf6;
height: 32px;
box-shadow: 0 -3px 3px #dde1ea inset;
/*border-bottom: 1px solid #E6E6E6;*/
}
#highest-nav{
list-style: none;
padding: 4px 8px 0 0;
}
#highest-nav .dropdown small{
color:#999;
}
#highest-nav li{
display: inline-block;
font-size: small;
line-height: 15px;
margin-left: 15px;
}
#highest-nav li.dropdown:hover{
cursor:pointer;
}
#highest-nav li:last-child{
font-weight: bold;
}
#highest-nav li:last-child a{
font-weight: bold;
}
#highest-nav li:last-child a i{
color: #097ffa;
}
#highest-nav li ul li:last-child a{
font-weight: normal;
text-decoration: none;
}
#highest-nav li.loggedInNav{
font-weight: bold;
}
#highest-nav li.loggedInNav a.logout{
font-weight: normal;
text-decoration: underline;
}
#highest-nav li:last-child i{
margin-right: 5px;
}
#highest-nav li:first-child{
border-right: 1px solid #ccc;
padding-right: 15px;
margin-left: 0;
}
#highest-nav li ul li{
display: inline-block;
font-size: small;
line-height: 15px;
margin-left: 0;
width: 100%;
padding: 5px 10px;
}
#highest-nav li ul a:hover{
background: #eee;
}
#highest-nav li .dropdown-menu {
margin: 7px 0 0 -35px;
min-width: 220px;
}
#highest-nav li .dropdown-menu.about{
min-width: 150px;
}
#highest-nav li ul li a small{
color:#999;
margin-left: 5px;
}
#highest-nav li ul li i{
margin-right: 10px !important;
color: #ccc;
}
#highest-nav li ul li:last-child{
font-weight: normal;
}
#highest-nav li ul li:first-child{
border-right: none;
padding-right: 0;
margin-left: 0;
}
#highest-nav li a{
color:#333;
}
#highest-nav li a:hover{
color:dodgerblue;
text-decoration: none;
}
#highest-nav li ul li a:active{
background:dodgerblue;
color:white;
}
#top{
font-weight:bold;
overflow: hidden;
top: 0;
background: #fff;
padding: 0;
z-index: 9999;
}
#menu{
padding:10px;
}
#top #nav{
line-height:62px;
}
#top button.navbar-toggler{
line-height: 55px;
font-size: 1.75rem;
}
#top button.navbar-toggler i.fa-times{
display:none;
}
#top button.navbar-toggler[aria-expanded="true"] i.fa-times{
display:inline;
}
#top button.navbar-toggler[aria-expanded="true"] i.fa-bars{
display:none;
}
#top ul{
list-style: none;
margin-bottom: 0;
padding-left:0;
}
#top ul li{
display:inline;
transition: .5s;
}
#top ul li:hover{
color:#097ffa;
}
/*#top ul#nav li:last-child a{
color:#c52127;
padding:4px 8px;
border-radius:3px;
transition:0.2s;
}
#top ul#nav li:last-child:hover a{
background:#c52127;
color:white;
}*/
i.fa-wordpress{
font-weight: normal !important;
}
#top img{
margin-top:-4px;
transition: all .5s;
height: 66px;
}
#top.scrolled-nav {
line-height:62px;
}
#top.scrolled-nav img{
height:45px;
}
#top .btn{
font-weight:600;
margin-left:10px;
}
#top a.tel{
color:inherit;
}
#top a i{
margin-right: 10px;
font-size: 1.75rem;
display: block;
margin-top: 19px;
}
#top a:hover{
text-decoration: none;
cursor: pointer;
}
.liveChat span{
display:none;
}
/*.live-chat-wrapper{
display:none;
}*/
.launchChatSession[lang="en"], .launchChatSession[lang="fr"]{
display:none;
}
#phplive_btn_1496783683, #phplive_btn_1557257326, #phplive_btn_1557257431, #phplive_btn_1557518246, #phplive_btn_1557518284{
display: none;
}
#phplive_btn_1496783683:hover{
cursor:pointer;
}
#top #nav{
z-index:999999999;
}
#top #nav li{
padding:6px;
}
#top #nav li.active{
background:rgba(9,127,250,0.1);
border-radius: 3px;
color: inherit;
}
#top #nav li span:hover {
cursor: pointer;
}
#top #mobilenav{
background: white;
width: 100%;
left: 0;
text-align: left;
line-height: normal;
padding: 10px 30px;
color: #27283c;
font-weight: bold;
z-index: 99999;
display: none;
}
#top #mobilenav .rainbow{
margin: 0 -40px -20px -40px;
width: calc(100% + 80px);
}
#top #nav-mobile li{
display:block;
padding:16px 20px;
border-bottom: 1px solid #D7D7D7;
text-decoration: none!important;
font-size:14px;
}
#top #nav-mobile li:after{
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
padding-right: 0.5em;
float:right;
transition:0.2s;
}
#top #nav-mobile li:last-child{
font-weight:normal;
border: none;
}
#top #nav-mobile li:nth-child(13):after, #top #nav-mobile li:nth-child(14):after, #top #nav-mobile li:nth-child(15):after, #top #nav-mobile li:nth-child(16):after, #top #nav-mobile li:nth-child(17):after, #top #nav-mobile li:nth-child(18):after, #top #nav-mobile li:nth-child(19):after{
display:none;
}
#top #nav-mobile li[aria-expanded="true"]{
background:linear-gradient(40deg,#c0242e 0, #097ffa 100%);
color:white;
}
#top #nav-mobile li[aria-expanded="true"]:after{
transform:rotate(90deg);
margin-top:5px;
}
#top #nav-mobile li a{
color: inherit;
display: block;
}
#top #nav-mobile ul li{
font-weight:normal;
background:#eee;
}
#top #nav-mobile ul li:after{
display:none;
}
.admin-bar #top #nav .collapse{
top: 145px;
}
#top #nav .collapse{
position: absolute;
background: #fff;
width: 100%;
left: 0;
text-align: left;
top: 115px;
border-top: 1px solid #eee;
line-height:normal;
padding:30px 0 0 0 ;
color:#27283c;
font-weight:normal;
font-size:14px;
z-index:99999;
box-shadow:0 20px 20px rgba(0,0,0,0.5);
opacity: 0;
display: block;
visibility: hidden;
}
#top #nav .collapse.open{
opacity: 1;
visibility: visible;
transition: all .2s linear;
}
#top #nav .collapse h3{
font-weight:bold;
font-size:x-large;
}
#top #nav .collapse .col-2{
font-size:medium;
border-right:1px solid #eee;
padding-right:20px;
}
#top #nav .collapse .col-10{
padding-left:30px;
color:#666;
margin-top:-30px;
}
/*#top #nav .collapse .col-10:hover .col-4{
opacity:0.5;
color:#27283c;
}*/
#top #nav .collapse .col-10 .col-4{
margin-top:10px;
padding:10px 10px 10px 40px;
transition:0.2s;
}
/*#top #nav .collapse .col-10 .col-4:hover{
background:rgba(9,127,250,0.1);
border-radius:6px;
cursor:pointer;
opacity:1;
}*/
#top #nav .collapse .col-10 .col-4 a{
color:#666;
display: inline-block;
width: calc(100% + 55px);
margin-left: -45px;
padding: 20px 10px 20px 45px;
border-radius: 6px;
}
#top #nav .collapse .col-10 .col-4 a:hover{
background:rgba(9,127,250,0.1);
}
/*#top #nav .collapse .col-10 .col-4:hover h3{
color:#097ffa;
}*/
#top #nav .collapse .col-10 h3{
font-size: 17px;
color:#27283c;
}
#top #nav .collapse .col-10 h3 sup{
font-style: italic;
}
#top #nav .collapse .col-10 h3 sup.badge {
font-size: x-small;
}
#top #nav .collapse .col-10 h3 i{
color: #c52127;
margin-right: 10px;
font-size: x-large;
position: absolute;
left: 4px;
top: 12px;
}
#top #nav .collapse .col-10 h3 .fa-layers i:last-of-type {
left: 22px;
top: 27px;
font-size: small;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
#top #nav .collapse .col-10 .price{
border-top: 1px solid #eee;
margin-top:6px;
padding-top:6px;
}
#top #nav .collapse .col-10 .price strong{
color:#27283c;
font-size:large;
}
#top #nav .collapse .col-10 .price small{
color:white;
font-size:x-small;
text-transform:uppercase;
font-weight:bold;
background: #FC0;
padding:2px 6px;
border-radius:18px;
display:inline-block;
color:#27283c;
}
#top #nav .collapse .rainbow{
margin-top:40px;
}
/*#top li:first-child:hover #hosting-servers{
display:inline-block;
}
#top li:nth-child(2):hover #domains-names{
display:inline-block;
}
#top li:nth-child(3):hover #websites{
display:inline-block;
}
#top li:nth-child(4):hover #email{
display:inline-block;
}
#top li:nth-child(5):hover #online-marketing{
display:inline-block;
}
#top li:nth-child(6):hover #security-ssl{
display:inline-block;
}*/
#top li:first-child:hover{
color:#007bff;
}
#top .col.text-right img{
display:none;
}
[lang="en-CA"] #domain-spinner{
background-image: url(/wp-content/themes/whc/images/CA-Lives-Here.jpg);
background-position:center;
background-size: cover;
line-height: normal;
}
[lang="fr-CA"] #domain-spinner{
background-image: url(/wp-content/themes/whc/images/chez-soi-du-ca.jpg);
background-position:center;
background-size: cover;
line-height: normal;
}
.domainsincart-wrapper {
position: fixed;
bottom: 0;
background-color: #097ffa;
color: white;
z-index: 50;
border-top: 1px solid white;
width: 100%;
box-shadow: 0 0 40px rgba(0,0,0,0.5);
}
.domainsincart {
display: none;
font-size: 12px;
border-radius: 3px;
padding: 10px;
background-color: #484747;
width: 100%;
margin-bottom: 5px;iDoc32
}
#domain-spinner .col-md-7{
padding: 175px 0 !important;
}
#domain-spinner .col-5{
padding: 40px 0 !important;
}
#domain-spinner .col-5 img{
height:90%;
}
#domain-spinner input, .domainsearch input{
padding: 16px 28px;
box-shadow: 0 9px 14px 0px rgba(0, 0, 0, 0.5);
font-size:large;
border:1px solid white;
border-right:none;
}
#domain-spinner input:focus, .domainsearch input:focus{
border:1px solid #097ffa;
border-right:none;
}
#domain-spinner .btn, .domainsearch .btn{
margin-left: 0;
border-radius: 0 6px 6px 0 !important;
box-shadow: 4px 9px 14px 0px rgba(0, 0, 0, 0.5);
padding-left: 20px;
padding-right: 20px;
border:1px solid #097ffa;
}
.page-template-page-spinner .domainsearch .input-group {
width: calc(100% - 125px) !important;
margin-right: -100px;
}
.nw-domains .domainsearch .tldGoCart.btn.domaincheckout-a{
border-radius: 6px !important;
width: 215px;
font-weight: 500;
background-color: #0977ffa !important;
color: white !important;
padding: 17px 0;
z-index: 9999;
}
#domain-spinner .input-group, .page-template-page-spinner .cartisempty .domainsearch .input-group, .domainsearch .input-group {
width: 100% !important;
margin-bottom: 0 !important;
}
#domain-spinner .container, #domain-spinner .col-7, #domain-spinner .col-5{
padding: 0 8px;
}
#domain-spinner ul{
list-style: none;
padding-left: 0;
margin: -5px 0;
line-height: 45px;
}
#domain-spinner ul li{
display: inline-block;
margin: 0 7px;
}
#domain-spinner ul li i{
font-size: x-small !important;
margin-left: 5px;
}
#domain-spinner ul li a{
color: white;
font-weight: normal;
font-size: small;
bottom: 0;
position: relative;
vertical-align: super;
}
#domain-spinner ul li a img{
height: 20px;
margin-right: 5px;
bottom: -8px;
position: relative;
vertical-align: super;
}
#domain-spinner ul li a svg{
height: 20px;
margin-right: 5px;
bottom: -8px;
position: relative;
vertical-align: super;
}
.domaincount{
font-size: initial !important;
}
#triotlds{
background: #eee;
padding: 10px 0;
}
#triotlds .col-md-4{
text-align: center;
background: white;
border-radius: 3px;
padding: 20px;
margin: 10px;
max-width: calc(33% - 20px) !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#triotlds img {
/*height: 40px;*/
}
#triotlds .tldprice{
color: #c52127 !important;
font-size: x-large;
font-weight: bold;
}
#triotlds .btn{
margin: -4px 0 -30px 0;
}
#triotlds del{
text-decoration: line-through;
color: #666;
font-size: small;
margin-left: 10px;
padding: 12px 0 0 0;
}
#alltlds h4{
padding-top: 10px;
}
.transfer-tld-search-wrapper{
margin-bottom: 10px;
}
.transfer-table-wrapper {
height: 280px;
overflow-y: scroll;
overflow-x: hidden;
margin-bottom: 10px;
}
#transfer-tld-table td:nth-child(3){
color: #c52127 !important;
font-size: large;
font-weight: bold;
text-align: right;
}
#transfer-tld-table .spotlight{
display: none;
}
#transfer-tld-table .is-transfer-promo .spotlight{
display: block;
}
.tlds-table tbody .incart .addtocart .added-post-text, .tlds-table tbody .incart .addtocart .added-remove-button{
display: inline-block !important;
}
.domaintransfer{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.75) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/Reseller.jpg);
background-blend-mode: multiply;
background-size:cover !important;
padding:60px 0 40px 0;
color:white;
font-size:large;
}
.domaintransfer .textarea-domaintransfer textarea{
padding: 16px 28px;
box-shadow: 0 9px 14px 0px rgba(0, 0, 0, 0.5);
font-size: large;
border: 1px solid white;
border-right: none;
height: 90px;
border-radius: .25rem !important;
width: 100%;
}
.domaintransfer .textarea-domaintransfer textarea:focus{
box-shadow: 0 9px 14px 0px rgba(0, 0, 0, 1);
}
.domaintransfer .btn{
width: 100%;
margin: 5px 0 10px 0;
}
.domaintransfer p{
clear: both;
}
#transfer-limit {
position: absolute;
right: 25px;
margin-top: -25px;
font-size: x-small;
}
.domainsearch{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.75) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/email-marketing.jpg) top;
background-blend-mode: multiply;
background-size:cover !important;
padding:60px 0;
color:white;
font-size:large;
}
.domainsearch.halloween{
background: #ff8900 url(/wp-content/themes/whc/images/banners/spooky-savings-background.svg) bottom center no-repeat;
background-size: 100% !important;
background-blend-mode: normal;
color: #000;
padding: 40px 0 140px;
}
.domainsearch.halloween .transbulk a {
margin-right: 15px;
color: #000;
}
.domainsearch.halloween input, .domainsearch.halloween .btn{
box-shadow: 0 9px 14px 0px rgb(0 0 0 / 20%);
}
/*.domainsearch i{
margin-right: 5px;
}*/
.domainsearch .invalid-input-inner, .domainsearch .invalid-tld-inner, .domainsearch .hexo-down-message{
z-index: 2;
width: 100%;
text-align: center;
background: #c32126;
border-radius: 3px;
margin-top: 10px;
padding: 10px;
}
.transbulk{
margin-top: 10px;
font-size: normal;
}
.transbulk i{
margin-right: 5px;
}
.transbulk a{
margin-right: 15px;
color: white;
}
.spinner-tld-wrapper-par{
margin: 40px auto;
}
.spinner-tld-wrapper-par h2{
margin-bottom: 30px
}
.spotlight{
background: #FC0 !important;
padding: 5px 7px 5px 7px !important;
}
.domain .spotlight{
margin-top: 5px;
}
.nw-domains .domainname{
font-weight: 600;
margin-top: 5px;
}
.nw-domains .domainname .extension{
font-weight: 600;
}
.nw-domains .domainname a{
color: inherit;
text-decoration: underline;
transition: 0.5s;
}
.nw-domains .domainname a:hover{
color: #097ffa;
}
#tldcats, #tlds_per_cat{
list-style: none;
text-align: right;
padding-left: 0;
}
#domain-page-header {
width: 100%;
text-align: center;
background: url(/wp-content/themes/whc/css-modules/images/domain-header-test-5.jpg);
min-height: 409px;
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
float: left;
padding-top: 40px;
}
.tld-ca #domain-page-header {
background: url(/wp-content/themes/whc/css-modules/images/domain-ca.jpg);
background-position: 50% center !important;
background-size: cover !important;
}
.tld-quebec #domain-page-header {
background: url(/wp-content/themes/whc/css-modules/images/domain-quebec.jpg);
background-position: 50% center !important;
background-size: cover !important;
}
#domain-page-header img{
max-height: 55px;
margin-bottom: 20px;
}
.domain-page-spotlight {
border-radius: 50%;
width: 100px;
height: 100px;
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
font-family: 'Paytone one';
font-weight: 500;
font-size: 20px;
background-image: url(/wp-content/themes/whc/images/domain-sales-container.png);
background-repeat: no-repeat;
color: white;
opacity: 1;
top: 180px !important;
right: calc(50% - 300px) !important;
transform: rotate(-15deg);
}
.page-template-page-spinner .link{
text-decoration: underline !important;
font-weight: bold;
}
.domaincount span.domain, .domaincount.morethanonedomain .domain_s{
text-decoration: underline;
}
#domain-page-header .domain-spinner-header, #domain-page-header .domain-spinner-tld-list, .tld-disc-pricing, #domain-page-header .domain-page-spotlight{
display: none;
}
#domain-page-header #domain-spinner{
background: none !important;
}
#domain-page-header h1{
font-size: xx-large;
}
#domain-page-header h2{
margin-bottom: 20px;
font-weight: normal;
font-size: x-large;
}
#domain-page-header .domain-page-price-desc span{
color: #c52127 !important;
font-size: x-large;
font-weight: bold;
}
#domain-page-header #domain-spinner-form{
margin: 20px 0;
}
#domain-spinner-form h1 {
font-family: 'Montserrat';
font-weight: 500;
}
#domain-page-header #domain-spinner input {
padding: 8px 14px;
border-radius: 6px 0 0 6px;
box-shadow: none;
width: 60%;
border: 1px solid #ccc;
}
#domain-page-header #domain-spinner input:focus{
border: none;
border-radius: 6px 0 0 6px;
}
#domain-page-header #domain-spinner .domain-spinner-search-button {
margin-left: -5px;
border-radius: 0 6px 6px 0 !important;
padding: 10px 20px;
background: #097ffa;
border: 0;
color: white;
position: absolute;
box-shadow: none;
}
.tld-page-tld-type {
right: 118px;
top: 226px;
position: absolute;
color: #666;
padding: 3px 20px 6px 20px;
border: 1px solid #ccc;
margin-top: 1px;
font-weight: 900;
font-size: 18px;
background: #f5f5f5;
display: none;
}
.tld-page-cira-logo {
position: absolute;
max-width: 320px;
text-align: center;
margin: 0 auto;
display: inline-block;
top: -10px;
margin-left: 12px;
right: -60px;
}
.tld-page-split-right {
background-image: url(/wp-content/themes/whc/css-modules/images/tld-split-image.jpg);
background-size: cover;
}
.what-tld{
padding: 60px 0;
font-size: large;
}
.what-tld h2{
margin-bottom: 20px;
}
.why-tld{
background: #eee;
}
.why-tld .col-md-6{
padding: 60px 20px;
}
.why-tld-col{
max-width: 550px;
float: right;
padding-right: 20px;
}
.why-tld h3{
font-size: x-large;
}
.why-tld ul:first-of-type{
padding-bottom: 40px;
}
.why-tld ul{
padding-left: 0;
margin-bottom: 0;
}
.why-tld ul li{
padding: 5px 0 5px 5px;
list-style: none;
}
.why-tld ul li:before{
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
margin-left: -25px;
display:none;
}
.section img.icons{
height: 64px;
margin: 60px 0 20px;
}
.section i.icons{
font-size: 64px;
margin: 60px 0 20px;
color: #c52127;
}
#why img{
height: 64px;
margin: 60px 0 20px;
}
#why table{
margin-top: 20px;
text-align: center;
}
#why table tr td:first-child{
font-weight: bold;
}
#why table .tld-reduced-price{
color: #c52127 !important;
font-weight: bold;
}
#why table .tld-disc-pricing{
text-decoration: line-through;
display: block;
}
.related-tlds {
padding: 60px 0;
}
.related-tlds h2 {
text-align: center;
margin-bottom: 20px;
}
.related-tlds .col-md-2{
text-align: center;
margin-bottom: 30px;
}
.related-tlds .col-md-2 a{
padding: 20px 10px;
border-bottom: 4px solid #ddd;
font-size: x-large;
font-weight: bold;
color: inherit;
transition: 0.2s;
}
.related-tlds .col-md-2 a:hover{
padding: 20px 40px;
border-bottom: 4px solid #097ffa;
text-decoration: none;
color: #097ffa;
}
.nw-row-reg-price{
color: #c52127 !important;
font-size: x-large;
font-weight: bold;
margin-right: 20px;
}
.tlds-table tbody .addtocart a, .tlds-table tbody .addtocart span, .tlds-table tbody .addtocart div{
display: inline-block;
float: right;
}
.tlds-table tbody .addtocart .added-post-text, .tlds-table tbody .addtocart .added-remove-button, .tlds-table tbody .addtocart .domain-animation{
display: none;
}
.tlds-table tbody .addtocart .nw-row-renew-price{
text-decoration: line-through;
color: #666;
margin-right: 20px;
padding-top: 9px;
font-size: small;
}
.nw-row-renew-price{
font-size: initial;
}
.tlds-table{
width: 100%;
}
#tlds{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
#tlds .tlds-table tr{
width: 100%;
border-bottom: 1px solid #eee !important;
margin-bottom: 15px;
padding-bottom: 15px;
}
.tlds-table .avail, .tlds-table .signpost-unavail {
display: none;
font-weight: 100;
}
#tlds .tldEndSearch{
display: none;
}
.search-complete.endSearch #tlds .tldEndSearch{
display: table;
}
.search-complete.searchAllTlds #tlds .tldEndSearch .notAllTlds, .search-complete.searchFiltredTlds #tlds .tldEndSearch .AllTlds{
display: none;
}
.search-complete.searchFiltredTlds #tlds .tldEndSearch .notAllTlds, .search-complete.searchAllTlds #tlds .tldEndSearch .AllTlds{
display: inline-block;
}
.fist-time-search-complete .tldEndSearch {
display:block !important;
}
.spinner-loading-tlds .tldEndSearch {
display:none !important;
}
#tlds .tldEndSearch td {
padding: 30px 20px;
text-align: center;
font-size: 20px;
display: block;
}
#tlds .tldEndSearch td:hover{
background: white;
}
#tlds .tldEndSearch td i{
margin-right: 10px;
}
#tlds .spotlight{
background: #FC0 !important;
font-size: 11px !important;
padding: 1px 7px !important;
margin-right: 5px !important;
border-radius: 20px !important;
}
#tlds .domain .premium, .success-message-prices .premium{
color: white;
font-weight: 600;
background-color: #bc962d;
text-transform: uppercase;
font-size: 11px !important;
padding: 1px 7px !important;
margin-left: 10px;
border-radius: 20px !important;
display: inline-block;
line-height: 1.5;
margin-top: 9px;
}
.success-message-prices .premium{
width: 100%;
margin-top: 0;
}
.premiumTooltip{
text-align: left !important;
width: 350px !important;
}
.tlds-table tbody .domain{
width: calc(50% - 40px) !important;
}
#tlds .tlds-table tr{
margin-bottom: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.tlds-table tbody .addtocart a i.fa-cart-plus {
font-size: x-large;
margin-left: -5px;
padding: 5px 7px 5px 5px;
}
.tlds-table tbody tr:hover .addtocart a i.fa-cart-plus{
background: #097ffa;
color: white;
border-radius: 3px;
}
.tlds-table tbody .addtocart a:hover i.fa-cart-plus{
color: #0069d9;
}
.page-template-page-spinner #tldcats .cat_count{
display: none !important;
}
.added-post-text.text-success{
font-size: large;
margin: 3px 7px 4px 2px;
}
#tldcats .tldcat a .cat_count{
float: left;
margin: -2px 10px 0 0;
}
.page-template-page-spinner{
background: #eee;
}
.page-template-page-spinner #faq{
background: white;
}
.page-template-page-spinner .tlds_per_cat_wrap{
background: white;
}
.page-template-page-spinner #include{
display: none;
}
.spinner-tld-wrapper{
padding: 20px 0 40px 0;
}
.success-message-inner{
margin-bottom: 0 !important;
border: 1px solid #28a745 !important;
border-radius: 6px !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}
#tldcats{
background: white;
padding: 10px 20px;
}
#tldcats li {
padding: 8px 0;
}
#tldcats li a{
color:#27283c;
}
#tldcats li a:hover{
text-decoration: none;
}
.domainincart .remove{
width: auto !important;
}
/*.domainincart{
border-bottom: 1px solid #e5e5e5;
}*/
.domainincart:last-of-type {
border-bottom: none;
}
.domainincart td{
padding: 0;
}
.domainincart:last-of-type td{
padding-bottom: 0;
}
.domainincart .yearReg{
float: left;
}
.incart .tld-post-added{
min-width: none !important;
}
.tlds_per_cat_wrap {
/*margin-left: 20px !important;*/
width: calc(70% - 20px) !important;
margin-right: 20px !important;
}
.tlds_per_cat_wrap{
border:1px solid #ddd;
box-shadow: 0 0 20px #eee;
padding: 15px 20px;
}
#tldcats li.tldcat.show{
font-weight: bold;
}
#tldcats .tldcat a .cat_count{
width: 30px !important;
height: 30px !important;
}
.sidebar-tlds{
width: 30%;
float: right;
}
#tldcats{
width: 100% !important;
text-align: left !important;
}
.tldCartContent{
padding: 5px 20px 20px 20px;
}
.tldCart{
/*position: sticky;
top: 100px;
display: table;*/
background: white;
width: 100%;
border-radius: 6px;
border-top: 20px solid #eee;
margin-top: -20px;
z-index: 2;
border-bottom: 20px solid #eee;
}
.cartisempty .tldCart, .cartisempty .tldGoCart, .cartisempty #backorder-cart {
display: none;
}
.tldCart h3{
font-size: large;
background: #33354F;
color: white;
padding: 15px 20px;
margin-bottom: 0;
border-radius: 6px 6px 0 0;
}
#tldcats h3{
font-size: large;
background: #33354F;
color: white;
padding: 15px 20px;
margin: -10px -20px 10px -20px;
border-radius: 6px 6px 0 0;
}
.tldCart h3 #cart-domains-count{
text-decoration: none;
float: right;
}
.tldCart .totalPrice{
position: absolute;
right: 20px;
}
.tldCart ul{
list-style: none;
padding-left: 0;
}
.tldCart .domaincheckout-a{
margin-top: 15px;
background: #097ffa !important;
color: white !important;
}
.tldCart .domaincheckout-a:hover{
background: #0069d9!important;
}
.tldCart .domainsincart{
display: block !important;
background: none !important;
max-height: none;
overflow-y: auto;
padding: 0;
}
.tldCart .domainincart .domainame{
font-weight: bold !important;
font-size: initial;
max-width: 280px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding: 10px 0 0 0;
}
/*.tldCart .domainincart .price{
margin-top: 4px;
}*/
.tldCart .domainincart .remove{
/*margin-top: 4px;
position: absolute;
right: -6px;
display: none;*/
margin-left: 5px !important;
position: absolute;
right: 20px;
margin-top: -20px;
}
.tldCart .domainincart:hover .remove{
display: block;
}
.tldCart .domainincart .remove a i{
color: #999;
}
.tldCart .domainincart .remove a i:hover {
color: #c52127;
}
.tlds-table tbody .addtocart{
width: auto !important;
padding-left: 12px;
}
.tlds-table tbody .addtocart div{
float: none !important;
}
.tlds-table tbody .incart .addtocart .added-remove-button{
/*display: none !important;
font-size: large;
margin: 3px 9px 4px -2px;
width: 25px;*/
background-image: none !important;
padding-left: 0;
}
.incart .tld-post-added{
margin-right: 0 !important;
}
.added-post-text{
width: 25px !important;
background: none !important;
transition: .2s;
}
.added-post-text:hover{
background: none !important;
}
.added-post-text .fa-check{
display: inline-block;
}
.added-post-text .fa-times{
display: none;
}
#tlds .added-post-text:hover .fa-check{
display: none;
}
#tlds .added-post-text:hover .fa-times{
display: inline-block;
color: #dc3545!important;
margin-right: 4px;
}
.added-post-text.btn-success{
margin: 0 !important;
background: #28a745 !important;
width: auto !important;
font-size: initial !important;
}
.added-post-text.btn-success:hover{
background: #28a745 !important;
border: #28a745 1px solid !important;
cursor: auto;
}
.success-message-inner .tld-post-added{
top: -8px;
}
.success-message-inner .added-remove-button{
display: none;
}
.woo-primary .tld-default.incart .tld-post-added{
background: none !important;
padding: 0 !important;
}
.tlds-table tr td{
padding: 5px 20px;
}
.tlds-table tr{
transition: .4s;
}
.tlds-table tr:hover{
background: #d1ecf1;
}
.tlds_per_cat_wrap{
padding: 0 !important;
}
.spinner-tld-wrapper .addtocart i{
margin-right: 0;
}
.nw-row-reg-price {
font-size: 18px !important;
margin-right: 10px !important;
padding-top: 4px;
}
.alt-message-inner-most{
margin-left: 0 !important;
}
.domainsincart-wrapper{
display: none;
}
.domain-extras .card, .domain-extras .card-header{
background: none;
border: 0;
padding-left: 0;
}
.domain-extras .card .btn-link{
color: inherit;
padding: 0;
}
.domain-extras .card-header h5:after{
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
position: absolute;
top: 15px;
right: 20px;
transition: 0.5s;
}
.domain-extras .card-header h5[aria-expanded="true"]:after{
content: "\f078";
}
.domain-extras .card-header h5{
font-weight: 600;
font-size: medium;
}
.domain-extras .card-header h5:hover{
cursor: pointer;
}
.domain-extras .card-header h5 i{
margin-right: 10px;
font-size: large;
width: 20px;
text-align: center;
}
.domain-extras .card-header h5 i.fa-shield-alt {
left: 10px;
top: 19px;
font-size: small;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
position: absolute;
}
.domain-extras .card-body{
padding: 0 20px;
border-left: 3px solid #097ffa;
margin-bottom: 10px;
font-size: small;
margin-left: 30px;
}
/* START HEADERS */
#post-78 #header, #post-134 #header /* Canadian Web Hosting */{
/*background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/web-hosting.jpg) top;*/
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
padding: 0;
}
#post-78 #header .container /* Canadian Web Hosting */{
background: url(/wp-content/themes/whc/images/banners/web-hosting-banner.png);
background-repeat: no-repeat;
background-position: bottom -1px right;
background-size: 575px;
padding: 80px 0;
}
#post-134 #header .container /* Hébergement Web Canadien */{
background: url(/wp-content/themes/whc/images/banners/hebergement-web-banniere.png);
background-repeat: no-repeat;
background-position: bottom -1px right;
background-size: 575px;
padding: 80px 0;
}
#post-78 #header.june-flash .container, #post-78 #header.christmas-july .container, #post-78 #header.august-flash .container, #post-134 #header.juin-flash .container, #post-134 #header.noel-juillet .container, #post-134 #header.aout-flash .container /* Hébergement Web Canadien */{
background: none;
}
@media screen and ( min-width: 992px) and (max-width: 1200px ) {
#post-134 #header h1.v2{
font-size: 34px;
}
#post-134 #header h2{
font-size: 26px !important;
}
#post-134 #header p{
max-width: 450px;
}
}
@media screen and ( max-width: 600px ) {
#post-78 #header .container, #post-134 #header .container{
padding: 40px 0;
}
}
#post-78 #header.earth-day, #post-134 #header.earth-day /* Canadian Web Hosting - Earth Day */{
/*background: radial-gradient(circle at bottom center,#019DDB,#004DBF 75%) #004DBF;*/
background-blend-mode: normal;
padding: 0;
}
/*
#post-78 #header.earth-day .promo-wrapper, #post-134 #header.earth-day .promo-wrapper Canadian Web Hosting - Earth Day {
background-size: 40% !important;
background-repeat: no-repeat !important;
background-blend-mode: normal !important;
background: url(/wp-content/themes/whc/images/earth-day.svg) 92% 30px;
}
*/
#post-78 #header.earth-day .container, #post-134 #header.earth-day .container{
background: url(/wp-content/themes/whc/images/earth-day.svg) no-repeat;
background-position: top 20px right -15px;
background-size: 600px;
}
@media screen and ( max-width: 991px ) {
#post-78 #header .container, #post-134 #header .container{
background-image: none;
}
#post-78 #header.earth-day .container, #post-134 #header.earth-day .container /* Canadian Web Hosting - Earth Day */{
background: none;
}
}
#post-82 #header, #post-138 #header, #post-7232 #header, #post-7237 #header /* Cloud Servers */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/cloud.jpg) top;
}
#post-3377 #header, #post-3644 #header /* Windows Cloud Servers */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.4) 70%, #27283c 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/windows-cloud-server-banner.jpg) top;
}
#post-80 #header, #post-136 #header /* Reseller Hosting */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/Reseller.jpg) top;
}
#post-84 #header, #post-140 #header /* Dedicated Servers */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/dedicated.jpg) top;
}
#post-3058 #header, #post-3137 #header /* Anycast DNS */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/anycast-bg.jpg) top;
}
/* #post-3942 #header, #post-3992 #header Weebly {
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/weebly-sitebuilder.jpg) top;
}*/
#post-3942 #header, #post-3992 #header /* Weebly */{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#post-3942 #header img, #post-3992 #header img /* Image Weebly */{
box-shadow: 0 0 32px 5px rgb(0 23 143);
border-radius: 9px;
width: 550px;
position: absolute;
right: calc(50% - 900px);
top: calc(50% - 165px);
max-width: none;
max-height: none;
}
@media screen and ( max-width: 991px ) {
#post-3942 #header img, #post-3992 #header img{
display: none;
}
}
#post-92 #header, #post-151 #header /* Email Marketing */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/email-marketing.jpg) top;
}
#post-18552 #header, #post-18593 #header, #post-92 #header, #post-151 #header /* MailerMojo Email Marketing */{
/* background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/email-marketing.jpg) top;*/
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#header.mailermojo{
padding: 0;
}
#header.mailermojo .container{
background: url(/wp-content/themes/whc/images/mailermojo/email-marketing.svg);
background-repeat: no-repeat;
background-position: bottom -1px right -50px;
background-size: 575px;
padding: 80px 0;
}
#post-6724 #header, #post-6865 #header /* Anti-Spam */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/anti-spam_desktop.jpg) top;
}
#post-4457 #header, #post-4495 #header /* RankingCoach */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/rankingcoach.jpg) top;
}
#post-95 #header, #post-156 #header /* SSL Certificate */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/security-ssl.jpg) top;
}
#post-99 #header, #post-160 #header /* SiteSafe */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/sitesafe.jpg) top;
}
#post-3223 #header.winter, #post-3272 #header.winter /* WINTER Deals */{
background: linear-gradient(to right, rgba(39,40,40,0.2) 0%, rgba(39,40,40,0.4) 50%, rgba(39,40,40,0.2) 100%), url("/wp-content/themes/whc/css-modules/images/winter-header-2017.jpg") bottom;
text-shadow: 0 0 20px rgba(0,0,0,0.8) !important;
}
#post-3223 #header.spring, #post-3272 #header.spring /* SPRING Deals */{
background: linear-gradient(to right, rgba(39,40,40,0.2) 0%, rgba(39,40,40,0.4) 50%, rgba(39,40,40,0.2) 100%), url("/wp-content/themes/whc/css-modules/images/spring-header-2018.jpg") bottom;
text-shadow: 0 0 20px rgba(0,0,0,0.8) !important;
}
#post-3223 #header.summer, #post-3272 #header.summer /* SUMMER Deals */{
background: linear-gradient(to right, rgba(39,40,40,0.2) 0%, rgba(39,40,40,0.4) 50%, rgba(39,40,40,0.2) 100%), url("/wp-content/themes/whc/css-modules/images/summer-header-2019.jpg") bottom;
text-shadow: 0 0 20px rgba(0,0,0,0.8) !important;
}
#post-3223 #header.fall, #post-3272 #header.fall /* FALL Deals */{
background: linear-gradient(to right, rgba(39,40,40,0.2) 0%, rgba(39,40,40,0.4) 50%, rgba(39,40,40,0.2) 100%), url("/wp-content/themes/whc/css-modules/images/fall-header-2017.jpg") bottom;
text-shadow: 0 0 20px rgba(0,0,0,0.8) !important;
}
#post-7007 #header, #post-7020 #header /* Contact*/{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/Reseller.jpg) top;
}
#post-12197 #header, #post-12206 #header /* Partners*/{
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/partners.jpg) top;
}
/* #post-18902 #header, #post-11111 #header, #post-19801 #header {
background: url(/wp-content/themes/whc/css-modules/images/image-mockups/marketplace-banner-v3.jpg) top;
} */
#post-18902 #header, #post-19801 #header /* Marketplace*/{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#header.marketplace-header{
padding: 0;
}
#header.marketplace-header .container{
background: url(/wp-content/themes/whc/css-modules/images/image-mockups/marketplace.svg);
background-repeat: no-repeat;
background-position: bottom -1px right -10px;
background-size: 425px;
padding: 80px 0;
}
#post-19812 #header, #post-20322 #header /* Domain Club */{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#header.domain-club{
padding: 0;
}
#header.domain-club .container{
background: url(/wp-content/themes/whc/images/savings.svg);
background-repeat: no-repeat;
background-position: bottom -1px right -50px;
background-size: 580px;
padding: 80px 0;
}
#post-20101 #header, #post-20103 #header /* SiteMojo */{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#post-225 #header, #post-270 #header /* About us */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/about-us.jpg) top;
padding-bottom: 160px;
}
#post-4713 #header, #post-4780 #header /* Career */{
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/career.jpg) center -60px;
}
#post-263 #header, #post-282 #header /* Affiliate */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.85) 70%, #27283c 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/affiliate.jpg) bottom;
}
#post-9107 #header, #post-9147 #header /* Testimonials */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/Reseller.jpg) top;
}
#post-8387 #header, #post-8077 #header /* Privacy Protection */{
background: #27283c;
}
#post-10462 #header, #post-10476 #header /* Canadian WordPress Hosting */{
background: url(/wp-content/themes/whc/css-modules/images/image-mockups/wordpress.jpg) center;
}
#post-8989 #header, #post-8987 #header /* Business Email */{
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, #27283c 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/email_pro_header.jpg) top;
}
#post-9527 #header, #post-11791 #header {
background: linear-gradient(to right, #27283c 45%, rgba(39,40,40,0.6) 70%, rgba(39,40,40,0.8) 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/migration.jpg) top;
}
#post-12837 #header, #post-12844 #header {
background: linear-gradient(to right, white 0%, rgba(39,40,40,0.4) 25%, white 100%), url("/wp-content/themes/whc/css-modules/images/image-mockups/green-hosting.jpg") bottom;
}
.page-id-16506 #header, .page-id-17640 #header{
background: url(/wp-content/themes/whc/css-modules/images/image-mockups/backorder.jpg) center repeat-x;
background-size: auto !important;
}
.page-id-16397 .highest-header, .page-id-16397 #top, .page-id-16397 #pre-footer, .page-id-16401 .highest-header, .page-id-16401 #top, .page-id-16401 #pre-footer{
display: none;
}
#alternate-top{
line-height: 82px;
overflow: hidden;
top: 0;
background: #fff;
padding: 0;
z-index: 9999;
box-shadow: 0 0 32px rgb(0 0 0 / 50%);
}
#alternate-top .btn{
font-weight: 600;
margin-left: 10px;
color: initial;
}
#alternate-top .btn i{
margin-right: 5px;
}
#header{
background-blend-mode: multiply;
background-size:cover !important;
padding:80px 0;
color:white;
font-size:large;
}
/* END HEADERS */
#post-4713 #why, #post-4780 #why{
background: linear-gradient(to right, white 25%, #999 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/why-work-for-us-bg.jpg) center no-repeat;
background-size: cover;
background-blend-mode: screen;
}
#post-8387 .input-group, #post-8077 .input-group{
margin-top: 10px;
}
#post-8387 .input-group .btn-primary, #post-8077 .input-group .btn-primary{
border-radius: 0 3px 3px 0;
}
#post-8387 .input-group .form-control, #post-8077 .input-group .form-control{
padding: 15px 20px;
}
.tarif{
color: #c52127;
font-weight: bold;
}
#post-7007 form, #post-7020 form{
margin-top: 20px;
}
.g-recaptcha{
margin-bottom: 10px;
}
#understand{
background: #ecebe7;
padding: 60px 0 0 0;
}
#understand .container{
margin-bottom: 60px;
}
#understand img{
width: 100%;
}
#understand .btn-outline-primary{
margin-top: 20px;
border: 1px solid #008f42 !important;
color: #008f42 !important;
}
#understand .btn-outline-primary:hover{
background: #008f42 !important;
color: white !important;
}
.page-id-175 #header{
background: url(http://whc.ca/promo/fr/images/web-hosting-canada-banner.jpg);
background-size: cover;
padding:0;
text-shadow:0 0 10px rgba(0,0,0,0.5);
display:none;
}
.page-id-175 #header .col-6.hosting{
padding: 140px 0;
background: url(https://whc.ca/wp-content/themes/whc/css-modules/images/canadian-web-hosting-sale.jpg);
background-size: cover;
}
.page-id-175 #header .col-6.domains{
padding: 140px 0;
background: url(https://s.whc.ca/CA-Lives-Here.jpg) rgba(0,0,0,0.4);
background-size: cover;
background-blend-mode: multiply;
}
.page-id-175 #header .btn{
text-shadow:none;
}
#header .carousel-item{
padding: 10px;
}
#header img{
max-height:75px;
max-width:360px;
}
#header img.mailermojo{
height: 38px;
margin-bottom: 15px;
}
#header .corner-ribbon{
width: 225px;
background: #c52127;
color: #fff;
position: fixed;
text-align: center;
top: 130px;
line-height: 40px;
right: -50px;
left: auto;
transform: rotate(45deg);
font-size: medium;
z-index:1;
}
#header h1{
font-size:40px;
font-weight:800;
margin-bottom: -5px;
}
#header h1.v2{
font-size: 42px;
font-weight: 600;
line-height: 1em;
margin-bottom: -5px;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#header h1.v2 sup{
font-size: 50%;
font-weight: 300;
}
#header h1.v2 sup.badge {
font-size: medium;
font-style: italic;
font-weight: bold;
}
#header h2{
font-size: x-large;
margin-bottom: 0;
font-weight: 400 !important;
padding: 30px 0;
}
#header h2 del{
opacity: 0.5;
}
#header .referent{
font-size:28px;
}
#header ul{
list-style:none;
padding-left:0;
margin-top:22px;
}
#header ul li{
padding:2px 0;
}
#header ul li:before{
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
}
#header .price{
font-weight: 800;
font-size: 44px;
}
#header .btn{
display:inline-block;
margin-top: 5px;
}
#header .offer{
margin-top: 20px;
}
#header .off {
font-weight: 800;
color: #c52127;
text-transform: uppercase;
position: absolute;
font-size: 12px;
margin-top: 22px;
}
#powerful-solutions{
padding: 60px 0;
text-align: center;
font-size: large;
}
#powerful-solutions h2{
margin-bottom: 40px;
}
#powerful-solutions i{
font-size: 80px;
color: #c0242e;
margin-bottom: 20px;
}
#powerful-solutions h3{
font-weight: bold;
margin-bottom: 20px;
font-size: 25px;
}
#powerful-solutions .btn{
margin: 20px 0 10px 0;
}
#powerful-solutions .sale{
background: #FC0;
opacity: 0;
padding: 6px 32px;
font-weight: bold;
text-transform: uppercase;
font-size: small;
transition: 0.5s;
}
#powerful-solutions .col-lg-3:hover .sale{
opacity: 1;
}
#powerful-solutions.migrate{
background: #ecebe7;
}
#plans .button {
margin-left: 2px;
text-decoration: none;
color: #097ffa;
}
#plans .button:hover{
cursor: pointer;
}
#plans, #otherProducts{
background:#eee;
padding:80px 0 20px 0;
}
#plans .col.plan, #otherProducts .col.plan{
background:rgba(255,255,255,0.6);
padding:40px 36px;
margin:15px 10px;
animation:fadeinlate 2.5s;
max-width: 33%;
}
#plans .col.plan p, #otherProducts .col.plan p{
margin-bottom: 0;
height: 50px;
}
#plans .col.plan .coupon, #otherProducts .col.plan .coupon{
margin-top: 10px;
}
#plans .col.plan .fa-layers, #otherProducts .col.plan .fa-layers{
line-height: 0;
}
#plans .col.plan .fa-layers i:last-of-type, #otherProducts .col.plan .fa-layers i:last-of-type {
left: calc(50% + 7px);
top: 35px;
font-size: x-large;
text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
position: absolute;
}
#plans .col.col-md-4, #otherProducts .col.col-md-4{
max-width: calc(33.33% - 20px) !important;
}
#post-3942 #plans .col.plan, #post-3992 #plans .col.plan, #post-82 #plans .col.plan, #post-138 #plans .col.plan, #post-7232 #plans .col.plan, #post-7237 #plans .col.plan{
border: 1px solid #eee;
margin: 15px 0;
}
#post-3942 .btn-outline-light, #post-3992 .btn-outline-light{
margin-left: 5px;
}
/*#plans .col.colleft, #otherProducts .col.colleft{
animation:fadeinlateleft 2.5s;
}
#plans .col.colright, #otherProducts .col.colright{
animation:fadeinlateright 2.5s;
}*/
#plans .col.colmp, #otherProducts .col.colmp{
background:#fff;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
/*animation:fadein 2s;*/
z-index:10;
}
#plans .col.colmp:hover, #otherProducts .col.colmp:hover{
box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#plans table{
background: white;
}
#plans .col-md-5 ul li, #otherProducts .col-md-5 ul li{
list-style: none;
padding: 5px 0;
}
#plans .col-md-5 ul li:before, #otherProducts .col-md-5 ul li:before {
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
margin-left: -25px;
}
#plans .underline{
color: initial;
text-decoration: underline;
}
#post-92 .bg-warning, #post-151 .bg-warning{
text-transform: uppercase;
color: #333;
padding: 0 5px;
font-size: small;
}
.email-template {
width: 100%;
max-width: 200px;
border-radius: 12px;
border: 1px solid #ddd;
box-shadow: 0 20px 47px hsl(0deg 0% 6% / 5%), 0 13px 28px hsl(0deg 0% 6% / 4%), 0 8px 15px hsl(0deg 0% 6% / 3%), 0 4px 8px hsl(0deg 0% 6% / 3%), 0 2px 4px hsl(0deg 0% 6% / 2%), 0 0 2px hsl(0deg 0% 6% / 1%);
}
.website-template{
width: 100%;
box-shadow: 0 20px 47px hsl(0deg 0% 6% / 5%), 0 13px 28px hsl(0deg 0% 6% / 4%), 0 8px 15px hsl(0deg 0% 6% / 3%), 0 4px 8px hsl(0deg 0% 6% / 3%), 0 2px 4px hsl(0deg 0% 6% / 2%), 0 0 2px hsl(0deg 0% 6% / 1%);
border-radius: 12px;
border: 1px solid #ddd;
margin-bottom: 30px;
max-width: 500px;
}
#plans.mailermojo .mp{
margin: -60px auto 27px auto;
}
#rainbowTextBox{
background: white;
color: white;
padding: 20px 0;
border-radius: 12px;
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
text-align: center;
font-size: x-large;
margin-top: -38px;
box-shadow: 0 20px 47px hsl(0deg 0% 6% / 5%), 0 13px 28px hsl(0deg 0% 6% / 4%), 0 8px 15px hsl(0deg 0% 6% / 3%), 0 4px 8px hsl(0deg 0% 6% / 3%), 0 2px 4px hsl(0deg 0% 6% / 2%), 0 0 2px hsl(0deg 0% 6% / 1%);
}
#rainbowTextBox span{
background: linear-gradient(45deg, #c52127, #097ffa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#selectcloud{
text-align: center;
background: #33354F;
font-size: x-large;
line-height: 74px;
}
#selectcloud a{
color: white;
padding: 20px 40px;
}
#selectcloud a:hover{
background: #27283c;
text-decoration: none;
}
#selectcloud a.active:after {
content: "";
width: 0px;
height: 10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ecebe7;
margin-top: 64px;
position: absolute;
margin-left: -130px;
}
#selectcloud i{
margin-right: 5px;
}
@keyframes fadein {
0% {
opacity:0;
}
25% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeinlateleft {
0% {
opacity:0;
margin-left:350px;
margin-right:-350px;
filter:blur(5px);
}
50% {
opacity:0;
margin-left:350px;
margin-right:-350px;
filter:blur(5px);
}
100% {
opacity:1;
margin-left:10px;
margin-right:10px;
filter:blur(0px);
}
}
@keyframes fadeinlateright {
0% {
opacity:0;
margin-left:-350px;
margin-right:350px;
}
50% {
opacity:0;
margin-left:-350px;
margin-right:350px;
}
100% {
opacity:1;
margin-left:10px;
margin-right:10px;
}
}
#plans .mp, #otherProducts .mp{
background: #c52127;
color: #fff;
font-size: large;
font-weight: bold;
padding: 8px;
max-width: 180px;
margin: -60px auto 18px auto;
}
#plans .trial{
background: #27283c;
color: #fff;
font-size: large;
font-weight: bold;
padding: 8px;
max-width: 180px;
margin: -60px auto 18px auto;
}
#plans .col h2, #otherProducts .col h2{
margin: 10px 0 5px;
}
#plans .col .aslow{
display: block;
margin: 10px 0 -6px;
}
#plans .col .price{
display:block;
}
#plans .col .price strong{
font-size:xx-large;
color:#c52127;
font-weight:800;
}
#plans .col small{
color:#999;
}
#plans .col small strong{
text-transform:uppercase;
color:#333;
padding: 0 8px;
border-radius: 18px;
}
#plans .col a.btn, #otherProducts .col a.btn{
margin-top:15px;
/*text-transform:uppercase;*/
}
#plans .iplan, #otherProducts .iplan{
font-size:38px;
color:#c52127;
}
#plans .details{
margin:5px 0 10px;
}
#plans .details a{
margin-top:0;
}
#plans .details a.btn{
text-transform: none;
}
#plans .details a:hover{
text-decoration:none;
color: white;
}
#plans .details a i{
font-size:large;
margin-right:5px;
}
#plans .detailsplans{
margin-top:20px;
}
#plans .detailsplans ul{
list-style:none;
text-align:left;
padding-left:0;
margin-bottom:0;
font-size:15px;
}
#plans .detailsplans ul li{
padding:5px 0 0 32px;
}
/*#plans .detailsplans ul li:before {
content: "\f00c";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
}
#plans .detailsplans ul li.wp:before {
content: "\f19a";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
}
#plans .detailsplans ul li.ssl:before {
content: "\f023";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #097ffa;
margin:0 3px;
padding-right: 0.5em;
}*/
#plans .detailsplans ul li i{
color:#ccc;
font-size:large;
margin-top:5px;
margin-left:-32px;
width:28px;
text-align:center;
}
#plans .detailsplans ul li:last-child{
padding-bottom:0;
}
#plans .detailsplans ul li i.infos{
color:#007bff;
margin-top:5px;
font-size:medium;
margin-left: -5px;
}
#plans .detailsplans ul li i.perf{
float:none;
color: inherit;
font-size:small;
width:auto;
margin-left:0;
}
#plans .detailsplans ul li i.text-muted{
opacity:0.4;
}
.popover{
margin-left:5px;
}
.popover ul{
list-style:none;
padding-left:0;
margin-bottom:0;
}
.popover ul li:before {
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
}
#customers{
background:#ecebe7;
line-height:80px;
}
#customers img {
margin-top: -5px;
max-height:75px;
}
.section, #include, #why, #nextGenDatacenters, #what, #benef, #emailmark, #weeblytable, #sitemojotable, #opportunities, #testimonial, #contactsolutions, #security, #includeDomains, #tipsDomains, #solution{
padding:100px 0;
clear: both;
}
#domainsCount{
background: #c52127;
color: white;
margin-bottom: 0;
padding: 50px;
clear: both;
text-align: center;
}
#domainsCount .container {
display: flex;
justify-content: center;
align-items: center;
}
#domainsCount img {
width: 80px;
opacity: 0.5;
margin: 0 0 0 20px;
}
#domainsCount img.flipped{
transform: scaleX(-1);
margin: 0 20px 0 0;
}
#price-table{
padding:50px 0;
clear: both;
}
.top-section{
padding: 100px 0 0 0;
clear: both;
}
.bottom-section{
padding: 0 0 100px 0;
clear: both;
}
#legal{
padding: 50px 0;
clear: both;
}
#legal li{
margin: 15px 0;
}
.partners{
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/partners.jpg) top;
background-blend-mode: multiply;
background-size: cover !important;
padding: 80px 0;
color: white;
font-size: large;
clear: both;
}
.marketplace .dropdown-item{
color: rgba(255,255,255,.6);
}
.marketplace .dropdown-item:hover, .marketplace .nav-link:hover {
color: white !important;
text-decoration: none !important;
}
.marketplace .dropdown-item:focus, .marketplace .dropdown-item:hover {
background-color: transparent!important;
}
.career{
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(https://whc.ca/wp-content/themes/whc/css-modules/images/image-mockups/career.jpg) top;
background-blend-mode: multiply;
background-size: cover !important;
padding: 80px 0;
color: white;
font-size: large;
clear: both;
}
#include .embed-responsive{
margin-top: 20px;
}
#tipsDomains .tips{
font-size: 48px;
color: #c52127;
font-weight: 600;
margin-right: 15px;
line-height: 1;
min-width: 10%;
text-align: center;
}
#tipsDomains p{
display: inline-block;
width: 80%;
}
#tipsDomains h2{
margin-bottom: 40px;
margin-top: 10px;
}
#tipsDomains .col-md-6{
margin-bottom: 30px;
}
#grey, .grey{
background: #ecebe7;
/* padding: 60px 0;*/
}
#partners .card{
margin-bottom: 20px;
height: calc(100% - 20px);
}
.page-id-12099 .why-tld li:before, .page-id-12172 .why-tld li:before{
display: none;
}
.page-id-12099 .why-tld ul li, .page-id-12172 .why-tld ul li{
padding: 0 0 20px 0;
}
.page-id-12099 .why-tld ul li i, .page-id-12172 .why-tld ul li i{
margin-right: 10px;
color: #c52127;
}
.page-id-12099 .why-tld ul li:last-child, .page-id-12172 .why-tld ul li:last-child{
padding: 0;
}
.page-id-12099 .why-tld h2, .page-id-12172 .why-tld h2{
margin-bottom: 30px;
}
.tld-page-split-right, .tld-page-split-right {
background-image: url(/wp-content/themes/whc/images/register-domain-name.jpg);
background-size: cover;
}
.page-id-12099 #alltlds .tlds_per_cat_wrap a, .page-id-12172 #alltlds .tlds_per_cat_wrap a{
color: initial;
text-decoration: underline;
font-weight: 600;
}
.page-id-12099 #alltlds a:hover, .page-id-12172 #alltlds a:hover{
color: #097ffa;
}
.page-id-12099 #alltlds, .page-id-12172 #alltlds{
margin-top: 30px;
}
.page-id-12099 #alltlds h3, .page-id-12172 #alltlds h3{
margin-bottom: 20px;
}
.page-id-12099 #alltlds .tlds_per_cat_wrap, .page-id-12172 #alltlds .tlds_per_cat_wrap{
background: white;
max-height: 1380px;
overflow-y: scroll;
overflow-x: hidden;
}
.page-id-12099 .tldcat a, .page-id-12172 .tldcat a{
text-decoration: none;
}
.page-id-12099 #tldcats .tldcat a .cat_count, .page-id-12172 #tldcats .tldcat a .cat_count{
background: #ccc;
}
.page-id-12099 #alltlds .tlds_per_cat_wrap a.register-this-domain, .page-id-12172 #alltlds .tlds_per_cat_wrap a.register-this-domain{
text-decoration: none;
}
.page-id-12099 .spotlight, .page-id-12099 .domainname, .page-id-12172 .spotlight, .page-id-12172 .domainname{
display: inline-block;
float: none;
}
.page-id-12099 .tlds-table tbody .domain, .page-id-12172 .tlds-table tbody .domain{
text-align: left;
}
.page-id-12099 #domain-spinner-form .domain-spinner-search-input, .page-id-12172 #domain-spinner-form .domain-spinner-search-input{
border-radius: 6px 0 0 6px;
}
.page-id-12099 .why-tld-col h2, .page-id-12172 .why-tld-col h2{
font-size: 39px;
}
.page-id-12099 .unavailable-sub-row-inner, .page-id-12172 .unavailable-sub-row-inner{
display: none;
}
.email-logos {
height: 80px;
margin: 40px auto 20px;
display: block;
}
#legal h3, #legal h4{
margin-top: 20px;
}
#weeblytable tr td{
text-align: center;
}
#weeblytable tr td:first-child{
font-weight: bold;
text-align: right;
}
#weeblytable .pricing-extended-price{
color: #c52127;
font-weight: 800;
font-weight: bold;
margin-bottom: 10px;
}
#weeblytable .table thead th{
border-top: 0;
font-weight: normal;
}
#weeblytable .table td.text-center{
text-align: center!important;
}
#weeblytable .table td i.fa-check {
color: #007bff;
font-size: large;
display: block;
}
#weeblytable .table td i.fa-times {
color: #c52127;
font-size: large;
display: block;
}
#sitemojotable tr td{
text-align: center;
}
#sitemojotable tr td:first-child{
font-weight: bold;
text-align: right;
}
#sitemojotable .pricing-extended-price{
color: #c52127;
font-weight: 800;
font-weight: bold;
margin-bottom: 10px;
}
#sitemojotable .table thead th{
border-top: 0;
font-weight: normal;
}
#sitemojotable .table td.text-center{
text-align: center!important;
}
#sitemojotable .table td i.fa-check {
color: #007bff;
font-size: large;
display: block;
}
#sitemojotable .table td i.fa-times {
color: #c52127;
font-size: large;
display: block;
}
#header img.sitemojo{
box-shadow: 0 0 32px 5px rgb(0 23 143);
border-radius: 9px;
width: 550px;
position: absolute;
right: calc(50% - 600px);
top: calc(50% - 165px);
max-width: none;
max-height: none;
}
#weeblywhy{
background: url(/wp-content/themes/whc/css-modules/images/weebly-features-bg.jpg) center;
background-size: cover;
padding: 60px 0 40px 0;
color: white;
text-align: center;
}
#weeblywhy .w-100 {
max-width: 600px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 20px;
}
#weeblywhy .carousel-caption{
position: initial;
margin-bottom: 20px;
}
#what video{
border: 1px solid #ddd;
margin: 10px;
}
#emailmark h2{
margin-bottom: 20px;
}
#emailmark h4{
margin:40px 0 10px 0;
}
#emailmark i {
color: #c52127;
font-size: 58px;
float: left;
margin-right: 20px;
width: 58px;
background-repeat: no-repeat;
background-size: 58px;
height: 58px;
margin-bottom: 40px;
}
#benef{
background: linear-gradient(to bottom, #ecebe7 0%, white 100%);
}
.large-icon{
font-size: 52px;
}
#benef i.large-icon, #what i.large-icon{
margin: 40px 0 20px 0;
color: #c52127;
}
#why ul, #include ul{
list-style: none;
text-align: left;
margin: 30px 0 0 0;
}
#include ul li ul{
margin-top: 10px;
}
#why ul li, #include ul li{
padding: 5px 0;
}
#why li:before, #include li:before {
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
margin-left: -25px;
}
#include #greenBadge .modal-header{
background: #008f42;
color: white;
}
#include #greenBadge li:before{
content: none;
}
#include #greenBadge li{
padding: 5px;
}
#include #greenBadge li ul{
margin-top: 10px;
list-style: initial;
}
#why .large-icon{
margin: 40px 0 20px 0;
color: #c52127;
}
#include img{
height:64px;
margin:60px 0 20px;
}
#include h3{
font-size: x-large;
margin-top: 30px;
}
#include h3 em{
font-weight: normal;
}
#include h3 em strong{
color: #097ffa;
}
#include h4{
margin: 40px 0 20px 0;
}
#include .all-prods-include{
list-style: none;
padding-left: 0;
text-align: left;
}
#include .all-prods-include li{
margin-left: 25px;
margin-bottom: 5px;
}
#include .all-prods-include li:before {
content: "\f00c";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
margin-left: -25px;
}
#security{
background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9)100%), url(/wp-content/themes/whc/css-modules/images/testimonial.jpg);
background-size: cover;
background-blend-mode: screen;
border-top: 1px solid #eee;
}
#security #websiteSafe .box {
background: #33354F;
margin: 20px auto;
color: white;
padding: 40px;
height: 160px;
border-radius: 6px;
max-width: 650px;
font-size: large;
}
#security #websiteSafe .box i{
float: left;
font-size: 50px;
margin: 15px 30px 20px 0;
}
#security .carousel-indicators li{
background-color: #33354F;
opacity: 0.5;
}
#security .carousel-indicators .active {
background-color: #33354F;
opacity: 1;
}
#security #websiteSafe .box .fa-stack.fa-2x{
float: left;
}
#security .carousel-indicators{
bottom: -20px;
}
#contactsolutions a{
color: inherit;
display: inline-block;
padding: 0 15px 20px 15px;
}
#contactsolutions a:hover{
text-decoration: none;
background: white;
border-radius: 6px;
}
#contactsolutions a i.large-icon{
margin: 20px 0;
color: #c52127;
}
.alert-message {
display: none;
text-align: left;
margin-bottom: 15px;
margin-top: -10px;
color: #c52127;
}
.contactus-success-message {
display: none;
position: relative;
margin-top: 20px;
background-color: rgba(38,166,91,0.05);
padding: 30px;
text-align: left;
border-left: 8px solid rgba(38, 166, 91, 0.5);
}
#contactus-form-wrapper.success .contactus-success-message{
display: block !important;
}
.invalid-captcha .alert-message.alert-captcha, .invalid-captcha .alert-message.captcha, .invalid-name .alert-message.name, .invalid-email .alert-message.email, .invalid-subject .alert-message.subject, .invalid-message .alert-message.message {
display: block;
}
#nextGenDatacenters{
background: url(/wp-content/themes/whc/images/datacenter.jpg) center #303135;
background-size: cover;
background-blend-mode: overlay;
color: white;
}
#nextGenDatacenters h2{
margin-bottom: 30px;
}
#nextGenDatacenters h4{
font-size: large;
margin-left: 68px;
}
#nextGenDatacenters .col-md-6 {
background: white;
border-radius: 6px;
margin: 10px;
max-width: calc(50% - 20px) !important;
color: #27283c;
padding: 30px;
text-align: left;
}
#nextGenDatacenters i{
position: absolute;
font-size: 48px;
color: #097ffa;
}
#nextGenDatacenters p{
margin-left: 68px;
margin-bottom: 0;
}
#nextGenDatacenters .fa-canada, .fa-canada{
background: url(/wp-content/themes/whc/images/mapleleaf.svg);
width: 48px;
height: 48px;
}
#carouselSafe{
margin-top: 40px;
}
#carouselSafe .offset-md-2.col-8.carousel-item {
background: #33354F;
padding: 20px 40px;
border-radius: 6px;
}
#carouselSafe .offset-md-2.col-8.carousel-item p{
margin-bottom: 0;
}
#carouselSafe .offset-md-2.col-8.carousel-item i {
display: block;
font-size: 48px;
margin-bottom: 10px;
}
#faq .btn-link, #faq .btn-link:hover, #faq .btn-link:active, #faq .btn-link:focus, #faq .btn-lin:visited,
#include .btn-link, #include .btn-link:hover, #include .btn-link:active, #include .btn-link:focus, #include .btn-lin:visited{
text-decoration: none;
}
#post-6724 #plans, #post-6865 #plans{
padding: 60px 0;
}
#post-6724 #plans h2, #post-6865 #plans h2{
margin-bottom: 30px;
}
#support{
background: url(/wp-content/themes/whc/css-modules/images/support.jpg) #ecebe7 top center no-repeat;
background-size:cover;
padding:100px 0;
}
#support p{
line-height: 1.5em;
margin: 10px 0;
font-family: 'Bitter',serif;
font-style:italic
}
#support span{
font-size:small;
font-weight:bold;
padding-right:10px;
}
#support small{
color:#999;
}
#support i{
color:#ebb730;
margin-top:10px;
}
#relance{
background:#097ffa;
color:white;
font-size:40px;
font-weight:500;
padding:80px 0;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#relance a{
margin-left:40px;
border:2px solid white;
font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#relance a.trio{
margin:0 20px;
border:2px solid white;
}
body .ranking-cms-list li {
background-image: url(/wp-content/themes/whc/css-modules/images/cms-sprite.png?v1?v1);
height: 122px;
background-repeat: no-repeat;
width: 97px;
display: inline-block;
margin-right: 10px;
margin-left: 10px;
text-align: center;
margin-top: 20px;
transition: 0.2s;
}
.ranking-cms-list li:hover {
background-image: url(/wp-content/themes/whc/css-modules/images/cms-sprite-color.png?v1?v1);
}
.ranking-cms-list li div {
margin-top: 114px;
}
.ranking-wp-cms {
background-position: 0px 0px;
}
.ranking-magento-cms {
background-position: -194px 0px;
}
.ranking-typo-cms {
background-position: -291px 0px;
}
.ranking-jimdo-cms {
background-position: -388px 0px;
}
.ranking-joomla-cms {
background-position: -776px 0px;
}
.ranking-virtue-cms {
background-position: -873px 0px;
}
.ranking-drupal-cms {
background-position: -970px 0px;
}
.ranking-contao-cms {
background-position: -672px 0px;
}
.ranking-shopify-cms {
background-position: -2328px 0px;
}
.ranking-weebly-cms {
background-position: -2134px 0px;
}
.ranking-webnode-cms {
background-position: -2231px 0px;
}
.ranking-presta-cms {
background-position: -2619px 0px;
}
.ranking-wix-cms {
background-position: -2715px 0px;
}
.ranking-square-cms {
background-position: -2813px 0px;
}
.ranking-open-cms {
background-position: -2910px 0px;
}
.ranking-duda-cms {
background-position: -3104px 0px;
}
.ranking-concrete-cms {
background-position: -3201px 0px;
}
.ranking-webs-cms {
background-position: -3298px 0px;
}
.ranking-yola-cms {
background-position: -3395px 0px;
}
#opportunities .large-icon{
margin-bottom: 10px;
color: #c52127;
}
#opportunities .list-group{
box-shadow: 0 0 20px rgba(0,0,0,.1);
}
#opportunities .card-deck{
width: 100%;
}
#opportunities .collapse .card{
margin-top: 30px;
padding: 40px;
}
#opportunities{
background: #f5f5f5;
}
#opportunities h2{
margin-bottom: 20px;
}
#opportunities h4{
margin-top: 20px;
}
#opportunities h3{
margin-bottom: 20px;
}
#opportunities .list-group-item {
line-height: 38px;
}
#opportunities .list-group-item:hover{
background: #f5f5f5;
}
#opportunities .btn{
float: right;
}
#opportunities .btn-link:hover{
text-decoration: none;
}
#opportunities .btn::after{
content: '\f054';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-left: 10px;
}
#opportunities .place{
float: right;
margin-right: 40px;
}
#opportunities .place::before{
content: '\f3c5';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-right: 10px;
color: #999;
}
#header.opportunity{
background: linear-gradient(to right, #27283c 0%, #27283c 100%), url(/wp-content/themes/whc/css-modules/images/image-mockups/career.jpg) center -60px;
}
#opportunity{
padding: 20px 0 60px 0;
}
#opportunity .btn i{
margin-right: 8px;
}
#opportunity .float-right .text-secondary{
width: 25px;
}
#opportunity .float-right .btn-primary{
margin-left: 25px;
}
#opportunity h4{
margin-top: 40px;
}
#opportunity hr{
margin: 2rem 0;
}
#opportunity .col-sm-12, #opportunity button{
margin-top: 20px;
}
#table-affiliates{
background: white;
max-width: 500px;
margin: 20px auto 0;
}
#table-affiliates td:first-child, #table-affiliates th:first-child{
text-align: left;
}
#table-affiliates td:last-child, #table-affiliates th:last-child{
text-align: right;
}
#table-affiliates td[colspan="2"] {
font-weight: bold;
padding-top: 10px;
text-align: center;
background: #33354F;
color: white;
font-size: large;
}
#table-affiliates td[colspan="2"] a{
color: white;
}
.legal-header {
font-size: 24px;
font-weight: bold;
padding-top: 20px;
text-align: center;
background: linear-gradient(40deg,#c0242e 0,#097ffa 100%);
color: white;
padding-bottom: 20px;
width: 100%;
}
#testimonial{
background: #ecebe7;
}
#testimonial .card img{
width: 100px;
border-radius: 50px;
margin-bottom: 15px;
/*margin-top: -90px;*/
margin-left: calc(50% - 50px);
}
#testimonial .card p{
margin-top: 10px;
}
#testimonials{
padding:65px 0;
background: #272638 url(/wp-content/themes/whc/images/testimonial.jpg) top center no-repeat;
color: white;
}
#testimonials .person{
margin-top: 40px;
}
#testimonials .person strong{
font-size: x-large;
}
#testimonials .card{
box-shadow: 0 0 20px #ddd;
margin-top: 105px;
border: 0;
min-height: 356px;
margin-bottom: 32px;
}
#testimonials .card img{
width: 100px;
border-radius: 50px;
margin-top: -70px;
position: absolute;
left: calc(50% - 50px);
}
#testimonials .card-body{
padding: 40px 30px 20px 30px;
}
#testimonials .card-footer{
border: 1px solid #eee;
}
#testimonials .fa-star{
margin-bottom: 20px;
margin-right: 5px;
}
#testimonials .col-sm-12{
min-height: 315px
}
#testimonials p{
font-family: 'Bitter';
font-size: large;
font-style: italic;
line-height: 1.8em;
color: #ddd;
}
#testimonials p:before{
content: '“';
font-size: x-large;
color: white;
margin-right: 4px;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
#testimonials p:after{
content: '”';
font-size: x-large;
color: white;
margin-left: 4px;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
#testimonials .btn-outline-light{
margin-top: 20px;
}
#testimonials .carousel-indicators{
margin-bottom: -30px;
}
#testimonials .carousel-indicators li:hover{
cursor: pointer;
}
#include .large-icon{
color: #c52127;
}
#include .large-icon .fa-envelope{
font-size: 120px;
}
#include .large-icon .fa-shield-alt{
position: absolute;
right: 56px;
text-shadow: -4px 0 #eee, 0 4px #eee, 4px 0 #eee, 0 -4px #eee;
}
.domainsincart-wrapper {
opacity: 1;
z-index: 50 !important;
}
#selecteddomainsincart{
padding-top: 20px;
}
.domainsincart{
max-height: 200px;
overflow-y: scroll;
}
.tldCartContent hr{
margin: 10px 0 !important;
}
.domainincart{
height: 25px;
border-top: 1px solid #e5e5e5;
}
.domainincart:first-of-type{
height: 25px;
border-top: 0;
}
.domainincart .domainame{
text-align: left !important;
}
.domainincart .price, .domainincart .price{
text-align: right !important;
padding-bottom: 10px;
color: #c52127 !important;
font-weight: bold !important;
/*margin-top: 4px;*/
}
.domainincart .price, .domainincart .price del{
font-weight: normal;
color: #666;
margin-left: 5px;
}
.domainsincart table{
margin: 5px auto !important;
}
.domainsincart{
background: #33354F !important;
font-size: small !important;
}
.domaincheckout{
margin-top: -6px;
}
/*.added-remove-button i{
color: #c0242e;
}*/
.nw-domains #selecteddomainsincart {
max-width: 600px !important;
margin: 0 auto;
font-size: large;
}
.domainincart .remove a {
/*background: url(/wp-content/themes/whc/css-modules/images/close-symbol-white.png?v1?v1) right center no-repeat;
background-size: 12px;
padding-right: 19px;
color: white!important;*/
color: white;
}
#faq{
padding:65px 0
}
#faq h2{
font-size: 38px;
}
#faq h5 .btn, #include h5 .btn{
font-size: x-large !important;
color: inherit;
text-align: left !important;
white-space: initial;
padding-left: 30px;
}
#faq h5 .btn:hover, #include h5 .btn:hover{
text-decoration: none;
cursor: pointer;
}
#faq .card, #include .card{
border:0;
background: none;
}
#faq .card-body, #include .card-body{
padding:0 35px;
}
#faq .card-body ul li, #include .card-body ul li{
padding:6px 0;
}
#faq .card-header, #include .card-header{
border: 0;
background: none;
padding: 10px 20px;
}
#faq .card-header h5 .btn:before, #include .card-header h5 .btn:before{
content: "\f078";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
display: inline-block;
position: absolute;
width: 25px;
margin-left: -30px;
}
#faq .card-header h5 .btn.collapsed:before, #include .card-header h5 .btn.collapsed:before{
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: #097ffa;
padding-right: 0.5em;
display: inline-block;
width: 25px;
}
#faq hr, #include hr{
margin-top: 30px;
}
#faq .text-secondary a, #include .text-secondary a{
margin-left: 10px;
text-decoration: underline;
color: #6c757d!important;
}
.disclaimers{
background: #ecebe7;
font-size: small;
padding: 20px 0;
color: #666;
}
#disclaimers h5{
font-weight: bold;
}
#disclaimers ul{
list-style: none;
padding-left: 0;
}
#disclaimers ul li{
margin-bottom: 20px;
}
#footer{
background:#27283c;
color:white;
padding:40px 0;
font-size: small;
}
#footer ul{
list-style:none;
display:inline-flex;
margin:0;
padding-left: 20px;
}
#footer ul li:first-child{
margin-right:10px;
padding-right:10px;
border-right:1px solid #666;
}
#footer ul li a{
color:#ccc
}
#disclaimers .modal-header{
padding:15px 30px;
}
#disclaimers .modal-body{
background:#eee;
padding:15px 30px;
border-radius: 0 0 6px 6px;
font-size: small;
}
.scrolltable{
width: 100%;
max-height: 400px;
overflow: auto;
}
#pre-footer{
background: #33354F;
color: white;
padding: 40px 40px 20px 40px;
}
#pre-footer ul{
list-style: none;
padding-left: 0;
}
#pre-footer ul li{
color: #8a8ca2;
font-size: small;
}
#pre-footer ul li:first-child{
font-weight: 600;
margin-bottom: 10px;
font-size: medium;
color: white;
}
#pre-footer ul li:last-child{
margin-bottom: 20px;
}
#pre-footer ul li a{
color: #8a8ca2;
font-size: small;
padding-bottom: 5px;
}
#pre-footer ul.whc li:first-child{
margin-bottom: 10px;
font-size: medium;
}
#pre-footer ul.whc li:nth-child(2){
font-size: small;
color: #8a8ca2;
}
#pre-footer ul.whc li:last-child{
font-size: medium;
}
#pre-footer ul.whc li{
margin-bottom: 20px;
font-size: small;
font-weight: 600;
color: white;
}
#pre-footer ul.whc li i{
color: #8a8ca2;
font-size: large;
margin-right: 5px;
}
#pre-footer .fa-stack{
font-size: medium;
}
#pre-footer .fa-stack-2x{
font-size: 2em !important;
}
#pre-footer .facebook .fa-stack-2x{
color: #3e5b94;
}
#pre-footer .twitter .fa-stack-2x{
color: #57acea;
}
#pre-footer .linkedin .fa-stack-2x{
color: #0f78b1;
}
#pre-footer .instagram .fa-stack-2x{
background: -webkit-linear-gradient(45deg, #ffbe08 0%, #f44635 50%, #9c27b0 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-color: #C13584;
}
#pre-footer .youtube .fa-stack-2x{
color: #FF0000;
}
#pre-footer .facebook:hover, #pre-footer .twitter:hover, #pre-footer .linkedin:hover, #pre-footer .youtube:hover, #pre-footer .instagram:hover{
text-decoration: none;
}
#pre-footer .fa-inverse{
color: white !important;
}
#pre-footer .col-md-12{
border-top: 1px solid rgba(137,139,152,0.5);
margin-top: 10px;
padding-top: 20px;
}
#pre-footer .pull-right{
color: #8a8ca2;
font-size: small;
margin-top: 5px;
}
#pre-footer .pull-right i{
color: white;
margin-left: 25px;
margin-right: 5px;
}
.pagination-blog{
padding: 20px;
}
.pagination-blog i{
margin-right: 5px;
}
.pagination-blog .btn{
margin-right: 15px;
margin-bottom: 20px;
}
.single{
background: linear-gradient(to bottom, #ddd 0%,white 500px);
}
.single .thumbnail-article{
width: calc(100% + 20px);
margin: -10px -10px 40px -10px;
}
.single code{
color: white;
font-size: 100%!important;
padding: 10px 20px !important;
background: #333 !important;
width: 100%;
display: block;
margin: 15px 0;
border-radius: 6px;
}
.single code.inlineCode{
display: inline-block;
width: auto;
padding: 0px 8px !important;
margin: 0;
}
.single h1{
text-align: left;
margin-bottom: 30px;
}
.single h2{
margin: 30px 0 10px 0;
}
.single table:not(.table-borderless) th {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
text-align: center;
}
.single table:not(.table-borderless) td {
border: 1px solid #ccc;
text-align: center;
}
.single .domains td{
border: none;
text-align: left;
width: 25%;
}
.single .domains td:before{
content: '.';
}
.single .breadcrumb{
font-size: small;
margin-bottom: 0;
background: none;
}
/*.single .blog-single #content{
background: white;
padding: 40px;
}*/
.single #article{
background: white;
padding: 10px;
}
.single #article .card p{
margin-bottom: 0;
}
.single #article .card.rating{
margin-top: 40px;
}
.single #article .card.rating i{
color: #ffc107!important;
}
.single #article .card.rating h3{
margin-top: 0;
}
.single #article .card.rating ul{
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.single #article .card.rating ul li{
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: 1px solid #eee;
}
.single #article .card ul li:first-child{
font-weight: bold;
}
.single #article .card ul li:last-child{
border-bottom: 0;
}
.single #article .card ul li span{
float: right;
}
#aboutWHC {
position: sticky;
top: 20px;
display: table;
font-size: 15px;
padding: 0;
}
#aboutWHC .boxAboutWHC{
border: 1px solid #eee;
padding: 20px 25px;
border-radius: 3px;
background: white;
}
#aboutWHC ul{
list-style: none;
padding-left: 0;
margin: 8px 0;
}
#aboutWHC ul li{
padding: 8px 0;
font-weight: 500;
}
#aboutWHC ul li i{
margin-right: 10px;
color: #c52127;
}
#aboutWHC ul a{
color: inherit;
}
#aboutWHC ul a li:after{
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
float: right;
color: #ccc;
transition: .2s;
}
#aboutWHC ul a:hover{
text-decoration: none;
}
#aboutWHC ul a:hover li:after{
color: #097ffa;
}
.bnrWHC{
max-width: 100%;
margin-top: 10px;
}
.single #article h2, .single #article h3, .single #article h4, .single #article h5{
margin: 40px 0 15px 0;
}
.single #article h4.interview{
font-weight: 400 !important;
}
.single #article .alert-heading {
color: inherit;
margin: 0 0 10px 0 !important;
}
.single #article .alert-info p:last-of-type {
margin-bottom: 0;
}
#aboutWHC .blog-social-media{
text-align: left;
margin-top: 20px;
}
/*.single .blog-social-media a{
margin-top: 5px;
color: white;
}
.single .blog-social-media a i{
margin-right: 5px;
}*/
#aboutWHC .blog-social-media a {
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
color: white;
margin: 0 2px;
}
#aboutWHC .blog-social-media a.fb, .shareArticle a.fb{
background: #3b5998 !important;
}
#aboutWHC .blog-social-media a.tw, .shareArticle a.tw{
background: #1da1f2 !important;
}
#aboutWHC .blog-social-media a.gp{
background: #db4437 !important;
}
#aboutWHC .blog-social-media a.li, .shareArticle a.li{
background: #006699 !important;
}
.shareArticle a{
background: #999;
padding: 4px 12px;
border-radius: 3px;
margin: 5px 0 5px 5px;
font-weight: 500;
color: white;
font-size: 14px;
display: inline-block;
}
.shareArticle a:hover{
text-decoration: none;
}
.shareArticle a i{
margin-right: 10px;
}
.shareArticle a span:last-of-type{
font-weight: normal;
margin-left: 5px;
}
.single .blogback{
margin-top: 40px;
display: inline;
}
.single .desc{
margin-bottom: 40px;
line-height: 1.8em;
}
.single .desc img.capture{
max-width: 100%;
border: 1px solid #DEDEDE;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
border-radius: 6px;
background-clip: padding-box;
}
.single .desc div img.capture{
margin-bottom: 1rem;
}
.single li img.capture{
margin: 1rem 0;
}
.single .desc h2{
font-size: 32px;
}
.single .desc h3{
font-size: 24px;
}
.single .desc h4{
font-size: 16px;
}
.single .french-date, .single .english-date{
float: right;
color: #999;
font-size: small;
}
.single #article{
max-width: 850px;
margin: 0 auto;
}
.single .alert.list{
color: initial;
}
.single .alert.list ul{
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.single .alert.list ul li{
padding: 5px 0;
display: inline-block;
width: 49%;
}
.single .alert.list ul li i{
margin-right: 10px;
}
#post-1416, #post-1395, #post-11952, #post-12085, .archive, .page-template-searchpage{
background: #eee;
}
[lang="en-CA"] .french-date{
display: none;
}
[lang="fr-CA"] .english-date{
display: none;
}
.single .blog-comments-parent{
margin-top: 60px;
display: none;
}
.single .card{
margin-top: 20px;
}
.single #content ol{
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 20px;
}
.single #content ol li {
counter-increment: list;
padding: 10px 0 10px 35px;
}
.single #content ol li:before {
background-color: #8a8ca2;
width: 24px;
text-align: center;
padding-left: 0px;
height: 24px;
line-height: 24px;
vertical-align: top;
border-radius: 13px;
background-clip: padding-box;
color: white;
display: inline-block;
font-weight: 700;
content: counter(list);
margin-right: 15px;
margin-top: 3px;
position: absolute;
margin-left: -35px;
font-size: 14px;
}
.single #content ol li ol{
margin-bottom: 0;
}
.single #content ol li ol li:before {
background: #c3c3d1;
color: initial;
}
.single #content ol li ol li:first-child {
counter-reset: list 0;
}
.single #content ol li ol li:last-child{
padding-bottom: 0;
}
.single #content ol li ul li:before{
display: none !important;
}
.single #content ol li ul li{
padding: 0 !important;
counter-increment: none;
}
.single #content ol li h3{
margin-top: -4px;
}
.single .card h5{
min-height: 50px;
}
.single .alsoOnTheBlog .card h5{
min-height: auto;
}
.single blockquote{
margin-bottom: 1rem;
font-size: 1.25rem;
padding: 20px 30px 20px 50px;
border-left: 8px solid #097ffa;
background: #f5f5f5;
}
.single blockquote:before{
content: "\201C";
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #bbb;
margin: 15px 0 50px -40px;
float: left;
}
.single blockquote p{
margin: 0;
}
.single blockquote.noQuote{
padding: 20px 30px;
}
.single blockquote.noQuote:before{
display: none;
}
cite{
display: block;
font-size: 80%;
color: #6c757d;
margin-top: 10px;
margin-left: 10px;
}
.live-chat-icon {
background-image: url(/wp-content/themes/whc/css-modules/images/icon-sprite.png?v1?v1);
background-repeat: no-repeat;
background-position: -66px -656px;
height: 90px;
box-sizing: border-box;
width: 90px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: white;
border: 1px solid rgb(231, 231, 231);
position: fixed;
right: 0px;
bottom: 20px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
z-index: 2001;
}
.live-chat-icon:hover {
cursor: pointer;
}
.live-chat-permanent {
position: fixed;
bottom: 0;
right: 10px;
background-color: #484747;
z-index: 1999;
color: white;
padding: 11px;
padding-left: 56px;
cursor: pointer;
font-weight: bold;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #333333;
border-bottom: none;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
.live-chat-permanent a {
color: white!important;
}
.live-chat-permanent:before {
content: "";
background-color: #0FED6B;
position: absolute;
height: 8px;
width: 8px;
margin-left: -19px;
border-radius: 20px;
margin-top: 4px;
border: 1px solid #484747;
}
.live-chat-permanent:after {
margin-top: -1px;
position: absolute;
content: "";
height: 20px;
width: 23px;
background-image: url(/wp-content/themes/whc/css-modules/images/icon-sprite.png?v1?v1);
margin-left: 9px;
background-position: -67px -692px;
left: 0;
}
.live-chat-permanent:hover {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-color: #1C6DBB;
border-color: #1B7142;
}
.live-chat-wrapper {
height: 192px;
background-color: white;
position: fixed;
bottom: 20px;
z-index: 900000000;
color: #27283c !important;
right: -400px;
border-radius: 10px;
box-shadow: 0 50px 100px rgba(0,0,0,0.3);
transition: all 0.2s;
width: 373px;
box-sizing: border-box;
}
.live-chat-wrapper.visible {
right: 20px;
}
.live-chat-wrapper .launchChatSession{
margin-left:20px;
}
.live-chat-wrapper .launchChatSession i{
margin-right:5px;
}
.domain-price-popup-close {
background-image: url(/wp-content/themes/whc/css-modules/images/close-symbol.png?v1?v1);
background-repeat: no-repeat;
background-position: 4px 4px;
background-size: 17px;
position: absolute;
cursor: pointer;
margin-left: -15px;
margin-top: -15px;
height: 28px;
width: 28px;
background-color: #F7F7F7;
border-radius: 25px;
border: 2px solid #313131;
}
.live-chat-close{
position: absolute;
cursor: pointer;
margin-left: 0;
color: white;
right: 10px;
margin-top: 10px;
height: 28px;
width: 28px;
background-color: #F7F7F7;
border-radius: 25px;
border: 2px solid white;
z-index: 1;
}
.live-chat-close{
background: none !important;
}
.live-chat-close:hover {
cursor: pointer;
}
.live-chat-text-header {
font-weight: bold;
margin-top: 0;
padding: 8px 20px;
margin-bottom: 10px;
width: 100%;
border-radius: 10px 10px 0 0;
margin-left: 0;
font-size: 24px;
background-image: url(/wp-content/themes/whc/images/pattern.svg), linear-gradient(40deg,#c0242e 0,#097ffa 100%);
background-size: 380px, contain;
justify-content: center;
color: rgba(255,255,255,0.75);
background-position: right bottom;
}
.live-chat-text-sub {
font-size: small;
margin-top: 6px;
line-height: normal;
width: 158px;
margin-left: 20px;
}
.live-chat-girl {
background-image: url(/wp-content/themes/whc/css-modules/images/live-chat-person.png?v1?v1);
height: 220px;
width: 205px;
right: 0;
position: absolute;
margin-top: -28px;
}
.live-chat-menu {
width: 100%;
height: 47px;
font-size: 16px;
font-weight: bold;
z-index: 5;
bottom: -16px;
position: absolute;
box-sizing: border-box;
background-color: #b60b1e;
padding-left: 0;
display: none;
}
.live-chat-menu a:hover{
text-decoration: none !important;
}
.live-chat-menu .launchChatSession{
display: block!important;
}
.live-chat-menu li {
display: inline-block;
margin-right: -4px;
}
.live-chat-menu li a:hover {
cursor: pointer;
background-color: #9a1200;
border-bottom: 4px solid #9a1200;
}
.live-chat-menu li a {
border-top: solid 1px #B5626B;
color: white;
box-sizing: border-box;
background-repeat: no-repeat;
display: inline-block;
padding: 17px;
height: 47px;
float: left;
padding-top: 9px;
border-right: 1px solid #9a1200;
border-bottom: 4px solid #9a1200;
}
.live-chat-menu li:nth-child(2) a {
width: 118px;
}
.live-chat-menu li:nth-child(2) a:lang(fr-CA) {
width: 118px;
}
.live-chat-menu li:first-child a {
/*background-image: url(/wp-content/themes/whc/css-modules/images/green-light.png?v1?v1);
background-position: 15px 18px;
padding-left: 30px;*/
width: 166px;
white-space: nowrap;
}
.live-chat-menu li:first-child a:before{
content: "\f111";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-right: 8px;
font-size: xx-small;
color: #28a745!important;
}
.live-chat-menu li:first-child a:lang(fr-CA) {
width: 169px;
}
.live-chat-contact-numbers {
height: 211px;
top: -66px;
position: ABSOLUTE;
width: 100%;
background-color: #484747;
z-index: 4;
padding: 14px;
margin-top: 211px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
display: none;
}
.display-numbers {
margin-top: 0px;
}
.close-contact-numbers {
background-image: url(/wp-content/themes/whc/css-modules/images/close-symbol-white.png?v1?v1);
background-repeat: no-repeat;
background-size: 17px;
height: 17px;
position: absolute;
right: 17px;
margin-right: 26px;
width: 17px;
cursor: pointer;
}
.live-chat-contact-numbers-text {
font-size: 20px;
margin-top: 47px;
text-align: center;
color: white;
}
.live-chat-menu li:nth-child(3) a {
/*background-image: url(/wp-content/themes/whc/css-modules/images/fb-logo-chat.png?v1?v1);
background-size: 11px;*/
width: 44px;
background-position: 16px 9px;
}
.live-chat-menu li:nth-child(4) a {
/*background-image: url(/wp-content/themes/whc/css-modules/images/Twitter-logo-chat.png?v1?v1);
border-right: none;
background-size: 23px;*/
width: 44px;
background-position: 11px 13px;
}
#infobubble_wrapper{
display: inline-block;
color: #097ffa;
margin: 0 10px 0 2px;
}
.infobubble{
display: inline-block;
color: #bbb;
margin: 0 10px 0 4px;
top: 16px;
margin-left: 6px;
font-size: medium;
line-height: 34px;
}
#post-1416 header, #post-1395 header{
margin-bottom: 0;
}
.blog-menu{
background: #33354F;
padding: 18px 0;
margin-bottom: 40px;
}
.page-template-searchpage .blog-menu{
margin-bottom: 0;
}
.blog-menu ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.blog-menu ul.collapse{
display: block;
}
.blog-menu ul li{
display: inline-block;
margin-right: 20px;
}
.blog-menu ul li:last-child{
margin-right: 0;
}
.blog-menu ul li a{
color: rgba(255,255,255,.6);
transition: .2s;
font-size: 14px;
}
.blog-menu ul li a:hover{
color: white;
text-decoration: none;
}
.blog-menu ul li i{
margin-right: 8px;
color: #8a8ca2;
display: none;
}
.blog-menu form{
float: right;
}
.blog-menu form input {
background: rgba(255,255,255,0.1);
border: none;
padding: 4px 12px;
border-radius: 3px;
color: white;
font-size: 14px;
margin-top: -1px;
}
.blog-menu form input::placeholder {
color: rgba(255,255,255,.6);
}
.blog-menu form button {
background: none;
border: none;
color: white;
padding: 0;
position: absolute;
font-size: large;
margin-left: -28px;
}
.select-cat {
background: none;
border: 0;
color: white;
padding: 0;
display: none;
font-size: 12px;
}
.select-cat i{
margin-right: 10px;
}
.whc-search{
margin-top: -40px;
}
.blog-single nav{
display: none;
}
#gogreen{
background: rgba(40,167,69,0.15);
padding: 60px 0;
text-align: center;
}
#gogreen img{
height: 100px;
margin: 30px 0 20px 0;
}
#gogreen h4{
color: rgba(40,167,69,1)
}
#whcnumbers{
text-align: center;
background: white;
margin-bottom: 40px;
margin-top: -170px;
padding: 40px;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
border-radius: 3px;
font-size: large;
font-weight: 500;
}
#whcnumbers h4{
margin: 10px 0 0 0;
font-size: xx-large;
}
#include img.caliveshere {
float: right;
margin: 0 0 0 40px;
height: 470px;
}
#halloween{
background: url(/wp-content/themes/whc/images/banners/halloween-background.svg) #ff9300 no-repeat top left;
background-size: cover;
padding: 80px 10px;
text-align: center;
}
.post-78 #halloween, .post-134 #halloween, .post-3223 #halloween, .post-3272 #halloween{
padding: 30px 10px;
}
#halloween img{
max-width: 80%;
max-height: 350px;
}
#halloween .halloween-sale{
text-align: right;
padding-top: 20px;
max-height: 250px;
}
#halloween .halloween-hosting{
text-align: left;
}
#halloween .halloween-hosting img{
max-height: 250px;
max-width: 60%;
}
.post-78 #halloween img, .post-134 #halloween img, .post-3223 #halloween img, .post-3272 #halloween img{
width: fit-content;
max-width: 300px;
}
#promobanner{
padding: 60px 10px;
text-align: center;
color: white;
max-height: 450px;
}
#promobanner img {
max-width: 100%;
max-height: 200px;
}
#promobanner a.btn-lg {
margin: 10px 5px;
}
#promobanner ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
font-size: 20px;
margin-top: 20px;
}
#promoinnerbanner{
padding: 20px 10px;
text-align: center;
color: white;
max-height: 250px;
/*text-transform: uppercase;*/
font-size: x-large;
border-top: 1px solid white;
}
#promoinnerbanner a{
text-transform: uppercase;
font-weight: 500;
}
#promoinnerbanner img {
max-width: 100%;
max-height: 65px;
display: block;
margin: 0 auto;
}
#promoinnerbanner.newyear img, #promoinnerbanner.nouvelan img {
max-width: 100%;
max-height: 160px;
display: block;
margin: -20px auto 5px;
}
#promobanner.june-flash, #promobanner.juin-flash {
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
/*[lang="FR-CA"] #promoinnerbanner img{
max-height: 80px;
}*/
#promoinnerbanner .details{
padding: 50px 0 0;
}
#promoinnerbanner.newyear .details, #promoinnerbanner.nouvelan .details {
padding: 45px 0 0;
font-size: x-large;
}
#promodealsbanner{
padding: 40px 10px;
text-align: center;
color: white;
max-height: 650px;
}
#promodealsbanner img {
width: 100%;
max-height: 250px;
max-width: 650px;
}
#promoinnerbanner small{
margin-left: 10px;
/*font-size: 12px;*/
display: block;
}
#promoinnerbanner .badge{
text-shadow: none;
}
#promoinnerbanner.blackfriday p, #promoinnerbanner.vendredifou p{
margin-bottom: 0;
}
#promoinnerbanner.blackfriday strong, #promoinnerbanner.vendredifou strong{
color: #e2091f;
}
#promoinnerbanner.spookysavings{
color: black;
}
#promoinnerbanner.spookysavings.fr .details{
font-size: large;
}
/*#promoinnerbanner.spookysavings.fr .details strong{
font-size: x-large;
}*/
#promoinnerbanner.spookysavings img.promo-logo {
max-width: 100%;
max-height: 150px;
display: block;
margin: 10px auto;
}
#promoinnerbanner.spookysavings img.spider-img {
float: left;
margin: 0 0 -100px;
max-height: 100px;
}
#promoinnerbanner.spookysavings img.bats-img {
float: right;
margin: 0 0 -100px;
max-height: 100px;
}
#plans.spookysavings{
background: #ff8900 url(/wp-content/themes/whc/images/banners/spooky-savings-neutral-background.svg) center bottom no-repeat;
padding: 0 0 150px;
}
#plans.spookysavings .spookyTopBackground {
background: #ff8900 url(/wp-content/themes/whc/images/banners/spooky-clouds.svg) center top no-repeat;
width: 100%;
height: 250px;
position: absolute;
}
#plans.spookysavings .mp{
background: #ff5e00;
}
#plans.spookysavings .col.plan{
background: rgba(255,255,255,0.85);
}
#plans.spookysavings .col.colmp{
background: white;
}
#plans.spookysavings .fa-bicycle:before{
content: "\f6e2";
}
#plans.spookysavings .fa-rocket:before{
content: "\f51a";
}
#plans.spookysavings .fa-building:before{
content: "\f717";
}
#plans.spookysavings .iplan, #plans.spookysavings .col .price strong{
color: #ff5e00;
}
#promobanner.blackfriday, #promoinnerbanner.blackfriday, #promodealsbanner.blackfriday, #promobanner.vendredifou, #promoinnerbanner.vendredifou, #promodealsbanner.vendredifou{
background: #1c2021 url("/wp-content/themes/whc/images/banners/background-blackfriday-2021.jpg") center;
/*background: #000000;*/
background-size: cover;
max-height: none;
}
#promobanner.cyberweek, #promoinnerbanner.cyberweek, #promodealsbanner.cyberweek, #promobanner.cybersemaine, #promoinnerbanner.cybersemaine, #promodealsbanner.cybersemaine{
background: #1c2021 url(/wp-content/themes/whc/images/banners/cyberpixels.jpg) center top;
background-size: cover;
max-height: none;
}
#promobanner.boxingweek, #promoinnerbanner.boxingweek, #promodealsbanner.boxingweek, #promobanner.soldesapresnoel, #promoinnerbanner.soldesapresnoel, #promodealsbanner.soldesapresnoel{
background: url(/wp-content/themes/whc/images/banners/boxing-week-2020.png) top center, linear-gradient(10deg, rgba(0,0,0,1) 0%, #c52127 100%);
background-size: cover;
}
#promobanner.newyear, #promoinnerbanner.newyear, #promodealsbanner.newyear, #promobanner.nouvelan, #promoinnerbanner.nouvelan, #promodealsbanner.nouvelan{
background: #0052ce url(/wp-content/themes/whc/images/banners/new-year-2022-background.jpg) no-repeat center bottom;
background-size: cover;
max-height: none;
text-align: center;
padding: 40px 10px;
}
#promoinnerbanner.newyear, #promoinnerbanner.nouvelan{
background-size: cover !important;
padding: 0;
background-position: center bottom -50px;
}
#promobanner.spring, #promodealsbanner.spring, #promobanner.printemps, #promodealsbanner.printemps{
background: #235767 url(/wp-content/themes/whc/images/banners/spring-background.jpg) no-repeat top center;
background-size: cover;
max-height: none;
text-align: center;
padding: 40px 10px;
}
#promobanner.single-spotlight{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
text-align: left;
padding: 120px 20px;
max-height: none;
}
#promobanner.single-spotlight.showCountdown{
padding: 120px 20px;
}
#promobanner.single-spotlight img{
box-shadow: 0 0 32px 5px rgb(0 23 143);
border-radius: 9px;
width: 650px;
position: absolute;
right: calc(50% - 600px);
top: calc(50% - 200px);
max-width: none;
max-height: none;
}
#promobanner.single-spotlight h2{
margin-bottom: 0;
}
#promobanner.single-spotlight #countdown{
margin: 20px 0 10px;
display: none;
}
#promobanner.single-spotlight.showCountdown #countdown{
display: block;
}
/*
#promobanner.single-spotlight #countdown small{
display: none;
}
*/
#promobanner.single-spotlight #countdown .time, .promo-wrapper #countdown .time{
background: #ffffff32;
color: white;
border-radius: 12px;
font-size: 26px;
font-weight: 500;
width: 60px;
line-height: 60px;
}
#promobanner.single-spotlight #countdown.small .colon {
line-height: 60px;
}
#promobanner.single-spotlight .small-details{
display: block;
}
#promobanner.single-spotlight .small-details a{
color: white;
text-decoration: underline;
}
#promoinnerbanner.spring, #promoinnerbanner.printemps{
background: #235767 url(/wp-content/themes/whc/images/banners/spring-background.jpg) no-repeat top center;
background-size: cover;
max-height: none;
text-align: center;
padding: 20px 10px;
}
#post-78 #header.spring, #post-134 #header.printemps
/* Canadian Web Hosting - Spring Campaign */{
background-color: #235767;
background: linear-gradient(to right, rgba(39,40,40,0.5) 40%, rgba(39,40,40,0) 75%), url(/wp-content/themes/whc/images/banners/spring-inner-background.jpg) no-repeat top center;
background-blend-mode: normal;
}
#post-78 #header.summer-sale, #post-134 #header.summer-sale
/* Canadian Web Hosting - Spring Campaign */{
background-color: #235767;
background: linear-gradient(to right, rgba(39,40,40,0.5) 40%, rgba(39,40,40,0) 75%), url("/wp-content/themes/whc/images/banners/summer-sale-2021-background.jpg") no-repeat bottom center;
background-blend-mode: normal;
}
#post-78 #header.christmas-july, #post-134 #header.noel-juillet
/* Canadian Web Hosting - Spring Campaign */{
background-color: #235767;
background: url("/wp-content/themes/whc/images/banners/christmas-july-background-flipped.svg") no-repeat bottom right;
background-blend-mode: normal;
color: initial;
}
#post-78 #header.christmas-july h1, #post-134 #header.noel-juillet h1{
text-shadow: none;
}
#post-78 #header.halloween, #post-134 #header.halloween.fr
/* Canadian Web Hosting - Halloween Campaign */{
background: #ff8900 url(/wp-content/themes/whc/images/banners/spooky-savings-background.svg) bottom center no-repeat;
background-size: 100% !important;
background-blend-mode: normal;
color: #000;
padding: 50px 0 150px;
}
#post-134 #header.halloween.fr{
background: #ff8900 url(/wp-content/themes/whc/images/banners/promo-monstre-background.svg) bottom center no-repeat;
}
#post-78 #header.halloween .btn, #post-134 #header.halloween.fr .btn{
background: #000 !important;
border: 1px solid #000 !important;
color: #ff9300 !important;
}
#post-78 #header.blackfriday, #post-134 #header.vendredifou, #post-10462 #header.blackfriday, #post-10476 #header.vendredifou
/* Canadian Web Hosting & Managed WordPress - Black Friday */{
background: linear-gradient(to right, rgba(39,40,40,0.5) 40%, rgba(39,40,40,0) 75%), #142028 url(/wp-content/themes/whc/images/banners/background-blackfriday-2021.jpg) center center no-repeat;
background-size: 100% !important;
background-blend-mode: normal;
}
#post-78 #header.adventcalendar, #post-134 #header.adventcalendar, #post-10462 #header.adventcalendar, #post-10476 #header.adventcalendar
/* Canadian Web Hosting & Managed WordPress - Advent Calendar */{
background: linear-gradient(to right, rgba(39,40,40,0.5) 40%, rgba(39,40,40,0) 75%), #C32127 url(/wp-content/themes/whc/images/banners/advent-calendar-home-background.svg) center right no-repeat;
background-size: cover !important;
background-blend-mode: normal;
}
#post-78 #header.newyear, #post-134 #header.nouvelan
/* Canadian Web Hosting - New Year */{
background: url(/wp-content/themes/whc/images/banners/new-year-2022-background.jpg) center bottom no-repeat;
background-size: cover !important;
background-blend-mode: normal;
}
#post-78 #header.valentinesDay, #post-134 #header.valentinesDay
/* Canadian Web Hosting - Valentine's Day */{
background: #27283c;
background-size: cover !important;
background-blend-mode: normal;
}
#post-78 #header.valentinesDay, #post-134 #header.valentinesDay{
padding: 0;
}
#post-78 #header.valentinesDay .container {
background: url("/wp-content/themes/whc/images/banners/valentine-80OFF.jpg");
background-repeat: no-repeat;
background-position: bottom 0px right 0;
background-size: 485px;
padding: 80px 0;
}
#post-134 #header.valentinesDay .container {
background: url("/wp-content/themes/whc/images/banners/valentine-80RABAIS.jpg");
background-repeat: no-repeat;
background-position: bottom 0px right 0;
background-size: 485px;
padding: 80px 0;
}
#post-78 #header.valentinesDay h1, #post-134 #header.valentinesDay h1{
color: #ff6699;
}
#post-78 #header.valentinesDay #innerPromobanner .btn, #post-134 #header.valentinesDay #innerPromobanner .btn{
background: #ff6699;
border-color: #ff6699;
}
#flashPromo.valentinesDay{
background: #ff6699;
color: white;
text-align: center;
padding: 10px;
}
#flashPromo.valentinesDay a{
color: white;
font-weight: bold;
text-decoration: underline;
}
/* Canadian Web Hosting - New Year (Moose Perfect Sale) */
#promobanner.MoosePerfectSale, #promobanner.NouvelElan{
text-align: left;
color: #27283c;
background: #e6eaf550;
background: linear-gradient(to bottom, white 75%, #e6eaf5 100%);
padding: 0 10px;
max-height: none;
}
#promobanner.MoosePerfectSale #offer, #promobanner.NouvelElan #offer{
padding: 60px 0;
}
#promobanner.MoosePerfectSale #moose{
background: url("/wp-content/themes/whc/images/banners/moose.svg") bottom center no-repeat;
background-size: 500px;
height: 478px;
}
#promobanner.NouvelElan #moose{
background: url("/wp-content/themes/whc/images/banners/moose.svg") bottom center no-repeat;
background-size: contain;
height: 478px;
}
#promobanner.MoosePerfectSale h1, #promobanner.NouvelElan h1{
font-weight: 800 !important;
font-size: 2.6rem;
}
#promobanner.MoosePerfectSale h2, #promobanner.NouvelElan h2{
font-size: x-large;
}
#promobanner.MoosePerfectSale .price, #promobanner.NouvelElan .price {
font-size: 72px;
margin: 0 0 -5px;
display: block;
font-weight: 800;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#promobanner.MoosePerfectSale sup, #promobanner.NouvelElan sup{
font-size: xx-large;
vertical-align: middle;
}
#promobanner.MoosePerfectSale .cycle, #promobanner.NouvelElan .cycle {
font-weight: bold;
margin-left: -65px;
font-size: 15px;
font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#promobanner.MoosePerfectSale #countdown .time, #promobanner.NouvelElan #countdown .time{
background: none;
border: 1px solid #27283c;
}
#promobanner.MoosePerfectSale #countdown small, #promobanner.NouvelElan #countdown small{
background: none;
box-shadow: none;
}
#promobanner.MoosePerfectSale .btn, #promobanner.NouvelElan .btn{
width: 250px;
}
#promobanner.MoosePerfectSale small.text-muted, #promobanner.NouvelElan small.text-muted{
display: block;
margin-left: 5px;
}
#post-78 #header.MoosePerfectSale, #post-134 #header.NouvelElan{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#post-78 #header.MoosePerfectSale .promo, #post-134 #header.NouvelElan .promo {
max-width: 300px !important;
max-height: none !important;
}
@media screen and ( max-width: 1200px ) {
#promobanner.single-spotlight img{
width: 600px;
right: calc(50% - 620px);
top: calc(50% - 180px);
}
}
@media screen and ( max-width: 991px ) {
#promobanner.MoosePerfectSale, #promobanner.NouvelElan{
text-align: center;
}
#promobanner.MoosePerfectSale #moose, #promobanner.NouvelElan #moose {
background-size: contain;
height: 290px;
}
#post-78 #header.MoosePerfectSale .promo, #post-134 #header.NouvelElan .promo {
margin-top: 40px;
}
#promobanner.single-spotlight {
text-align: center;
padding: 40px 20px 300px;
}
#promobanner.single-spotlight img, [lang="fr-CA"] #promobanner.single-spotlight img {
box-shadow: none;
border-radius: 9px;
width: 700px;
position: absolute;
right: calc(50% - 350px);
top: calc(50% - -196px);
max-width: none;
max-height: none;
clip-path: polygon(0 0, 100% 0, 100% 251px, 0 251px);
}
#promobanner.single-spotlight.showCountdown {
padding: 40px 20px 275px;
}
}
/* BEGIN CSS FOR BACK TO BUSINESS */
#promobanner.back-business, #promobanner.back-business-fr {
/* background: url("/wp-content/themes/whc/images/banners/christmas-july-background.svg") #91ecff no-repeat center center; */
background: url("/wp-content/themes/whc/images/banners/b2b-banner-treesremoved-min.svg") #67cbff no-repeat center center;
background-size: cover;
text-align: center;
padding: 40px 10px;
max-height: none;
/* background-position: 20%; */
}
#promobanner.back-business .col-lg-6, #promobanner.back-business-fr .col-lg-6{
text-align: right;
}
@media screen and ( max-width: 992px ) {
#promobanner.back-business .col-lg-6, #promobanner.back-business-fr .col-lg-6{
text-align: center;
}
}
.b2btext {
margin-right: 30px;
margin-top: 40px;
}
@media screen and ( max-width: 992px ) {
.b2btext{
margin-right: 0px;
margin-top: 0px;
}
}
#post-78 #header .back-biz, #post-134 #header .back-biz
/* Canadian Web Hosting - Back to Business Campaign - remove .back-business for launch*/ {
background-color: #235767;
background: url("/wp-content/themes/whc/images/banners/en-back-business-hosting-banner.png") no-repeat bottom right;
background-blend-mode: normal;
color: initial;
}
@media screen and ( max-width: 1024px ) {
#post-78 #header .back-biz, #post-134 #header .back-biz {
background-position: 50%;
}
}
@media screen and ( max-width: 768px ) {
#post-78 #header .back-biz, #post-134 #header .back-biz {
/* background: url("/wp-content/themes/whc/images/banners/en-back-business-hosting-banner.png") no-repeat bottom right; */
background-image: none;
background-color: #004aad;
}
#promobanner.single-spotlight img{
display: none;
}
#promobanner.single-spotlight, #promobanner.single-spotlight.showCountdown{
padding: 40px 20px;
}
#promobanner.single-spotlight #countdown .time{
font-size: 16px;
width: 40px;
line-height: 40px;
}
#promobanner.single-spotlight #countdown.small .colon{
line-height: 40px;
}
}
/* END CSS FOR BACK TO BUSINESS */
#header img.promo {
/*max-width: 400px;*/
max-height: 200px;
width: 100%;
margin: 0 auto;
}
#promoinnerbanner.spring img {
max-width: 100%;
max-height: 200px;
display: block;
margin: -10px auto 0;
}
#promoinnerbanner.printemps img {
max-width: 100%;
max-height: 175px;
display: block;
margin: 0 auto;
}
#promoinnerbanner.boxingweek, #promoinnerbanner.soldesapresnoel{
text-shadow: 0 0 10px black;
}
#promobanner.boxingweek, #promobanner.soldesapresnoel{
max-height: none;
background: url(/wp-content/themes/whc/images/banners/boxing-week-2020-v2.png) top center, linear-gradient(10deg, rgba(0,0,0,1) 0%, #c52127 100%);
background-size: cover;
}
#promobanner .accroche {
display: block;
color: white;
font-size: xx-large;
}
#promobanner .box .text-danger{
color: #c52127 !important;
}
#promobanner .box .btn-danger{
background: #c52127 !important;
}
#promobanner .box {
background: white;
border-radius: 10px;
padding: 30px;
margin: 20px 0;
box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
}
#promobanner .box span, #promobanner .box small, #promobanner .box strong {
display: block;
}
#promobanner .box .service {
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: x-large;
margin: 10px 0;
line-height: normal;
}
#promobanner .box .price {
font-size: 42px;
font-weight: bold;
margin: -10px 0;
}
#promobanner .box .price small {
display: inline-block;
font-size: medium;
color: initial;
}
#promobanner .box .price sup{
font-size: medium;
vertical-align: super;
}
#promobanner .box .cycle {
font-weight: bold;
margin-bottom: 10px;
display: block;
}
#promobanner .box .badge{
display: inline-block;
}
#promobanner.halloween{
background: #ff8900 url("/wp-content/themes/whc/images/banners/spooky-savings-background.svg") bottom center no-repeat;
background-size: 100%;
color: black;
padding: 100px 10px 120px;
max-height: 700px;
}
#promobanner.halloween.fr{
background: #ff8900 url("/wp-content/themes/whc/images/banners/promo-monstre-background.svg") bottom center no-repeat;
}
.countdown {
font-size: x-large;
color: white;
}
#countdown {
font-size: medium;
margin-top: 20px;
}
.halloween:not(.fr) #countdown {
margin-top: 20px !important;
}
#innerPromobanner #countdown{
margin: -10px 0 10px;
}
#countdown p{
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: large;
margin-bottom: 10px;
}
#countdown .time {
background: white;
color: #000;
width: 65px;
line-height: 65px;
display: inline-block;
border-radius: 6px;
font-size: x-large;
text-align: center;
}
.halloween #countdown .time{
background: #000;
color: #ff8900;
}
.halloween #countdown .time .text-black-50{
color: rgba(255,252,252,0.50) !important;
}
#countdown small {
display: block;
font-size: small;
margin-top: 4px;
text-transform: uppercase;
text-align: center;
}
#countdown.small {
margin: 0;
}
#countdown.small .time {
font-size: large;
width: 52px;
line-height: 52px;
}
.col-lg-3 #countdown.small .time {
width: 48px;
line-height: 48px;
}
#countdown.small small {
color: white;
font-size: xx-small;
/* background: #ffffff15;*/
border-radius: 3px;
box-shadow: 0 0 35px 0 rgb(0 0 0 / 30%);
}
.halloween #countdown.small small {
background: #000;
color: #ff8900;
border: 1px solid #ff8900;
}
#countdown.small .colon {
line-height: 52px;
}
#innerPromobanner #countdown small{
font-size: x-small;
}
#countdown div {
display: inline-block;
margin: 0 5px;
}
#countdown .colon {
display: inline-block;
position: absolute;
line-height: 65px;
margin-left: -4px;
}
/*** ADVENT CALENDAR ***/
#promobanner.adventCalendar{
background: #C32127 url(/wp-content/themes/whc/images/banners/advent-calendar-home-background.svg) center top no-repeat;
background-size: cover;
max-height: none;
}
#promobanner.adventCalendar img.logo{
max-height: none;
}
#promobanner.adventCalendar .dealOf {
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: x-large;
font-style: italic;
display: block;
margin: 0 0 -18px;
}
#adventCalendar{
background: #C32127 url(/wp-content/themes/whc/images/banners/advent-calendar-landing-page-background.svg) center top no-repeat;
background-size: 100%;
padding: 40px 0;
}
#adventCalendar .header{
margin-bottom: 30px;
font-size: x-large;
color: white;
}
#adventCalendar #advent-calendar-logo {
width: 100%;
max-width: 500px;
margin: 0 auto 10px;
display: block;
}
#adventCalendar .row{
align-items: center;
}
#adventCalendar .box {
background: white;
border-radius: 10px;
padding: 30px;
margin: 10px 0;
box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
text-align: center;
min-height: 275px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#adventCalendar .box .text-danger{
color: #c52127 !important;
}
#adventCalendar .box .service {
font-weight: 700 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: x-large;
margin: 10px 0;
line-height: normal;
display: block;
}
#adventCalendar .box .price {
font-size: 72px;
font-weight: bold;
margin: -25px 0 -5px;
display: block;
}
#adventCalendar .box .price small {
display: inline-block;
font-size: medium;
color: initial;
}
#adventCalendar .box .price sup{
font-size: xx-large;
vertical-align: middle;
}
#adventCalendar .box .cycle {
font-weight: bold;
margin-left: -60px;
font-size: 15px;
}
#adventCalendar .box.locked img{
width: 100%;
max-width: 125px;
}
#adventCalendar .box.unlocked img{
width: 40px;
position: absolute;
top: 20px;
right: 25px;
opacity: .75;
}
#adventCalendar #terms{
color: white;
opacity: 0.5;
margin-top: 10px;
}
#calendarView {
display: flex;
flex-direction: column;
margin-top: 10px;
}
.calendarRow {
display: flex;
justify-content: space-evenly;
margin: 5px 0;
}
.calendarDay {
background-color: transparent;
min-width: 32px;
text-align: center;
padding-left: 0px;
height: 32px;
line-height: 28px;
vertical-align: top;
border-radius: 50%;
background-clip: padding-box;
color: white;
display: inline-block;
font-weight: 600;
font-size: 14px;
border: 2px solid white;
}
.calendarDay.unlocked {
background: white;
color: #c52127;
}
.emptyDay {
min-width: 32px;
}
#promobanner.adventCalendar a:hover{
text-decoration: none !important;
}
@media screen and ( max-width: 1200px ) {
#adventCalendar .box .service {
font-size: 20px;
}
#adventCalendar .box .price {
font-size: 52px;
margin: -15px 0 -5px;
}
#adventCalendar .box .price sup {
font-size: x-large;
}
#adventCalendar .box .cycle{
display: block;
margin: -16px 0 20px 0;
}
}
@media screen and ( max-width: 991px ) {
#promobanner.adventCalendar{
max-height: none;
background: #C32127 url(/wp-content/themes/whc/images/banners/advent-calendar-landing-page-background.svg) center top no-repeat;
background-size: 100%;
}
#promobanner.adventCalendar .col-lg-5.text-right{
text-align: center !important;
}
#promobanner.adventCalendar img.logo {
max-height: 350px;
}
#promobanner.adventCalendar #calendarView {
margin-bottom: 30px;
}
#promobanner.adventCalendar .dealOf{
margin: 0 0 -5px;
}
#adventCalendar .box .service {
font-size: x-large;
}
#adventCalendar .box .price {
font-size: 72px;
margin: -15px 0 -5px;
}
#adventCalendar .box .price sup {
font-size: xx-large;
}
#adventCalendar .box .cycle{
display: inline-block;
margin: 0 0 0 -55px;
}
}
@media screen and ( min-width: 1600px ) {
#promobanner.halloween{
padding: 100px 10px 200px;
max-height: 600px;
}
}
@media screen and ( min-width: 2100px ) {
#promobanner.halloween{
padding: 100px 10px 300px;
max-height: none;
}
#plans.spookysavings{
padding-bottom: 250px;
}
}
#promobanner.halloween #spider {
background: url(/wp-content/themes/whc/images/banners/spooky-savings-spider.svg) top center no-repeat;
background-size: 100%;
width: 100%;
height: 500px;
position: absolute;
margin: -100px -10px;
}
#promobanner.halloween img{
max-height: 225px;
}
#promobanner.halloween .box{
background: black;
margin: 5px 0;
box-shadow: none;
border: 4px solid #ff8900;
}
#promobanner.halloween .box .service, #promobanner.halloween .box .cycle{
color: white !important;
}
#promobanner.halloween .box .price{
color: #ff8900 !important;
}
#promobanner.halloween .box .badge, #promobanner.halloween .box .btn{
background: #ff8900 !important;
color: black !important;
border: 1px solid #ff8900;
font-weight: 600;
}
#promobanner.halloween .box .btn:hover{
background: black !important;
color: #ff8900 !important;
border: 1px solid #ff8900;
}
#innerPromobanner h1:not(.v2){
font-size: xx-large;
}
#innerPromobanner .pricing {
font-size: 60px;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-weight: 700;
color: #c52127;
}
.post-3272 #plans, .post-3223 #plans{
padding-top: 30px !important;
}
#phplive_iframe_chat_embed_maximize{
background: #097ffa !important;
text-align: center;
font-size: x-large;
z-index: 11!important;
position: fixed!important;
bottom: 25px !important;
right: 25px !important;
width: 60px!important;
height: 60px!important;
padding-top: 10px;
border-radius: 50%!important;
border: 2px solid white;
}
#phplive_iframe_chat_embed_maximize a {
background: #007bff;
width: 55px!important;
height: 35px!important;
display: block;
border-radius: 50%!important;
}
#phplive_iframe_chat_embed_maximize a:hover{
text-decoration: none;
}
#phplive_iframe_chat_embed_maximize a:before {
position: fixed;
bottom: 13px;
right: 25px;
height: 60px;
width: 60px;
content: '\f4ad';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: white;
}
#phplive_embed_loading{
padding: 1px;
background: #097ffa !important;
opacity: 1 !important;
text-align: center;
font-size: x-large;
z-index: 11!important;
position: fixed!important;
bottom: 25px !important;
right: 25px !important;
width: 60px!important;
height: 60px!important;
padding-top: 10px;
border-radius: 50%!important;
border: 2px solid white;
margin: 0 25px 25px;
display: none;
}
#phplive_embed_loading:before{
content: '\f110';
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
color: white;
position: fixed;
right: 43px;
margin-top: 8px;
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
#phplive_embed_loading img{
display: none;
}
#whyUsTBR{
padding: 100px 0;
}
#whyUsTBR ul {
list-style: none;
}
#whyUsTBR ul li {
margin-top: 1.5rem;
}
#whyUsTBR ul li i {
position: absolute;
margin-left: -45px;
font-size: x-large;
color: #C52127;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
@media screen and ( min-width: 1800px ) {
#support{
background: url(https://whc.ca/wp-content/themes/whc/css-modules/images/support.jpg) #ecebe7;
background-size:cover;
}
}
@media screen and ( max-width: 1200px ) {
#customers img {
width:100px;
}
.blog-menu ul li a, .blog-menu form input{
font-size: 12px;
}
.blog-menu ul li i{
display: none;
}
#header.mailermojo .container{
background: none;
}
}
@media screen and ( max-width: 1024px ) {
.tlds_per_cat_wrap{
width: 100% !important;
margin-right: 0 !important;
}
.domainsincart-wrapper{
display: block;
}
.page-template-page-spinner .tldCart{
position: fixed;
left: 0;
z-index: 99;
border: 0;
top: unset;
bottom: 0;
}
.page-template-page-spinner .domainsincart-wrapper{
display: none;
}
.page-template-page-spinner .woo-primary .tld-default.incart .tld-post-added{
margin-bottom: -8px;
}
.page-template-page-spinner .tldCart h3 #cart-domains-count{
float: none;
margin-left: 10px;
}
.page-template-page-spinner .tldCart h3 {
font-size: initial;
border-radius: 0;
}
.page-template-page-spinner .tldCartContent {
width: 0;
height: 0;
padding: 0;
}
.page-template-page-spinner .tldCart.show{
box-shadow: 0 0 50px #33354F;
}
.page-template-page-spinner .tldCart.show .domainincart .domainame {
font-size: small;
}
.page-template-page-spinner .tldCart.show .tldCartContent {
width: 100%;
height: auto;
padding: 20px;
}
.page-template-page-spinner .tldCart.show .domainsincart{
max-height: 150px;
}
.page-template-page-spinner .tldCart.show .domaincheckout-a{
bottom: 10px;
}
.page-template-page-spinner .tldCart h3{
margin-bottom: 0;
}
.page-template-page-spinner .tldCart h3:after{
content: "\f2d1";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: normal;
float: right;
}
.page-template-page-spinner .domaincheckout-a{
position: fixed;
width: auto;
right: 15px;
bottom: 5px;
padding: 6px 12px !important;
}
.page-template-page-spinner .tldCart.show .domaincheckout-a{
position: relative;
right: 0;
}
.page-template-page-spinner #helpwidget-lunch{
display: none !important;
}
.page-template-page-backorder #helpwidget-lunch{
display: none !important;
}
#header.marketplace-header .container{
background: none;
}
#header.domain-club .container{
background: none;
}
}
@media screen and ( max-width: 991px ) {
#customers img {
display:none;
}
#support{
background: #ecebe7;
}
#powerful-solutions .sale{
opacity: 1;
}
#powerful-solutions .col-lg-3{
margin-bottom: 20px;
}
#powerful-solutions .col-md-12{
margin-bottom:40px;
}
#nextGenDatacenters .col-md-6 {
max-width: 100% !important;
}
.single .col-md-9.col-sm-12{
max-width: 100%;
flex: 100%;
}
.single #aboutWHC{
display: none;
}
.blog-menu form{
margin-top: -4px;
}
.blog-menu .select-cat{
display: block;
}
.blog-menu ul.collapse:not(.show){
display: none;
}
.blog-menu ul li{
display: block;
}
#plans .col.plan, #plans .col.colmp{
max-width: calc(100% - 20px);
}
#alternate-top .btn .text{
display: none;
}
#post-78 #header.spring, #post-134 #header.printemps/* Canadian Web Hosting - Spring Campaign */{
background: linear-gradient(to bottom, rgba(39,40,40,0.5) 40%, rgba(39,40,40,0) 75%), url(/wp-content/themes/whc/images/banners/spring-bottom-background.jpg) no-repeat top center;
}
#post-78 #header.spring img, #post-134 #header.printemps img {
margin: 40px auto 0 auto;
}
}
@media screen and ( max-width: 976px ) {
#promoinnerbanner.spookysavings.fr .details{
padding-top: 0;
}
}
@media screen and ( max-width: 768px ) {
#top .btn{
display:none;
}
#support{
background: #ecebe7;
}
#relance a{
margin-left:0;
}
.live-chat-wrapper{
display: none !important;
}
.post-domain-spin .domainsearch h1{
display: none !important;
}
.domainsincart-wrapper{
z-index: 12;
text-align: center;
padding: 10px;
}
.domainsearch{
position: relative !important;
}
#triotlds .col-md-4{
max-width: 100% !important;
}
.keyfeatures .float-left {
font-size: 65px !important;
margin-right: 60px;
margin-left: 0 !important;
display: block;
margin-bottom: 10px;
float: none !important;
}
.keyfeatures .float-right {
font-size: 65px !important;
margin-right: 60px;
margin-left: 0 !important;
display: block;
margin-bottom: 10px;
float: none !important;
}
.keyfeatures{
padding: 60px 20px !important;
font-size: large !important;
}
#include img.caliveshere {
display: none;
}
#halloween{
padding: 40px;
}
#halloween img{
max-width: 90%;
max-height: 250px;
}
#halloween .halloween-sale{
text-align: center;
margin-bottom: 30px;
padding-top: 0;
}
#halloween .halloween-pumpkin img{
max-width: 80%;
}
#halloween .halloween-hosting{
text-align: center;
}
#halloween .halloween-hosting img{
max-width: 80%;
margin-top: 30px;
}
}
@media screen and ( max-width: 500px ){
#plans .collapse{
display:block;
}
#plans .details{
display:none;
}
#plans .colleft{
order: 2;
}
#plans .colmp{
order: 1;
}
#plans .colright{
order: 3;
}
#relance{
font-size: 30px;
}
#relance .btn{
text-transform: none !important;
font-size: medium;
}
.selecteddomainsincart-right .domaincheckout a{
margin-top: 10px;
}
#promobanner.halloween{
max-height: 850px;
}
#post-78 #header.halloween, #post-134 #header.halloween.fr{
padding-bottom: 80px;
}
}
@media screen and ( max-width: 450px ){
#header{
padding:50px 0;
}
#top a.tel{
display: none;
}
#header .corner-ribbon{
display:none;
}
#header h1{
font-size:25px;
}
#header .referent{
display:none;
}
#footer ul{
padding-left:0;
}
#domain-spinner .col-md-7{
padding: 30px 0 20px !important;
text-align: center;
}
#domain-spinner .tld-index li:nth-child(3){
display: none;
}
[lang="fr-CA"] #domain-spinner, [lang="en-CA"] #domain-spinner{
background-size: auto;
background-color: #444;
background-blend-mode: soft-light;
}
#domain-spinner .domain-spinner-container{
max-width: 90%;
margin: 0 auto;
}
#domain-spinner input{
border-radius: 6px 6px 0 0;
width: 100%;
box-shadow: none;
}
#domain-spinner .input-group-prepend, #domain-spinner .domain-spinner-search-button{
width: 100%;
border-radius: 0 0 6px 6px !important;
}
.row{
margin-left: 0;
margin-right: 0;
}
#relance a {
margin: 10px 20px !important;
display: block;
}
#pre-footer .float-right{
text-align: left;
}
#pre-footer .float-right i{
display: none;
}
#security #websiteSafe .box{
height: auto;
}
#security #websiteSafe .box i {
float: none;
margin: 0 0 20px 0;
display: block;
}
#security #websiteSafe .box .fa-stack.fa-2x {
float: none;
margin: 0 auto;
display: block;
}
#security #websiteSafe .box .fa-stack.fa-2x .fa-stack-1x{
margin-top: -10px !important;
}
#faq #accordion .btn{
white-space: pre-line;
}
#header{
text-align: center;
}
#header .btn{
width: 100%;
}
#innerPromobanner{
margin-bottom: 20px;
}
.tlds_per_cat_wrap{
width: 100% !important;
}
.tlds-table .domain{
margin-bottom: 5px;
}
.tlds-table .domainname{
float: left !important;
}
.tlds-table .addtocart{
padding-bottom: 10px;
}
.tlds-table tbody .addtocart{
border-bottom: none !important;
}
.page-id-1395 #primary .col-md-9, .page-id-1416 #primary .col-md-9{
padding: 0;
}
.post-1416 header.entry-header h1, .post-1395 header.entry-header h1 {
font-size: 42px;
}
}
.why-choose-us-icon {
width: 81px;
background-image: url(https://whc.ca/wp-content/themes/whc/css-modules/images/icon-sprite.png?v1?v1);
height: 81px;
background-repeat: no-repeat;
margin: 40px auto 15px;
}
#include{
background: #eee;
}
#include.manage-server{
background: url("/wp-content/themes/whc/images/manage-server.jpg") no-repeat;
background-size: cover;
}
#include.manage-server .col-md-6{
background: white;
padding: 40px;
}
.rainbow {
position: relative;
width: 100%;
height: 4px;
}
.keyfeatures{
padding: 100px 0;
font-size: x-large;
color: white;
}
.wp60Sec{
background: #0073AA;
}
.wpLoadTimes{
background: blueviolet;
}
.wpSecurity{
background: forestgreen;
}
.wpCanadian{
background: #c52127;
}
.wpSupport{
background: dodgerblue;
}
.keyfeatures .float-left{
font-size: 165px;
margin-right: 60px;
}
.keyfeatures .float-right{
font-size: 165px;
margin-left: 60px;
}
.keyfeatures .fa-canada {
background: url(/wp-content/themes/whc/images/mapleleaf.svg);
width: 165px;
height: 165px;
}
.keyfeatures a{
color: white;
text-decoration: underline;
}
.footer-infos{
display: inline-block;
}
.greenBadges .close{
display: none ;
}
#traitor{
font-family: 'Oswald', sans-serif;
color: white;
background: #cc132c;
text-transform: uppercase;
padding: 40px;
font-size: 5em;
line-height: 1em;
text-align: center;
}
#traitor img{
width: 90%;
max-width: 700px;
}
#traitor .fa-canadian-maple-leaf{
color: #420000;
position: absolute;
transform: rotate(35deg);
font-size: 4.2em;
left: -80px;
margin-top: -45px;
}
#traitor span {
font-size: 24px;
border: 2px solid white;
padding: 6px 16px;
border-radius: 16px;
display: inline-block;
line-height: initial;
position: absolute;
margin: 20px 0 0 20px;
}
#cira-campaign-2020{
font-family: 'Oswald', sans-serif;
color: white;
background: #aa1e3a;
text-transform: uppercase;
font-size: 5em;
line-height: 1em;
text-align: center;
}
#featured-products .btn{
font-weight: 600;
}
#featured-products .col-md-6 span{
display: block;
margin-top: 10px;
}
#featured-products .col-md-6 span.badge{
margin: -25px auto 5px auto;
padding: 4px 8px;
width: fit-content;
}
#featured-products h2{
max-width: 380px;
text-shadow: 0 0 50px rgba(0,0,0,1);
font-size: 38px;
}
#featured-products .hosting h2{
max-width: 455px;
}
/*#featured-products .hosting{
background: url(/promo/fr/images/web-hosting-canada-banner.jpg) top;
background-blend-mode: multiply;
background-size: cover !important;
}*/
#post-175 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/CA-Lives-Here.jpg) top right -200px;
/* background-image: url(/wp-content/themes/whc/images/CA-Lives-Here-Winter.jpg) top right -60px; */
}
#post-179 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/chez-soi-du-ca.jpg) top right -200px;
}
#featured-products .col-md-12:not(.earth-day) .col-md-6{
color: white;
text-align: left;
padding: 120px 80px;
background-blend-mode: multiply;
background-size: cover !important;
}
#featured-products .hosting.earth-day {
color: white;
background-size: 40% !important;
background-repeat: no-repeat !important;
background-blend-mode: normal !important;
background: url(/wp-content/themes/whc/images/earth-day.svg) 75% 30px;
padding: 100px 80px;
}
@media only screen and (min-width: 1500px) {
#featured-products .hosting.earth-day {
background-size: 600px !important;
}
}
#featured-products .hosting.earth-day h2{
text-shadow: none;
margin: 0 auto 10px;
max-width: 480px;
}
#featured-products .hosting.earth-day span{
margin-top: 10px;
display: block;
}
#featured-products .hosting.earth-day .btn{
background: #c0242e;
border-color: #c0242e;
}
#featured-products .hosting.earth-day .btn-danger:hover{
background: #CC2732;
border-collapse: #CC2732;
}
#featured-products .weareopen, #featured-products .blm {
color: white;
background-repeat: no-repeat !important;
background-blend-mode: normal !important;
background: url("/wp-content/themes/whc/images/weareopen.jpg") center top;
padding: 100px 20px;
background-size: cover !important;
}
#featured-products .weareopen.june-flash, #featured-products .weareopen.june-flash.fr{
background: linear-gradient(312deg, rgba(0,102,199,1) 0%, rgba(0,23,143,1) 100%);
}
#featured-products .weareopen.june-flash .row{
align-items: center;
background: url(/wp-content/themes/whc/images/banners/june-flash.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 350px;
}
#featured-products .weareopen.june-flash.fr .row{
align-items: center;
background: url(/wp-content/themes/whc/images/banners/juin-flash.svg);
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (max-width: 1300px) {
#featured-products .weareopen.june-flash .row{
background-size: 300px;
}
}
@media only screen and (max-width: 991px) {
#featured-products .weareopen.june-flash .row{
background-size: 275px;
}
}
#featured-products .weareopen.june-flash .badge{
text-shadow: none;
}
#featured-products .weareopen.june-flash #countdown {
margin-top: 10px;
}
#featured-products .weareopen.june-flash #countdown .time{
background: #ffffff20;
color: white;
}
#featured-products .weareopen.june-flash #countdown.small .colon{
display: none;
}
#featured-products .earthday {
background: url(/wp-content/themes/whc/images/earth-day.svg) no-repeat;
background-size: 400px !important;
background-position: top 20px center;
}
#featured-products .earthday .weareopen{
background: none !important;
}
#featured-products .canadaday23 {
color: white;
background-repeat: no-repeat !important;
background-blend-mode: normal !important;
/* background: url("/wp-content/themes/whc/images/canada-day-sale-2021.jpg") center top; */
background: url("/wp-content/themes/whc/images/canadaday2023.png") center top;
padding: 100px 20px;
background-size: cover !important;
}
#featured-products .valentinesDay {
color: white;
background: #27283d;
}
#featured-products .valentinesDay .container{
background: url(/wp-content/themes/whc/images/banners/valentine-80OFF.jpg);
background-repeat: no-repeat;
background-position: bottom 0px right 50px;
background-size: 445px;
padding: 80px 0;
}
#featured-products .valentinesDay.fr .container{
background: url(/wp-content/themes/whc/images/banners/valentine-80RABAIS.jpg);
background-repeat: no-repeat;
background-position: bottom 0px right 50px;
background-size: 445px;
padding: 80px 0;
}
#featured-products .valentinesDay .domain {
display: none;
}
#featured-products .weareopen.fr{
background: url("/wp-content/themes/whc/images/noussommesouverts.jpg") center top;
}
#featured-products .canadaday.fr{
background: url("/wp-content/themes/whc/images/promotions-fete-canada-2021.jpg") center top;
}
#featured-products .weareopen h2, #featured-products .blm h2, #featured-products .canadaday h2{
text-shadow: 0 0 25px rgba(0,68,182,1);
margin: 0 auto 20px;
max-width: 480px;
font-size: 46px;
}
#featured-products .valentinesDay h2{
text-shadow: none;
margin: 0 auto 20px;
max-width: 480px;
font-size: 46px;
}
#featured-products .valentinesDay h2 .highlight{
color: #ff6699;
display: inline-block;
margin-top: 0;
}
#featured-products .weareopen.fr h2, #featured-products .blm.fr h2, #featured-products .canadaday.fr h2, #featured-products .valentinesDay.fr h2 {
font-size: 42px;
max-width: 500px !important;
}
#featured-products .canadaday h2{
text-shadow: 0 0 25px rgba(0,0,0,.75);
}
#featured-products .canadaday.fr h2{
font-size: 36px;
}
#featured-products .weareopen span, #featured-products .blm span, #featured-products .canadaday span, #featured-products .valentinesDay span{
margin-top: 10px;
display: block;
}
#featured-products .weareopen .btn, #featured-products .canadaday .btn{
background: #c0242e;
border-color: #c0242e;
}
#featured-products .valentinesDay .btn{
background: #ff6699;
border-color: #ff6699;
}
#featured-products .weareopen .btn-danger:hover, #featured-products .canadaday .btn-danger:hover{
background: #CC2732;
border-collapse: #CC2732;
}
#featured-products .blm{
background: black url(/wp-content/themes/whc/images/blm.svg) 75% bottom;
background-size: 490px !important;
}
#featured-products .blm.fr h2{
text-shadow: none;
max-width: 520px !important;
}
#featured-products .blm .btn{
background: black;
border: 1px solid white;
}
#featured-products .blm .btn:hover{
background: white;
color: black;
}
#blmsupport {
background: white;
position: fixed;
right: 0;
bottom: 100px;
width: 85px;
border-radius: 6px 0 0 6px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
filter: grayscale(1);
display: none;
}
.page-id-175 #blmsupport, .page-id-179 #blmsupport{
display: inline-block;
}
#top .clientarealink{
line-height: 67px;
float: right;
color:#27283c;
}
#reader{
background: #c0242e;
position: fixed;
z-index: 999999;
height: 4px;
top: 0;
}
.team{
padding: 60px 0;
font-size: small;
}
.team h3{
font-size: large;
}
.team img{
border-radius: 50%;
object-fit: cover;
width: 175px;
height: 175px;
margin: 30px 0 20px;
}
.team a .fa-linkedin{
color: #0f78b1;
margin-left: 5px;
}
.team a:hover{
text-decoration: none;
}
.single .sommaire, #comparison .sommaire{
list-style: none;
padding-left: 0;
font-size: 0.9em;
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.single .sommaire a, #comparison .sommaire a{
color: #27283c !important;
font-weight: 500;
}
.single .sommaire a:hover, #comparison .sommaire a:hover{
text-decoration: none;
color: #097ffa !important;
}
.single .sommaire.sommaire-direct a, #comparison .sommaire.sommaire-direct a{
color: #097ffa;
}
.single .sommaire ul, #comparison .sommaire ul{
list-style: none;
padding-left: 16px;
margin-bottom: 0;
}
.single .sommaire ul a, #comparison .sommaire ul a{
color: #27283c !important;
font-weight: 500;
}
.single .sommaire ul ul, #comparison .sommaire ul ul{
list-style: none;
padding-left: 15px;
margin-bottom: 0;
}
.sommaire-direct li {
list-style: none;
margin-left: 0;
}
.sommaire.sommaire-direct, .sommaire.sommaire-direct {
background: rgba(9,127,250,0.05);
padding: 50px 30px 20px 30px;
}
.sommaire.sommaire-direct::before {
content: 'Table of Contents';
background: #27283c;
color: white;
font-weight: 500;
text-transform: uppercase;
padding: 2px 16px;
width: max-content;
font-size: small;
position: absolute;
margin: -50px 0 0 -30px;
}
.sommaire.sommaire-direct li:before, .sommaire.sommaire-direct li:before {
content: "\f054";
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 900;
color: #097ffa;
margin-right: 8px;
}
.sommaire.sommaire-direct.checklist li ul li:before, .sommaire.sommaire-direct.checklist ul li:before { display: none; }
.single ul.no-style{
list-style: none;
padding-left: 0;
}
.single .sommaire.glossary{
column-count: 3;
column-gap: 1.25rem;
display: block;
}
@media only screen and (max-width: 800px) {
.single .sommaire.glossary{
column-count: 2;
}
}
@media only screen and (max-width: 600px) {
.single .sommaire.glossary{
column-count: 1;
}
}
.sommaire.sommaire-direct.glossary::before {
content: 'Glossary';
}
[lang="fr-CA"] .sommaire.sommaire-direct.glossary::before{
content: 'Lexique' !important;
}
.single ul.no-style i{
margin-right: 5px;
}
#promobanner.summer-sale {
background: url(/wp-content/themes/whc/images/banners/summer-sale-2021-background.jpg) no-repeat center bottom;
background-size: cover;
text-align: center;
padding: 40px 10px;
max-height: none;
}
#promobanner.summer-sale .beaver {
width: 1000px;
max-width: 100%;
max-height: none;
margin-bottom: -55px;
z-index: 2;
position: relative;
}
#promobanner.summer-sale #plans {
background: none;
padding-top: 0;
margin-top: -20px;
}
#promobanner.christmas-july, #promobanner.noel-juillet {
background: url("/wp-content/themes/whc/images/banners/christmas-july-background.svg") #91ecff no-repeat center center;
background-size: cover;
text-align: center;
padding: 40px 10px;
max-height: none;
}
#promobanner.christmas-july .col-lg-6, #promobanner.noel-juillet .col-lg-6{
text-align: right;
}
#promobanner .desktop{
display: inline-block;
}
#promobanner .mobile{
display: none;
}
@keyframes rainbow{from{background-position:0 0}to{background-position:100vw 0}}.rainbow{position:relative;width:100%;height:4px;}.rainbow:before{content:'';width:100%;height: 4px;background:linear-gradient(to right,#c0242e 0,#097ffa 75%,#c0242e 100%);position:absolute;bottom:0;left:0;-webkit-animation-name:rainbow;animation-name:rainbow;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;}
@media (min-width:39em){.rainbow:before{-webkit-animation-duration:2s;animation-duration:2s}}
@media only screen and (max-width: 1220px){
#traitor{
font-size: 4em;
padding: 40px 10px;
}
#traitor span{
font-size: 21px;
margin-top: 15px;
}
#featured-products .blm{
background-position: right 20px bottom;
text-align: left !important;
}
#featured-products .blm .offset-lg-1{
margin-left: 0;
}
}
@media only screen and (max-width: 1200px){
.tld-index li:nth-child(5){
display:none !important;
}
}
@media only screen and (min-width: 992px){
#top button.navbar-toggler{
display:none;
}
#top .clientarealink{
display:none;
}
}
@media only screen and (max-width: 991px){
#top #nav{
display:none;
}
#top .domain-spinner {
background-position: -550px center;
}
.tld-index li:nth-child(4), .tld-index li:nth-child(5){
display:none !important;
}
#plans .row{
display: inline;
}
#plans .colmp{
margin-top: 30px !important;
}
#traitor .fa-canadian-maple-leaf{
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
#top #nav{
font-size:small;
}
#top .domain-spinner {
background-position: -450px center;
}
#traitor .fa-canadian-maple-leaf {
left: -40px;
}
}
@media only screen and (max-width: 880px){
.highest-header, #nav, #top .domain-spinner ul{
display:none;
}
#testimonials{
background-size: cover;
}
#top .domain-spinner input{
border-radius:6px 6px 0 0;
}
#top .domain-spinner input:focus{
box-shadow:none;
}
#top .domain-spinner .btn{
display:block;
position: absolute;
top: 61px;
left: 0;
width: 100%;
border-radius:0 0 6px 6px;
}
#top .domain-spinner .col-md-7 {
padding: 35px 0 75px !important;
}
#top .domain-spinner{
background-size:cover;
background-position: center;
}
.btn{
white-space: normal !important;
}
}
@media only screen and (max-width: 767px){
#top .domain-spinner{
background-size:auto;
background-position: left;
}
#opportunities .collapse .card{
padding: 10px;
}
.shareNsubscribe strong, .shareNsubscribe a{
display: none;
}
.shareNsubscribe label{
display: block;
margin: 0 auto;
}
}
@media only screen and (max-width: 550px){
.tlds-table tbody .domain {
width: 100%;
float: left !important;
}
.tlds-table tbody .addtocart {
width: 100% !important;
}
#tlds .spotlight{
display: none;
}
.tlds-table tbody .addtocart span.nw-row-renew-price{
float: left !important;
}
.tlds-table tbody .addtocart span.added-post-text{
float: right !important;
}
.nw-row-reg-price {
font-size: large !important;
margin-top: -2px;
}
.nw-row-renew-price {
font-size: 15px;
}
.tlds-table tbody .addtocart a{
text-align: right;
}
.sommaire.sommaire-direct::before{
width: calc(100% - 50px);
}
}
@media only screen and (max-device-width : 414px) and (max-device-height : 812px) and (-webkit-max-device-pixel-ratio : 3) {
#subscribeNewsletter img{
display: none;
}
}
@media only screen and (max-device-width : 414px) and (max-device-height : 896px) {
.alert-whc{
padding-left: 15px !important;
padding-top: 80px;
}
.shareArticle a span.socialName, .shareArticle strong{
display: none;
}
.shareArticle a{
text-align: center;
width: 22%;
}
.shareArticle a i{
margin-right: 0;
}
.authorDate .float-right{
display: block;
float: none !important;
margin-bottom: 10px;
}
.single h1{
font-size: 34px;
}
.authorDate a i{
font-size: x-large;
}
#plans{
padding: 20px 0;
}
#plans .col.plan{
margin: 0;
}
.tip10{
margin-left: -20px;
margin-right: 35px !important;
}
.page-template-page-spinner .domainsearch .input-group{
width: 100% !important;
}
.tldGoCart{
display: none;
}
.tld-page-cira-logo{
position: relative;
display: block;
margin: -50px auto 20px auto !important;
top: auto;
right: auto;
}
#why table{
font-size: small;
}
.authorDate .fa-calendar-alt{
margin: 0 5px 0 0 !important;
}
.authorDate ul li{
display: block !important;
margin: 0 0 10px 0;
}
.footer-infos{
display: block;
}
#pre-footer .float-right{
margin-top: 20px;
}
.single .alert.list ul li{
padding: 5px 0 5px 30px;
display: block;
width: 100%;
}
.single .alert.list ul li i{
margin-left: -30px;
}
.blogpost, .pagination-blog {
padding: 0;
margin: 0 -15px 20px -15px;
width: calc(100% + 45px);
}
#aboutWHC{
margin-bottom: 20px;
}
#phplive_iframe_chat_embed_wrapper{
max-height: 515px !important;
max-width: calc(100% - 40px);;
right: 0 !important;
bottom: 0 !important;
}
.sommaire.sommaire-direct::before{
width: calc(100% - 50px) !important;
}
.greenBadges .close{
display: block;
}
#greenHostingBadge {
width: 100%;
max-width: 130px;
display: block;
margin: 10px auto !important;
}
#greenBadge{
top: 0 !important;
}
#greenBadge .modal-body{
font-size: small;
}
.post-1416 .col-md-12 .card-body h5, .post-1395 .col-md-12 .card-body h5 {
font-size: large !important;
}
#plans .col.colleft, #otherProducts .col.colleft{
animation: none !important;
}
#plans .col.colright, #otherProducts .col.colright{
animation: none !important
}
#plans .col.colmp, #otherProducts .col.colmp{
animation: none !important
}
#plans .col.plan, #otherProducts .col.plan{
max-width: 100%;
}
#testimonials .col-sm-12{
min-height: 475px
}
#pre-footer .follow{
display: block;
margin-bottom: 10px;
}
.blog-menu ul li{
padding: 10px 0;
}
.blog-menu ul li a{
font-size: 14px;
}
.blog-menu form button{
margin-left: -28px;
}
#traitor{
font-size: 2em;
text-align: center;
}
#traitor span{
border: 1px solid white;
padding: 4px 12px;
border-radius: 10px;
display: inline-block;
line-height: initial;
position: absolute;
margin: 4px 0 0 10px;
font-size: 12px;
}
#traitor .fa-canadian-maple-leaf {
font-size: 5.2em;
left: -40px;
margin-top: -30px;
}
.single .domains td{
display: inline-block;
width: 50%;
}
.post-78 #halloween img, .post-134 #halloween img, .post-3223 #halloween img, .post-3272 #halloween img{
margin: 10px 0;
}
.archive header.entry-header h1 {
font-size: 40px;
margin-bottom: 0;
}
#promoinnerbanner{
text-shadow: 0 0 5px #333;
font-size: large;
padding: 30px 30px;
}
#promoinnerbanner small{
display: block;
}
#legal{
padding: 40px 0;
}
#legal .list-group{
margin-bottom: 40px;
}
.single #article .card.rating i{
margin-right: 2px;
}
.blog-single .container{
padding-left: 0;
padding-right: 0;
}
#opportunity .float-right .text-secondary {
width: 13px;
padding: 0 8px;
}
#opportunity .float-right .btn-primary {
margin-left: 10px;
}
#powerful-solutions .col-sm-12 {
display: flex;
flex-direction: column;
}
#powerful-solutions .col-sm-12 a:nth-child(1) {
order: 1;
margin: auto;
}
#powerful-solutions .col-sm-12 h3{
order: 2;
}
#powerful-solutions .col-sm-12 p{
order: 3;
}
#powerful-solutions .col-sm-12 a{
order: 5;
margin: 10px auto 30px;
}
#powerful-solutions .col-sm-12 .sale{
order: 4;
}
#featured-products .blm{
padding: 40px 20px 240px 20px;
background: black url(/wp-content/themes/whc/images/blm.svg) 50% bottom no-repeat!important;
background-size: 275px !important;
}
#featured-products .blm h2{
font-size: xx-large;
}
div[data-style="bottomright"]{
display: none !important;
}
#promobanner{
padding: 40px 10px;
}
#promobanner.boxingweek, #promobanner.soldesapresnoel {
background: linear-gradient(10deg, rgba(0,0,0,1) 0%, #c52127 100%);
}
#promobanner .accroche{
font-size: x-large;
margin: 10px 0 30px;
}
#promobanner .box{
margin: 10px 0;
}
#promobanner #countdown{
margin-top: 30px;
}
}
@media only screen and (max-width: 420px){
#helpwidget{
width:calc(100% - 40px);
box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.7);
}
}
@media only screen and (max-width: 375px) and (max-height: 790px){
#helpwidget .startchat img, #helpwidget .popans{
display:none;
}
}
@media only screen and (max-width: 375px) and (min-height: 790px){
#helpwidget .startchat img:last-of-type{
display:none;
}
}
.countdownWP{
text-align: center;
position: relative;
margin: 60px auto -260px auto;
width: 550px;
background: linear-gradient(40deg,#c0242e 0,#097ffa 100%);
color: white;
z-index: 1;
padding: 20px 40px;
border-radius: 6px;
}
.onesignal-customlink-container p{
display: none !important;
}
.onesignal-customlink-container button{
border: 0 !important;
box-shadow: none !important;
margin-top: 10px !important;
text-align: center !important;
text-transform: none !important;
font-weight: normal !important;
font-family: inherit !important;
display: block !important;
width: 100% !important;
padding: 10px 0 !important;
}
#notif{
font-size: large;
}
#notif h2{
margin-top: 0;
}
#notif .modal-content{
padding: 20px 40px;
}
#notif .onesignal-customlink-container{
display: inline-block;
}
#notif .onesignal-customlink-container button{
display: inline !important;
width: auto !important;
padding: 10px 16px !important;
border: 1px solid #097ffa !important;
font-size: 16px;
}
#domain-spinner .tld-index li{
min-width: 95px !important;
}
.single .jumbotron{
padding: 2em;
}
#phplive_btn_1496783663{
display: none;
}
#testimonial cite{
font-size: 100%;
}
.alert-whc{
background: url(/wp-content/themes/whc/images/picto-whc.svg) no-repeat 12px 8px #f2f2f2;
border: 1px solid #eee;
box-shadow: 2px 5px 15px rgba(0,0,0,0.2);
padding-left: 90px;
background-size: 65px;
margin-bottom: 50px;
}
ul .alert-whc, ol .alert-whc{
margin-bottom: 0;
}
#commentform .form-allowed-tags, #commentform .comment-form-url{
display: none;
}
#commentform label{
font-weight: bold;
}
#commentform textarea{
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
height: 120px;
min-height: 120px !important;
}
#commentform input[type="text"]{
display: inline-block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#commentform .submit{
background-color: #007bff;
border-color: #007bff;
color: white;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#commentform .submit:hover{
background-color: #0069d9;
cursor: pointer;
}
#commentform .required{
color: #c52127;
}
#commentform small{
color: #999;
}
#comments .comment-list{
list-style: none;
padding-left: 0;
/*border-bottom: 1px solid #dfdfdf;
margin-bottom: 40px;
padding-bottom: 20px;*/
}
#comments .comment-list li ul {
list-style: none;
}
#comments .comment-author img{
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 10px;
margin-bottom: -20px;
}
#comments .byuser .fn:after {
content: 'WHC';
background: #c52127;
color: white;
font-size: x-small;
margin-left: 10px;
padding: 2px 6px;
border-radius: 3px;
}
#comments .comment-author .fn{
text-transform: uppercase;
}
#comments .says{
display: none;
}
#comments .comment-metadata{
margin: -10px 0 20px 75px;
}
#comments .comment-metadata a{
font-size: 14px;
color: #999;
}
#comments .comment-metadata a:hover{
color: #097ffa;
text-decoration: none;
}
#comments .edit-link{
margin-left: 10px;
}
#comments .edit-link a:before{
background-image: none;
content: "\f304";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-right: 5px;
}
#comments .comment-content {
/*padding: 20px 20px 40px;
margin: 25px 0 0;
font-size: 15px;
border: 1px solid #dfdfdf;
border-radius: 3px;
line-height: 1.5em !important;*/
padding: 20px 20px 40px;
margin: 25px 0 0;
font-size: 15px;
line-height: 1.5em !important;
box-shadow: 0 0 35px 0 rgba(154,161,171,.3);
border-radius: 6px;
}
#comments .reply{
margin: -40px 0 40px 20px;
font-size: 14px;
}
#comments .reply a{
color: #bbb;
}
#comments .reply a:hover{
color: #097ffa;
text-decoration: none;
}
#comments .reply a:before{
background-image: none;
content: "\f3e5";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-right: 5px;
}
#comments #respond{
box-shadow: 0 0 35px 0 rgba(154,161,171,.3);
padding: 20px;
border-radius: 6px;
margin-top: 20px;
}
.alsoOnTheBlog .card-text{
font-size: .9375rem;
line-height: 1.6;
}
.shareNsubscribe{
text-align: center;
position: fixed;
bottom: -250px;
left: 0;
z-index: 100;
width: 100%;
padding: 1.3em;
background: #097ffa;
transition: bottom .2s;
color: white;
display: none;
font-size: large;
}
.shareNsubscribe.active{
bottom: -6px;
}
.shareNsubscribe.hide{
display: none !important;
}
.shareNsubscribe .subscribe label{
margin-top: -8px;
margin-right: 15px;
font-weight: 500;
}
.shareNsubscribe .blog-social-media span{
margin-right: 10px;
font-weight: 500;
}
.shareNsubscribe .blog-social-media a {
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
color: white;
border: 1px solid;
transition: .2s;
}
.shareNsubscribe .blog-social-media a:hover {
background: white;
color: #097ffa;
}
.shareNsubscribe img{
width: 240px;
margin: -94px 0 -20px -70px;
}
.shareNsubscribe input{
border-radius: 3px 0 0 3px;
font-size: 14px;
margin-top: 6px;
}
.shareNsubscribe button{
background: #043E7A;
border: 1px solid #043E7A;
color: white;
border-radius: 0 3px 3px 0;
margin-left: -13px;
font-weight: 500;
font-size: 14px;
margin-top: 6px;
}
.shareNsubscribe strong{
margin-right: 10px;
font-weight: 500;
}
.shareNsubscribe .formnewsletter{
margin: 0 auto;
}
.shareNsubscribe .formnewsletter label{
display: inline-block;
}
.single .blogback{
display: none;
}
.single h1{
margin-bottom: 20px;
}
.authorDate{
margin-bottom: 40px;
font-size: 14px;
color: #999;
}
.authorDate i{
margin-right: 5px;
}
.authorDate ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.authorDate ul li{
display: inline-block;
margin-right: 15px;
}
.authorDate ul li:last-child{
margin-right: 0;
}
.authorDate .fa-user-edit{
margin-right: 5px;
}
/*.authorDate .fa-calendar-alt, .authorDate .fa-folder{
margin: 0 5px 0 15px;
}*/
.authorDate .post-categories, .archive .categories ul, .page-template-searchpage .categories ul, #blog-articles .categories ul{
display: inline-block;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.authorDate .post-categories li, .archive .categories ul li, .page-template-searchpage .categories ul li, #blog-articles .categories ul li{
display: inline-block;
margin-right: 5px;
}
.authorDate .post-categories li:after{
content: ' - ';
}
.authorDate .post-categories li:last-child:after{
content: none;
}
.authorDate .post-categories li:last-child{
margin-right: 0;
}
.authorDate a{
color: inherit;
text-decoration: underline;
}
.authorDate a i{
margin: 0 4px;
font-size: large;
}
.authorDate a.fb{
color:#3b5998 !important;
}
.authorDate a.tw{
color:#1da1f2 !important;
}
.authorDate a.li{
color:#006699 !important;
}
#subscribeNewsletter{
background: #097ffa;
color: white;
padding: 40px 0;
font-size: 35px;
font-weight: 700;
line-height: 1em;
display: none;
}
#subscribeNewsletter input{
margin: 30px 0 15px;
}
#subscribeNewsletter button{
background: #043E7A!important;
border: none;
color: white;
}
#subscribeNewsletter img{
margin: -251px 0 -40px -350px;
width: 800px;
position: absolute;
bottom: 0;
}
#subscribe_newsletter{
margin-top: -5px;
}
#subscribeNewsletter .form-group{
margin-bottom: 0;
}
#subscribeNewsletter.hide{
display: none;
}
.single .desc em{
font-weight: 500;
}
.aboutauthor{
padding-left: 100px;
font-size: 14px;
margin-top: 40px;
}
.aboutauthor img{
border-radius: 50%;
border: 1px solid #eee;
position: absolute;
width: 80px;
left: 20px;
}
.aboutauthor strong{
font-size: large;
display: block;
}
.aboutauthor p{
margin: 5px 0 10px;
}
.aboutauthor a{
display: inline-block;
}
.aboutauthor a i{
margin-left: 5px;
}
.aboutauthor .float-right a{
font-size: large;
color: inherit;
}
.aboutauthor a.float-right .fa-globe{
font-size: medium;
}
#closeShareNsubscribe{
position: absolute;
top: 12px;
right: 12px;
font-size: large;
color: rgba(255,255,255,0.75);
transition: .2s;
}
#closeShareNsubscribe:hover{
cursor: pointer;
color: white;
}
#backorder-countdown{
background: #C52127;
color: white;
padding: 15px 0;
text-align: center;
font-size: xx-large;
font-weight: 500 !important;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
#backorder-drop-in-progress{
background: #C52127;
color: white;
padding: 20px 0;
text-align: center;
display: none;
}
#backorder-drop-in-progress i{
font-size: x-large;
margin-bottom: 5px;
}
/*.page-id-16506 #header .btn, .page-id-17640 #header .btn{
display: none;
}*/
#tbr-list{
background: #e9edf6;
padding: 60px 0;
}
#tbr-list h2{
margin-bottom: 40px;
}
#tbr-list .list{
width: calc(100% - 20px - 340px);
margin-right: 20px !important;
display: inline-block;
}
#tbr-list .entries{
line-height: 38px;
}
#tbr-list .entries .custom-select{
width: auto;
margin-right: 10px;
}
#tbr-list .active .page-link{
color: white;
}
#tbr-list .page-link{
color: #212529;
}
#tbr-list nav{
float: right;
}
#tbr-list .sidebar{
width: 330px;
display: inline-block;
position: sticky;
top: 20px;
height: fit-content;
z-index: 12;
}
#tbr-list .sidebar .btn-outline-primary i{
margin-right: 5px;
}
#tbr-list #bulk h5 i{
margin-right: 5px;
color: #c52127;
}
#tbr-list #loading-tbr-list{
background: white;
padding-top: 5px;
}
#tbr-table .tbr-line.head{
background: #33354F;
color: white;
border-radius: 6px 6px 0 0;
font-weight: 600;
position: sticky;
top: 0;
z-index: 1;
}
#tbr-table .tbr-line.head i{
opacity: .5;
font-size: small;
}
#tbr-table .tbr-line.head .sort-header:hover{
cursor: pointer;
}
#tbr-table .tbr-line.head-mobile{
display: none;
}
#tbr-table .tbr-line {
display: flex;
background: white;
padding: .75rem;
border-bottom: 1px solid #dee2e6;
font-size: 15px;
}
#tbr-table .tbr-line:nth-of-type(even){
background: #F4F6FA;
}
#tbr-table .tbr-line:last-of-type {
border-radius: 0 0 6px 6px;
margin-bottom: 1rem;
overflow-wrap: break-word;
}
#tbr-table .tbr-line .domain {
padding-left: 10px;
display: inline-block;
font-weight: 600;
font-size: 16px;
width: calc(100% - 120px - 110px - 90px - 90px - 90px);
overflow-wrap: break-word;
}
[lang="fr-CA"] #tbr-table .tbr-line .domain {
width: calc(100% - 140px - 130px - 110px - 90px - 100px);
}
#tbr-table .tbr-line .featured {
text-transform: uppercase;
display: inline-block;
width: 100px;
}
#tbr-table .tbr-line.head .featured {
text-transform: none;
}
#tbr-table .tbr-line .release-date {
display: inline-block;
width: 120px;
text-align: center;
}
[lang="fr-CA"] #tbr-table .tbr-line .release-date {
width: 140px;
}
#tbr-table .tbr-line .status {
display: inline-block;
width: 110px;
text-align: center;
}
[lang="fr-CA"] #tbr-table .tbr-line .status {
width: 100px;
}
#tbr-table .tbr-line .quantity {
display: inline-block;
width: 90px;
text-align: center;
}
@media only screen and (max-width: 1199px){
#tbr-table .tbr-line .quantity {
display: none;
}
#tbr-table .tbr-line .domain {
width: calc(100% - 120px - 75px - 90px - 80px);
}
[lang="fr-CA"] #tbr-table .tbr-line .domain {
width: calc(100% - 140px - 130px - 75px - 100px);
}
}
@media only screen and (max-width: 991px){
#tbr-table .tbr-line .quantity {
display: none;
}
#tbr-table .tbr-line .domain {
width: calc(100% - 120px - 75px - 90px - 80px);
}
[lang="fr-CA"] #tbr-table .tbr-line .domain {
width: calc(100% - 140px - 130px - 75px - 100px);
}
}
#tbr-table .tbr-line .min-bid {
display: inline-block;
width: 90px;
text-align: center;
}
[lang="fr-CA"] #tbr-table .tbr-line .min-bid {
width: 130px;
}
#tbr-table .tbr-line .action {
display: inline-block;
width: 100px;
font-size: x-large;
text-align: center;
/* position: absolute;*/
margin-top: -9px;
}
#tbr-table .tbr-line .action .btn{
width: 80px;
}
#tbr-explanation {
padding: 40px 0;
text-align: center;
line-height: 1rem;
}
#tbr-explanation img {
max-height: 70px;
}
#tbr-explanation .step {
/* display: block;*/
padding: 20px 0 15px;
font-size: xx-large;
color: #C52127;
font-weight: bold;
font-family: 'Montserrat', 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
display: none;
}
#tbr-explanation strong {
display: block;
padding: 20px 0 10px;
font-size: large;
}
#tbr-explanation strong:before {
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
position: absolute;
left: 0;
top: calc(50% - 10px);
color: #C52127;
opacity: 1;
font-size: xx-large;
}
#tbr-explanation strong:after {
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
position: absolute;
left: -12px;
top: calc(50% - 10px);
color: #8a8ca2;
opacity: .25;
font-size: xx-large;
}
#tbr-explanation .first-step strong:before, #tbr-explanation .first-step strong:after{
display: none;
}
#tbr-explanation small{
font-size: 14px;
}
#tbr-explanation .btn{
margin-top: 40px;
}
.tbr-cta{
background-color: white;
padding: 10px 20px 20px;
margin: 0 0 20px;
border-radius: 6px;
}
.tbr-cta i{
color: #c52127;
}
#tbrSubscribe{
background-color: transparent;
}
#tbrSubscribe i{
color: #c52127;
margin-right: 5px;
}
#backorder-sort{
display: none;
}
#backorder-filters .form-control, #backorder-filters .form-control + label{
padding: .375rem .75rem;
}
#backorder-filters .form-label-group{
margin-bottom: 10px;
}
#backorder-filters .tbr-date{
color: #6c757d;
display: block;
}
#backorder-cart, #backorder-filters, #backorder-sort{
background: white;
padding: 10px 20px 20px;
margin: 0 0 20px;
border-radius: 6px;
}
#backorder-filters #close-filter, #backorder-sort #close-sort{
display: none;
}
#backorder-cart h3, #backorder-filters h3, #backorder-sort h3 {
font-size: large;
background: #33354F;
color: white;
padding: 15px 20px;
margin: -10px -20px 10px -20px;
border-radius: 6px 6px 0 0;
}
#backorder-cart h3 i, #backorder-filters h3 i, #backorder-sort h3 i{
margin-right: 5px;
}
#backorder-cart #backorder-cart-count{
float: right;
}
#backorder-cart ul{
list-style: none;
padding-left: 0;
}
#backorder-cart ul .infos{
font-size: small;
}
#backorder-cart ul .infos .bid{
font-weight: 600;
}
#backorder-cart ul .domain a{
font-size: small;
color: #999;
margin-top: 5px;
}
#backorder-cart ul .domain a:hover{
color: #c52127;
}
#backorder-cart ul li{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
#backorder-cart ul li:last-child{
margin: 0;
padding: 0;
border: none;
}
#backorder-cart #cart-domains-count{
text-decoration: none;
float: right;
}
#backorder-filters label{
font-weight: 600;
}
#backorder-filters input:not(:last-of-type){
margin-bottom: 10px;
}
@media only screen and (max-width: 575px){
#subscribe_newsletter{
display: block;
}
.shareNsubscribe button{
margin: 0 auto;
width: 100%;
}
}
#whcComments #comment{
z-index: 2 !important;
}
/*.crunchify-text h5:hover{
cursor: pointer;
}
.crunchify-text h5:after{
content: "\f078";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
margin-left: 10px;
font-size: medium;
transition: .5s;
}
.crunchify-text[aria-expanded="true"] h5:after{
content: "\f077";
}*/
.logged-in-as{
font-size: small;
}
#config-options{
padding: 60px 0;
background: #f8f9fa!important;
}
#config-options .col-md-3{
display: flex;
}
#config-options h2{
margin-bottom: 30px;
}
#config-options .card{
transition: .2s ease;
margin: 10px 0;
background: none;
border: none;
}
#config-options .card-body{
background: white;
border: 1px solid rgba(0,0,0,.125) !important;
padding-bottom: 50px;
}
#config-options .card-body a{
position: absolute;
bottom: 20px;
width: calc(100% - 40px);
display: block;
}
#config-options .card-text{
font-size: 14px;
}
#config-options .large-icon{
margin-bottom: 10px;
color: #c52127;
}
.authorProfile{
text-align: center;
font-size: large;
margin-bottom: 40px;
width: 100%;
padding: 0 15px;
}
.authorProfile img{
border-radius: 50%;
width: 80px;
margin-bottom: 10px;
}
.authorSocial{
margin-top: 5px;
}
.authorSocial a{
color: #999;
}
.author{
background: #eee;
}
.author header.entry-header, .author header.entry-header {
background: url(https://whc.ca/wp-content/themes/whc/images/blog/blog-header-image.jpg) center rgba(39,10,60,0.5);
padding: 50px 0;
display: block;
}
.author #primary .col-md-6{
display: flex;
margin-bottom: 20px;
}
.single .chapo{
font-size: x-large;
font-style: italic;
margin-bottom: 20px;
}
.single #article h5.card-title{
margin: 0 0 10px 0;
min-height: auto;
}
.single .card i{
color: #c52127;
margin-right: 10px;
}
.single .embed-responsive{
margin-bottom: 20px;
}
.single .desc img{
max-width: 100% !important;
/*border: 1px solid #eee;*/
}
.single .desc img[width="150"]{
border: none;
}
.single .list-group{
margin-bottom: 40px;
font-size: 0.9em;
}
.single .list-group-item{
padding: 7px 15px;
font-weight: 600;
}
.single .list-group-item:after {
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
text-decoration: none;
color: #ccc;
right: 10px;
position: absolute;
transition: .2s;
}
.single .list-group-item:hover:after {
color: #097ffa;
}
.single .list-group-item[aria-expanded="true"]:after {
display: none;
}
.single .sub-list-group-item{
padding-left: 30px;
font-weight: normal;
}
.archive .pagination-blog a{
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
margin-bottom: 20px;
}
.archive .pagination-blog a:hover{
color: white;
text-decoration: none;
background: #097ffa;
}
.archive .pagination-blog .nav-previous a:before{
content: "\f053";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
margin-right: 10px;
}
.archive .pagination-blog .nav-next a:after{
content: "\f054";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
margin-left: 10px;
}
[lang="fr-CA"] .sommaire.sommaire-direct::before{
content: 'Table des matières';
}
#config-options .modal{
top: 0;
}
.admin-bar #config-options .modal{
top: 20px;
}
#config-options .modal-body{
padding: 58px;
overflow-y: auto;
/*max-height: -webkit-fill-available;*/
height: 100%;
font-size: 14px;
text-align: left;
}
#config-options .modal i{
font-size: 40px;
text-align: center;
color: #C52127;
margin-bottom: 20px;
}
#config-options .modal h2 {
font-weight: bold !important;
margin-bottom: 10px !important;
background: none !important;
text-align: center !important;
padding: 0 !important;
font-family: inherit !important;
font-size: xx-large !important;
}
#config-options .modal h3 {
margin-bottom: 20px;
text-align: center;
font-size: 20px;;
font-weight: normal;
}
#config-options .modal .close {
margin: -50px -40px;
font-size: xx-large;
position: fixed;
right: 70px;
}
#config-options .modal-dialog{
max-width: 600px;
width: 100%;
}
#commentform iframe{
width: 305px;
}
#commentform iframe .rc-anchor-center-container{
width: 250px;
}
#commentform iframe .rc-anchor.rc-anchor-compact.rc-anchor-light{
width:350px;
}
.grecaptcha-badge{
display: none;
}
#compare{
background: #ecebe7;
padding:65px 0 45px 0;
}
#compare h2{
font-size: 44px;
}
#compare .container{
max-width: 1280px !important;
}
#compare .table{
margin: 40px 0;
border: none;
}
#compare .table img{
max-width: 70%;
}
#compare .table th{
font-size: initial;
min-width: 200px;
}
#compare .table td:first-child{
min-width: 245px;
}
#compare .table th img{
margin-bottom: 10px;
}
#compare .table th:nth-child(2) img{
max-width: 90% !important;
}
#compare .table td:nth-child(2), #compare .table th:nth-child(2){
font-weight: b old;
background: rgba(255,255,255,1);
box-shadow: 0 0px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0,0,0,.2), -12px 0 15px -4px rgba(0,0,0,.1);
}
#compare .table td, #compare .table th{
width: 16%;
background: rgba(255,255,255,.6);
}
#compare .table td:first-child {
width: 20%;
text-align: right;
}
#compare .table thead th:first-child{
background: none;
border: none;
}
#compare .table i.fa{
font-size: large;
}
#compare caption{
font-size: small;
}
#compare .table i.infos{
color: #097ffa;
}
#compare .table tr:first-child {
font-size: x-large;
}
#compare .table tr:first-child td:first-child {
font-size: initial;
padding-top: 18px;
}
#compare .comparedetails{
width: 250px;
float: left;
position: relative;
z-index: 1;
padding: 100px 0 0;
border-right: 1px solid #e9ecef;
background: rgba(255,255,255,.6);
margin: 25px 0 10px;
}
#compare .comparedetails ul{
list-style: none;
text-align: left;
padding-left: 0;
margin-bottom: 0;
}
#compare .comparedetails ul a{
border-bottom: 1px dotted #bbb;
}
#compare .comparedetails ul a:hover{
cursor: pointer;
}
#compare .comparedetails li{
border-bottom: 1px solid #e9ecef;
border-left: 1px solid #e9ecef;
padding: .75rem;
font-weight: 500;
padding-right: 10px;
}
#compare .comparedetails li:nth-child(1){
border-top: 1px solid #e9ecef;
}
#compare .comparedetails li:nth-child(14){
padding: 1.13rem .75rem;
}
#compare .comparedetails li:last-child, #compare .compareprovider li:last-child{
min-height: 102px;
}
#compare .comparedetails li a i{
color: #999;
}
#compare .providers{
position: relative;
float: left;
width: calc(100% - 250px);
overflow: hidden;
margin: 25px 0 10px;
}
#compare .providers i{
font-size: large;
}
#compare .compareprovider{
width: 16%;
/*min-width: 200px;*/
display: inline-block;
float: left;
background: rgba(255,255,255,.6);
}
#compare .compareprovider ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
#compare .compareprovider li{
border-bottom: 1px solid #e9ecef;
border-right: 1px solid #e9ecef;
padding: .75rem;
font-weight: 500;
padding-right: 10px;
}
#compare .compareprovider li:first-child{
height: 70px;
border: none;
border-right: 1px solid #e9ecef;
display: flex;
width: 100%;
padding: 10px 0 0;
}
#compare .compareprovider li:nth-child(2){
height: 30px;
border: none;
border-right: 1px solid #e9ecef;
line-height: 22px;
font-weight: 600;
padding: 0;
}
#compare .compareprovider li:nth-child(3){
border-top: 1px solid #e9ecef;
}
#compare .compareprovider li:nth-child(16){
font-size: x-large;
}
#compare .compareprovider.whc li img{
width: 85%;
}
#compare .compareprovider li img{
width: 70%;
margin: 0 auto;
}
#compare .compareprovider.whc li{
background: white;
}
#article .desc #compare{
background: none;
padding: 0;
}
#article .desc #compare .comparedetails{
background: #f8f8f8;
}
#article .desc #compare .compareprovider{
background: #f8f8f8;
}
#article .desc #compare .comparedetails.whc{
background: #fff;
}
#article .desc #compare .compareprovider li:nth-child(2){
font-size: small;
}
#article .desc #compare .compareprovider li:nth-child(16){
font-size: initial;
}
#article .desc #compare .comparedetails li:nth-child(14) {
padding: .75rem;
}
#article .desc #compare .comparedetails li:last-child, #article .desc #compare .compareprovider li:last-child {
min-height: 63px;
}
.MultiCarousel { float: left; overflow: hidden; width: calc(100% - 250px) !important; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; width: 20% !important;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:40px; background: none; border: none; color: #999; display: none;}
.MultiCarousel .leftLst { left:0;}
.MultiCarousel .rightLst { right:0;}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; display: none}
.MultiCarousel .rightLst:focus, .MultiCarousel .leftLst:focus{ outline: 0; box-shadow: none!important;}
@media screen and ( min-width: 1200px ) {
.MultiCarousel .MultiCarousel-inner{
width: 100% !important;
}
}
@media screen and ( max-width: 991px ) {
.MultiCarousel .leftLst, .MultiCarousel .rightLst{
display: block;
}
}
/* START MultiCarousel CSS for Domain Club page */
#compare-dc-container{
background: #ecebe7;
padding:65px 0 45px 0;
}
#compare-dc-container h2{
font-size: 44px;
}
#compare-dc-container .container{
max-width: 980px !important;
}
#compare-dc-container .table{
margin: 40px 0;
border: none;
}
#compare-dc-container .table img{
max-width: 70%;
}
#compare-dc-container .table th{
font-size: initial;
min-width: 200px;
}
#compare-dc-container .table td:first-child{
min-width: 245px;
}
#compare-dc-container .table th img{
margin-bottom: 10px;
}
#compare-dc-container .table th:nth-child(2) img{
max-width: 90% !important;
}
#compare-dc-container .table td:nth-child(2), #compare-dc-container .table th:nth-child(2){
font-weight: bold;
background: rgba(255,255,255,1);
box-shadow: 0 0px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(0,0,0,.2), -12px 0 15px -4px rgba(0,0,0,.1);
}
#compare-dc-container .table td, #compare-dc-container .table th{
width: 16%;
background: rgba(255,255,255,.6);
}
#compare-dc-container .table td:first-child {
width: 20%;
text-align: right;
}
#compare-dc-container .table thead th:first-child{
background: none;
border: none;
}
#compare-dc-container .table i.fa{
font-size: large;
}
#compare-dc-container caption{
font-size: small;
}
#compare-dc-container .table i.infos{
color: #097ffa;
}
#compare-dc-container .table tr:first-child {
font-size: x-large;
}
#compare-dc-container .table tr:first-child td:first-child {
font-size: initial;
padding-top: 18px;
}
#compare-dc-container .comparedomainclubdetails{
width: 250px;
float: left;
position: relative;
z-index: 1;
padding: 0px 0 0;
border-right: 1px solid #e9ecef;
background: rgba(255,255,255,.6);
margin: 25px 0 10px;
}
#compare-dc-container .comparedomainclubdetails ul{
list-style: none;
text-align: center;
padding-left: 0;
margin-bottom: 0;
}
/* #compare-dc-container .comparedomainclubdetails ul a{
border-bottom: 1px dotted #bbb;
}
#compare-dc-container .comparedomainclubdetails ul a:hover{
cursor: pointer;
} */
#compare-dc-container .comparedomainclubdetails li{
border-bottom: 1px solid #e9ecef;
border-left: 1px solid #e9ecef;
padding: 1.5rem;
font-weight: 500;
padding-right: 10px;
}
#compare-dc-container .comparedomainclubdetails li:nth-child(1){
border-top: 1px solid #e9ecef;
}
/* #compare-dc-container .comparedomainclubdetails li:nth-child(14){
padding: 1.13rem .75rem;
} */
#compare-dc-container .comparedomainclubdetails li:last-child, #compare-dc-container .comparedomainclubdetails li:last-child{
min-height: 102px;
}
#compare-dc-container .comparedomainclubdetails li a i{
color: #999;
}
#compare-dc-container .providers{
position: relative;
float: left;
width: calc(100% - 250px);
overflow: hidden;
margin: 25px 0 10px;
}
#compare-dc-container .providers i{
font-size: large;
}
#compare-dc-container .comparedomainclub{
width: 16%;
/*min-width: 200px;*/
display: inline-block;
float: left;
background: rgba(255,255,255,.6);
}
#compare-dc-container .comparedomainclub ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
#compare-dc-container .comparedomainclub li{
border-bottom: 1px solid #e9ecef;
border-right: 1px solid #e9ecef;
padding: .75rem;
font-weight: 500;
padding-right: 10px;
}
#compare-dc-container .comparedomainclub li:first-child{
height: 40px;
border: none;
border-right: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
display: flex;
width: 100%;
padding: 10px 0 0;
}
#compare-dc-container .comparedomainclub li:nth-child(2){
height: 80px;
border: none;
border-right: 1px solid #e9ecef;
line-height: 22px;
/* font-weight: 600; */
padding: 0;
}
#compare-dc-container .comparedomainclub li:nth-child(3){
/* border-top: 1px solid #e9ecef; */
}
/* #compare-dc-container .comparedomainclub li:nth-child(16){
font-size: x-large;
}
#compare-dc-container .comparedomainclub.whc li img{
width: 85%;
}
#compare-dc-container .comparedomainclub li img{
width: 70%;
margin: 0 auto;
} */
/* #compare-dc-container .comparedomainclub.whc li{
background: white;
} */
#article .desc #compare-dc-container{
background: none;
padding: 0;
}
#article .desc #compare-dc-container .comparedomainclubdetails{
background: #f8f8f8;
}
#article .desc #compare-dc-container .comparedomainclub{
background: #f8f8f8;
}
#article .desc #compare-dc-container .comparedomainclubdetails.whc{
background: #fff;
}
#article .desc #compare-dc-container .comparedomainclub li:nth-child(2){
font-size: small;
}
#article .desc #compare-dc-container .comparedomainclub li:nth-child(16){
font-size: initial;
}
#article .desc #compare-dc-container .comparedomainclubdetails li:nth-child(14) {
padding: .75rem;
}
#article .desc #compare-dc-container .comparedomainclubdetails li:last-child, #article .desc #compare-dc-container .comparedomainclub li:last-child {
min-height: 63px;
}
#compare-dc-container .comparedomainclubdetails li:first-child, #compare-dc-container .regular li:first-child{
background: #ecebe7 !important;
}
#compare-dc-container li:first-child{
color: #27283c !important;
}
/* #compare-dc-container .bronze li:nth-child(2){
background: linear-gradient(to right, #edd4bb, #fbf4ee, #edd4bb);
}
#compare-dc-container .gold li:nth-child(2){
background: linear-gradient(to right, #d9a130, #fdf693, #d9a130);
} */
/* DC table changes */
#compare-dc-container .bronze li:first-child{
background: white;
}
#compare-dc-container .gold li:first-child{
background: white;
}
#compare-dc-container .bronze li:nth-child(2){
background: linear-gradient(to right, #edd4bb, #fbf4ee, #edd4bb);
}
#compare-dc-container .gold li:nth-child(2){
background: linear-gradient(to right, #d9a130, #fdf693, #d9a130);
}
#compare-dc-container .bronze li{
background: linear-gradient(90deg, rgba(237,212,187,0.4) 0%, rgba(251,244,238,0.4) 35%, rgba(237,212,187,0.4) 100%);
}
#compare-dc-container .gold li{
background: linear-gradient(90deg, rgba(217,161,48,0.3) 0%, rgba(253,246,147,0.3) 35%, rgba(217,161,48,0.3) 100%);
}
/* END */
#compare-dc-container .bronze li:nth-child(2) strong, #compare-dc-container .gold li:nth-child(2) strong{
font-size: x-large;
}
#compare-dc-container .bronze{
color: #6c3a16;
}
#compare-dc-container .gold{
color: #7f5317;
}
.MultiCarouselDomain { float: left; overflow: hidden; width: calc(100% - 250px) !important; position:relative; }
.MultiCarouselDomain .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarouselDomain .MultiCarousel-inner .item { float: left; width: 33% !important;}
.MultiCarouselDomain .leftLst, .MultiCarouselDomain .rightLst { position:absolute; border-radius:50%;top:40px; background: none; border: none; color: #999; display: none;}
.MultiCarouselDomain .leftLst { left:0;}
.MultiCarouselDomain .rightLst { right:0;}
.MultiCarouselDomain .leftLst.over, .MultiCarouselDomain .rightLst.over { pointer-events: none; display: none}
.MultiCarouselDomain .rightLst:focus, .MultiCarouselDomain .leftLst:focus{ outline: 0; box-shadow: none!important;}
@media screen and ( min-width: 980px ) {
.MultiCarouselDomain .MultiCarousel-inner{
width: 100% !important;
}
}
@media screen and ( max-width: 785px ) {
.MultiCarouselDomain .leftLst, .MultiCarouselDomain .rightLst{
display: block;
}
}
@media screen and ( max-width: 600px ) {
.MultiCarouselDomain .leftLst, .MultiCarouselDomain .rightLst{
display: block;
}
#compare-dc-container .comparedomainclubdetails{
width: 150px!important;
}
.MultiCarouselDomain {
width: calc(100% - 150px)!important;
}
#compare-dc-container .providers{
width: calc(100% - 150px)!important;
}
#compare-dc-container .comparedomainclubdetails li:last-child, #compare-dc-container .comparedomainclub li:last-child {
min-height: 100px!important;
}
}
/*
.gold {
background-color: #FFF08D !important;
}
.silver {
background-color: #E1E1E1 !important;
}
*/
/* END MultiCarousel CSS for Domain Club page */
#GeekyDetails .table th{
border-top: none;
border-bottom: none;
}
#GeekyDetails .scrolltable{
border-top: 1px solid #ddd;
}
#compare .text-muted{
text-align: left;
}
#domain-spinner.v2{
background-image: none;
background-size: 380px, contain;
justify-content: center;
background-position: top;
padding: 5px 0 15px 0;
}
#domain-spinner.v2 .domain-spinner-container{
float: left;
width: 62%;
margin-right: 20px;
}
#domain-spinner.v2 ul li:last-child, #domain-spinner.v2 ul li:nth-child(4){
display: none;
}
#domain-spinner.v2 input{
box-shadow: none;
padding: 8px 18px;
}
#domain-spinner.v2 .btn{
box-shadow: none;
padding: 8px 28px;
}
#domain-spinner.v2 .col-md-7{
padding: 10px 0 !important;
}
#domain-spinner.v2 input{
border: 1px solid #ccc;
}
#domain-spinner.v2 ul li a{
color: initial;
}
#domain-spinner.v2 ul li a img, #domain-spinner.v2 ul li a svg{
height: 16px;
}
.desc ul li{
padding-bottom: 10px;
}
.desc ul.sommaire li, #comparison ul.sommaire li{
padding-bottom: 10px;
line-height: initial;
}
.desc ul.sommaire li ul, #comparison ul.sommaire li ul{
margin: 10px 0 -10px 17px;
}
.desc ul.sommaire li ul li:before, #comparison ul.sommaire li ul li:before {
content: '\f054';
display: block;
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: bold;
position: absolute;
margin-top: 4px;
margin-left: -15px;
font-size: small;
color: rgba(0,0,0,.25);
}
#tld-ca img{
max-height: 40px;
margin: 18px 0px;
}
.useful-article img{
object-fit: cover;
height: 64px;
}
.useful-article a{
color: #27283c;
}
.useful-article a:hover{
color: #097ffa;
text-decoration: none !important;
}
.single #article .useful-article h5{
margin-bottom: 0;
}
/*** NEW DOMAIN SPINNER ***/
#spinner-results{
background: #E9EDF6;
padding: 30px 0;
}
#spinner-results .btn-outline-primary.added{
background: #097FFA1A;
}
#spinner-results .btn-outline-primary.added:hover{
background: #097ffa;
}
#spinner-results .domain-box{
background: white;
box-shadow: 0px 6px 12px #0000001A;
border-radius: 12px;
}
#spinner-results .domain-box .main-result-status{
color: white;
font-weight: 600;
padding: 6px 30px;
border-radius: 12px 12px 0 0;
}
#spinner-results .domain-box.available .main-result-status{
background: #28A745;
}
#spinner-results .domain-box.top-alternative .main-result-status{
background: #17A2B8;
}
#spinner-results .domain-box.taken .main-result-status{
background: #C52127;
}
#spinner-results .domain-box .main-result-details{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px 30px;
}
#spinner-results #domain-results .domain-result-line{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 16px 30px;
}
#spinner-results .domain-box.taken .main-result-details, #spinner-results .domain-box.top-alternative .main-result-details{
flex-direction: column;
align-items: flex-start;
}
#spinner-results .domain-box .main-result-details .domain{
font-size: 32px;
}
#spinner-results .domain-box.taken .main-result-infos, #spinner-results .domain-box.top-alternative .main-result-infos{
margin-top: 10px;
min-height: 45px;
}
#spinner-results .domain-box.taken .main-result-details .domain{
opacity: .5;
}
#spinner-results .domain-box.top-alternative .main-result-details .domain .tld{
color: #17A2B8;
}
#spinner-results .domain-box.taken .main-result-details .domain .tld{
color: #C52127;
}
#spinner-results .domain-box .main-result-details .domain i{
font-size: 22px;
}
#spinner-results .domain-box .main-result-infos, #spinner-results #domain-results .result-infos{
display: flex;
flex-direction: row;
align-items: center;
}
#spinner-results .domain-box.taken .main-result-infos .owner{
font-size: small;
}
#spinner-results .domain-box .main-result-infos{
justify-content: space-between;
}
#spinner-results .domain-box.top-alternative .main-result-infos{
width: 100%;
}
#spinner-results .domain-box .domain-price-details, #spinner-results #domain-results .domain-price-details{
display: flex;
flex-direction: row;
align-items: center;
}
#spinner-results .domain-box .main-result-infos .btn, #spinner-results #domain-results .result-infos .btn{
margin-left: 30px;
}
#spinner-results .domain-box .main-result-infos .domain-pricing{
margin-left: 20px;
text-align: right;
min-width: 140px;
}
#spinner-results #domain-results .result-infos .domain-pricing{
margin-left: 20px;
text-align: right;
min-width: 140px;
}
#spinner-results .domain-box.top-alternative .main-result-infos .domain-pricing{
margin: 0 30px 0 0;
text-align: left;
}
#spinner-results .domain-box .main-result-infos .domain-pricing .domain-register-price, #spinner-results #domain-results .result-infos .domain-pricing .domain-register-price{
font-size: 18px;
margin-bottom: -2px;
}
#spinner-results .domain-box .main-result-infos .domain-pricing .domain-renewal-price, #spinner-results #domain-results .result-infos .domain-pricing .domain-renewal-price{
font-size: 12.8px;
}
#spinner-results .domain-box .main-result-infos .domain-savings, #spinner-results #domain-results .result-infos .domain-savings{
background: #FFCC0080;
border-radius: 38px;
line-height: 32px;
color: #664D03;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
padding: 0 15px;
white-space: nowrap;
}
#spinner-results #domain-results{
background: white;
border-radius: 12px;
margin-top: 30px;
}
#spinner-results #domain-results .domain-result-line .domain i.fa-info-circle{
margin-left: 5px;
}
#spinner-results #domain-results .domain-result-line:not(:last-of-type){
border-bottom: 1px solid #00000010;
}
#spinner-results .domain .premium{
background: #27283C;
color: white;
border-radius: 24px;
padding: 3px 15px;
font-size: 12.8px;
font-weight: 600;
text-transform: uppercase;
margin-left: 10px;
}
#spinner-results #domain-results #more-results{
text-align: center;
padding: 16px 0;
}
#domains-cart{
position: fixed;
width: 100%;
z-index: 999999!important;
bottom: 0;
background: #fff;
display: none;
padding: 20px 30px;
box-shadow: 0px -6px 12px #0000001A;
}
@media screen and (max-width: 600px){
#cart-content {
overflow-y: auto;
max-height: 25vh;
}
#domains-cart #cart-content ul li .cart-content-price {
position: absolute;
right: 2rem;
}
#domains-cart #cart-content ul li .cart-content-remove {
position: absolute;
right: 0;
}
}
#domains-cart.show{
display: block;
}
#domains-cart .container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#domains-cart #cart-count{
display: block;
font-size: small;
}
#domains-cart #cart-details{
display: flex;
flex-direction: row;
align-items: center;
}
#domains-cart #cart-details #cart-amount{
margin-right: 30px;
font-size: 24px;
font-weight: bold;
}
#domains-cart #cart-content .container{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #00000010;
}
#domains-cart #cart-content ul{
list-style: none;
margin-bottom: 0;
padding-left: 0;
display: flex;
width: 100%;
}
#domains-cart #cart-content ul li{
display: flex;
flex-direction: row;
}
#domains-cart #cart-content ul li .cart-content-domain, #domains-cart #cart-content ul li .cart-content-price{
margin-right: 10px;
}
#domains-cart #cart-content ul li .cart-content-remove{
display: flex;
align-items: start;
opacity: 0;
margin-right: 20px;
padding-top: 4px;
}
/*
#domains-cart #cart-content ul li:last-child .cart-content-remove{
margin-right: 0;
}
*/
#domains-cart #cart-content ul li:hover .cart-content-remove{
opacity: 1;
}
.skeleton {
background: #e9edf6;
width: 100%;
border-radius: 6px;
height: 20px;
animation: pulse 1s ease-in-out infinite;
}
#loading .main-result-status{
background: #e9edf6;
animation: pulse 1s ease-in-out infinite;
height: 36px;
}
#loading .main-result-infos .domain-pricing{
margin-left: 30px !important;
}
#spinner-results #loading .domain-box .main-result-details{
padding: 24px 30px;
}
.main-result-status .skeleton{
width: 175px;
}
.domain-register-price .skeleton{
margin: 0 0 6px auto;
width: 75%;
}
.domain-renewal-price .skeleton {
height: 14px;
}
.domain .skeleton{
width: 200px;
height: 32px;
margin-top: 6px;
}
.skeleton.domain-savings{
width: 90px;
height: 32px;
}
.skeleton.addToCart{
width: 136px;
height: 38px;
margin-top: 2px;
margin-left: 20px;
}
#loading-results{
background: white;
border-radius: 12px;
list-style: none;
padding-left: 0;
margin: 30px 0 0 0;
}
#loading-results li{
padding: 16px 30px;
border-bottom: 1px solid #00000010;
}
#loading-results li:last-child{
border-bottom: 0;
}
#loading-results li .main-result-details{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
#loading-results li .main-result-infos, #loading-results li .domain-price-details{
display: flex;
flex-direction: row;
align-items: center;
}
#loading-results li .domain-pricing{
text-align: right;
min-width: 130px;
}
#loading-results li .domain-savings{
border-radius: 38px;
}
@keyframes pulse {
0% {
background: #e9edf6;
}
50% {
background: #e9edf650;
}
100% {
background: #e9edf6;
}
}
@media screen and (max-width: 991px){
#spinner-results .domain-box .main-result-details, #spinner-results #domain-results .domain-result-line, #loading-results li .main-result-details{
flex-direction: column;
align-items: flex-start;
}
#spinner-results .domain-box .main-result-details .domain{
font-size: 28px;
}
#spinner-results .domain-box.available .main-result-details .domain{
margin-bottom: 10px;
overflow-wrap: anywhere;
}
#spinner-results .domain-box .main-result-details .domain i{
font-size: 18px;
}
#spinner-results .domain-box .main-result-infos .domain-pricing, #spinner-results #domain-results .result-infos .domain-pricing{
order: 1;
text-align: left;
margin-left: 0;
}
#loading .domain-box .main-result-infos .domain-pricing, #loading .main-result-infos .domain-pricing{
order: 1;
text-align: left !important;
margin-left: 0 !important;
margin-right: 30px;
}
.domain-register-price .skeleton{
margin: 0 auto 6px 0;
}
#spinner-results .domain-box .main-result-infos .domain-savings, #spinner-results #domain-results .result-infos .domain-savings, #loading .domain-savings{
order: 2;
}
#spinner-results .domain-box .main-result-infos .btn, #spinner-results #domain-results .result-infos .btn, #loading .addToCart{
order: 3;
}
#spinner-results .domain-box.taken .main-result-infos, #spinner-results .domain-box.top-alternative .main-result-infos{
min-height: unset;
}
#spinner-results .domain-box.top-alternative, #spinner-results #domain-results{
margin-top: 20px;
}
#spinner-results #domain-results .domain-result-line .domain{
margin-bottom: 8px;
font-size: 18px;
}
#spinner-results .domain-box .main-result-infos, #spinner-results #domain-results .result-infos {
width: 100%;
}
#spinner-results #domain-results .result-infos{
justify-content: space-between;
}
#loading .domain{
margin-bottom: 10px;
}
#loading-results li .main-result-infos{
justify-content: space-between;
width: 100%;
}
#loading-results .domain .skeleton{
height: 25px;
}
}
@media screen and (max-width: 600px){
#spinner-results .domain-box{
margin: 0 -15px;
}
#spinner-results .domain-box .main-result-infos, #spinner-results #domain-results .result-infos, #loading-results li .main-result-infos{
flex-direction: column;
align-items: flex-start;
}
#spinner-results .domain-box .domain-price-details, #spinner-results #domain-results .domain-price-details, #loading-results li .domain-price-details{
justify-content: space-between;
width: 100%;
}
#spinner-results .domain-box .main-result-infos .btn, #spinner-results #domain-results .result-infos .btn, #loading .skeleton.addToCart{
margin: 10px 0 0 0;
width: 100%;
}
#domains-cart{
padding: 20px 0;
}
#domains-cart #cart-details #cart-amount{
font-size: 21px;
margin-right: 20px;
}
#domains-cart #cart-details .btn-primary{
font-size: 1rem;
}
#domains-cart #cart-content ul{
flex-direction: column;
}
#domains-cart #cart-content ul li:not(:last-child){
margin-bottom: 10px;
}
#domains-cart #cart-content ul li .cart-content-remove{
opacity: 1;
}
}
@media screen and ( min-width: 1675px ) {
#featured-products .weareopen{
background-size: contain !important;
background-color: #0347c3 !important;
}
#featured-products .weareopen .row, #featured-products .valentinesDay .row{
max-width: 1600px;
margin: 0 auto;
}
#featured-products .valentinesDay{
background-size: contain !important;
background-color: #27283d !important;
}
}
@media screen and ( max-width: 1500px ) {
#post-175 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/CA-Lives-Here.jpg) top right -350px !important;
background-size: cover !important;
}
#post-179 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/chez-soi-du-ca.jpg) top right -350px !important;
background-size: cover !important;
}
}
@media screen and ( max-width: 1300px ) {
#post-175 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/CA-Lives-Here.jpg) top left -90px !important;
background-size: cover !important;
}
#post-179 #featured-products .caDomain{
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(255,255,255,0) 70%), url(/wp-content/themes/whc/images/chez-soi-du-ca.jpg) top left -90px !important;
background-size: cover !important;
}
#featured-products .col-md-6{
text-align: center;
padding: 40px 10px;
}
#featured-products h2 {
margin: 0 auto 10px !important;
font-size: 26px;
}
#featured-products .weareopen h2, #featured-products .weareopen.fr h2, #featured-products .canadaday h2, #featured-products .valentinesDay h2 {
font-size: 36px;
}
#featured-products .hosting.earth-day h2{
margin: 0 auto 10px !important;
font-size: 36px;
}
#domain-spinner.v2 .domain-spinner-container{
width: 100%;
}
#domain-spinner.v2 ul li:last-child, #domain-spinner.v2 ul li:nth-child(4){
display: inline-block !important;
}
}
/* Responsive fix */
@media screen and ( min-width: 991px ) and ( max-width: 1300px ) {
#domain-spinner.v2 .domain-spinner-container{
width: 60%;
}
#domain-spinner.v2 ul li:last-child, #domain-spinner.v2 ul li:nth-child(4){
display: none !important;
}
}
@media screen and ( max-width: 1227px ) {
#featured-products .weareopen h2, #featured-products .canadaday h2, #featured-products .valentinesDay h2{
font-size: 36px;
}
#featured-products .weareopen .hosting, #featured-products .canadaday .hosting, #featured-products .valentinesDay .hosting{
text-align: left;
}
#featured-products .weareopen .domain, #featured-products .canadaday .domain, #featured-products .valentinesDay .domain{
text-align: right;
}
#featured-products .valentinesDay .container{
background-size: 400px;
}
}
@media screen and ( max-width: 1200px ) {
#post-78 #header.valentinesDay .container, #post-134 #header.valentinesDay .container{
background: none;
}
#header img.sitemojo{
width: 500px;
right: calc(50% - 700px);
top: calc(50% - 155px);
}
}
@media screen and (max-width: 992px){
#featured-products .hosting.earth-day {
text-align: center !important;
padding: 60px 10px 260px 10px;
}
#featured-products .hosting.earth-day h2{
margin: 0 auto 10px !important;
}
#featured-products .hosting.earth-day {
background: url(/wp-content/themes/whc/images/earth-day.svg) center bottom -130px;
}
#featured-products .weareopen h2, #featured-products .weareopen.fr h2, #featured-products .canadaday h2, #featured-products .canadaday.fr h2, #featured-products .valentinesDay h2, #featured-products .valentinesDay.fr h2 {
font-size: 26px;
max-width: 310px !important;
}
#featured-products .canadaday.fr{
padding: 50px 20px;
}
.ca-domain-sale-canada-day{
height: 140px !important;
}
.team img{
width: 125px;
height: 125px;
}
#featured-products .valentinesDay h2{
margin: 0 auto 10px 0 !important;
}
}
@media screen and (max-width: 781px){
#featured-products .weareopen, #featured-products .valentinesDay {
padding: 0;
}
#featured-products .weareopen .col-md-5 {
max-width: 100%;
flex: 50%;
margin: 0;
text-align: center;
padding: 30px 10px;
background: radial-gradient(circle at bottom center,#019DDB,#004DBF 75%) #004DBC;
}
#featured-products .valentinesDay .col-md-5 {
max-width: 100%;
flex: 50%;
margin: 0;
text-align: center;
padding: 30px 10px;
background: radial-gradient(circle at bottom center,#fb5c8e,#e05380 75%) #e05380;
}
#featured-products .weareopen .domain, #featured-products .valentinesDay .domain {
background: radial-gradient(circle at bottom center,#33354F,#27283c 75%) #27283c;
}
#featured-products .weareopen h2{
text-shadow: none;
}
#featured-products .valentinesDay .container{
background-position: center bottom;
padding: 30px 0 80px;
background-size: 360px;
}
#featured-products .valentinesDay.fr .container{
background-position: center bottom;
padding: 30px 0 80px;
background-size: 360px;
}
#featured-products .valentinesDay h2 {
margin: 0 auto 10px !important;
}
#featured-products .valentinesDay .hosting{
padding-bottom: 250px;
text-align: center;
}
}
@media screen and (max-width: 767px){
#featured-products .hosting.earth-day {
padding: 30px 10px 180px 10px;
}
#featured-products .col-md-5{
padding: 40px 0 140px;
}
#featured-products .offset-md-2{
padding: 20px 0 40px;
}
#featured-products .hosting.earth-day {
background: url(/wp-content/themes/whc/images/earth-day.svg) center bottom -50px;
}
#featured-products .weareopen .col-md-5 {
width: 100%;
flex: 100%;
text-align: center;
padding: 30px 10px;
background: radial-gradient(circle at bottom center,#019DDB,#004DBF 75%) #004DBC;
}
#featured-products .valentinesDay .col-md-5 {
width: 100%;
flex: 100%;
text-align: center;
padding: 30px 10px;
background: radial-gradient(circle at bottom center,#fb5c8e,#e05380 75%) #e05380;
}
#featured-products .weareopen .domain, #featured-products .valentinesDay .domain {
background: radial-gradient(circle at bottom center,#33354F,#27283c 75%) #27283c;
}
#featured-products .canadaday, #featured-products .canadaday.fr {
padding: 0;
}
#featured-products .canadaday .col-md-5 {
width: 100%;
flex: 100%;
text-align: center;
padding: 30px 10px;
background: url("/wp-content/themes/whc/images/bg-canada-day-2020.jpg") bottom left #27283c;
background-size: cover;
}
#featured-products .canadaday .domain {
background: radial-gradient(circle at bottom center,#E92732,#c0242e 75%) #c0242e;
}
#featured-products .canadaday .domain .btn-danger{
background: white;
color: #c0242e;
}
#featured-products .weareopen, #featured-products .canadaday, #featured-products .valentinesDay {
padding: 0;
}
#featured-products .weareopen h2, #featured-products .canadaday h2{
font-size: 32px;
text-shadow: none;
}
#featured-products .valentinesDay h2{
font-size: 29px;
text-shadow: none;
}
#featured-products .col-md-5{
padding: 40px 0 140px;
}
#featured-products .blm {
background: black;
text-align: center !important;
}
#featured-products .blm .col-md-5 {
padding: 0 0 40px;
}
.useful-article img{
height: auto;
}
#tbr-explanation strong:before{
content: '\f078';
left: calc(50% - 10px);
top: 0;
}
#tbr-explanation strong:after{
content: '\f078';
left: calc(50% - 10px);
top: -12px;
}
#tbr-explanation .col-md-3 {
margin-top: 30px;
padding-top: 30px;
}
#tbr-explanation .col-md-3.first-step {
margin-top: 0;
padding-top: 0;
}
#tbr-explanation small {
max-width: 250px;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 450px){
[lang="fr-CA"] #domain-spinner.v2, [lang="en-CA"] #domain-spinner.v2{
background: none;
}
#domain-spinner.v2 .domain-spinner-container{
max-width: 100% !important;
margin: 0;
}
#domain-spinner.v2 .tld-index li {
width: 45%;
text-align: center;
}
#domain-spinner.v2 .tld-index{
display: none !important;
}
#featured-products{
padding-left: 0;
padding-right: 0;
}
#featured-products .btn{
font-size: initial;
}
#post-175 #featured-products .caDomain {
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0.7) 70%), url(/wp-content/themes/whc/images/CA-Lives-Here.jpg) top left !important;
background-size: cover !important;
}
#post-179 #featured-products .caDomain {
background: linear-gradient(to right, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0.7) 70%), url(/wp-content/themes/whc/images/chez-soi-du-ca.jpg) top left !important;
background-size: cover !important;
}
#compare .compareprovider li:nth-child(16){
font-size: initial;
}
#compare .comparedetails li:nth-child(14) {
padding: .75rem;
}
#compare .comparedomainclub li:nth-child(16){
font-size: initial;
}
#compare .comparedomainclubdetails li:nth-child(14) {
padding: .75rem;
}
.ca-domain-sale-canada-day {
height: 80px !important;
background-position: center right -100px !important;
}
}
#plans.migrate .col.plan{
width: 33%;
}
#why.migrate .large-icon {
position: absolute;
margin: 0 0 0 -50px;
font-size: xx-large;
color: #097ffa;
}
#why.migrate .col-md-4 {
padding-left: 70px;
margin-top: 40px;
}
#why.migrate h4 {
font-size: large;
}
#post-9527 #powerful-solutions .container, #post-11791 #powerful-solutions .container, #post-12837 #powerful-solutions .container, #post-12844 #powerful-solutions .container{
padding: 0;
}
#solution.green{
background: #c2ebff;
padding: 60px 0 0 0;
}
#solution.green img{
width: 100%;
height: auto;
margin: 0;
}
#solution.green .large-icon{
position: absolute;
margin: 0 0 0 -50px;
font-size: xx-large;
color: #008f42;
}
#solution .large-icon {
position: absolute;
margin: 0 0 0 -50px;
font-size: xx-large;
color: #097ffa;
}
#solution .col-md-4 {
padding-left: 70px;
margin-top: 40px;
}
#solution h4 {
font-size: large;
}
.btn-green{
background: #008f42;
border: 1px solid #008f42;
color: white;
}
.btn-green:hover{
background: #007537;
border: 1px solid #007537;
color: white;
}
#post-12837 .btn-primary, #post-12844 .btn-primary{
background: #008f42;
border: 1px solid #008f42;
}
#post-12837 #relance, #post-12844 #relance, .greenBadges{
background: #008f42 !important;
color: white;
}
.greenBadges a.btn:hover{
color: #008f42;
}
.greenBadges .modal{
color: initial;
}
.greenBadges img{
margin: 10px 0 !important;
}
#post-12837 #include img, #post-12844 #include img{
width: 100%;
height: auto;
margin: 0;
}
#post-12837 #header img, #post-12844 #header img{
position: absolute;
bottom: 0;
right: 0;
}
@media only screen and (max-device-width : 550px) {
#post-12837 #header img, #post-12844 #header img{
position: relative;
margin-top: 20px;
}
}
.carousel-control-prev-icon:before, .carousel-control-next-icon:before{
display: none;
}
#carouselExampleIndicators{
max-width: 800px;
margin: 0 auto;
}
@media only screen and (max-device-width : 414px) and (max-device-height : 812px) {
#compare{
display: none;
}
#showTLDs{
display: none;
}
}
#faq ol{
list-style: none;
}
#faq ol li{
margin: 10px 0;
counter-increment: list;
}
#faq ol li:before {
background-color: #8a8ca2;
min-width: 24px;
text-align: center;
padding-left: 0px;
height: 24px;
line-height: 24px;
vertical-align: top;
border-radius: 13px;
background-clip: padding-box;
color: white;
display: inline-block;
font-weight: 700;
content: counters(list,".") " ";
margin-right: 15px;
position: absolute;
margin-left: -35px;
font-size: 14px;
}
#faq ol li ol{
counter-reset: list;
}
#faq ol li ol li:before{
background: #e9edf6;
color: #666;
padding: 0px 8px;
margin-left: -45px;
}
#seoChecker{
background: #097ffa;
color: white;
padding: 40px 0;
border-radius: 6px;
}
#seoChecker .container{
width: 100%;
max-width: 900px;
}
#seoChecker input{
width: calc(100% - 120px);
border-radius: 3px 0 0 3px;
margin-top: 10px;
}
#seoChecker button{
margin-left: -8px;
border-radius: 0 3px 3px 0;
width: 120px;
background: #27283c;
margin-top: 10px;
}
iframe{
border: 0;
}
.desc legend{
font-size: small;
}
.desc .imgLegend legend{
margin: -20px 0 20px;
}
h2{
font-size: 39px;
}
#loading-spinner{
background: #0977fa;
color: white;
text-align: center;
padding: 60px 0;
font-size: large;
display: none;
}
#loading-spinner i{
font-size: xx-large;
display: block;
margin-bottom: 10px;
}
.selectTLD:hover{
cursor: pointer;
}
/* Partners Slider */
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
#tlds .tld-tm{
display: none !important;
}
.alert-warning{
color: inherit;
background-color: #FDF7E8;
padding: 20px 18px 20px 65px;
border-radius: 6px;
border: 1px solid #EDB431;
line-height: 1.5rem;
}
.alert-warning:before{
color: #EDB431;
content: "\f071";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
font-size: 28px;
position: absolute;
left: 20px;
top: 22px;
vertical-align: middle;
}
.alert-info{
color: inherit;
background-color: #F0F7FB;
padding: 20px 18px 20px 65px;
border-radius: 6px;
border: 1px solid #2D9EE0;
line-height: 1.5rem;
}
.alert-info:before{
color: #2D9EE0;
content: "\f05a";
font-family: Font Awesome\ 6 Pro;
font-style: normal;
font-weight: 900;
font-size: 28px;
position: absolute;
left: 20px;
top: 22px;
vertical-align: middle;
}
.alert-info.tips:before {
content: "\f0d0" !important;
}
.alert-info.tips h3, .alert-info h4{
margin-top: 0 !important;
}
.enbref{
background: rgba(9,127,250,0.05);
padding: 50px 30px 20px 30px;
margin-bottom: 30px;
}
.enbref::before {
content: 'Quick Summary';
background: #27283c;
color: white;
font-weight: 500;
text-transform: uppercase;
padding: 2px 16px;
width: max-content;
font-size: small;
position: absolute;
margin: -50px 0 0 -30px;
}
[lang="fr-CA"] .enbref::before {
content: 'En bref';
}
#phplive_iframe_chat_embed_wrapper{ box-shadow: 0 50px 100px rgba(0,0,0,0.3) !important;
/* max-height: 535px !important; */
max-height: 610px !important;
}
@media only screen and (max-device-width : 414px) and (max-device-height : 812px) {
#phplive_iframe_chat_embed_wrapper {
/* max-height: 515px !important;*/
max-height: 610px !important;
}
}
#greenHostingBadge{
width: 100%;
max-width: 130px;
margin-left: 20px;
}
.earth-day-banner {
background: #28a745;
color: white;
text-align: center;
padding: 20px;
font-size: x-large;
}
.search-results{
margin-bottom: 40px;
}
#phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 6px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; height: 45px;"], #phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 6px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; opacity: 1; height: 45px;"], #phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 6px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; height: 45px; opacity: 1;"],#phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 5px 5px 0px 0px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; opacity: 1; height: 45px;"], #phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 5px 5px 0px 0px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; height: 45px;"], #phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 10px 10px 0px 0px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; opacity: 1; height: 45px;"], #phplive_iframe_chat_embed_wrapper[style="bottom: -3px; width: 250px; max-height: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 25px; border-radius: 10px 10px 0px 0px; overflow: hidden; position: fixed; right: 20px !important; z-index: 2147483647 !important; height: 45px;"] {
opacity: 0 !important;
}
@media screen and ( max-height: 650px ) {
/*#helpwidget .popans{
display: none;
}
.helpwidget-body .quickhelp{
padding: 25px 20px 5px;
}*/
#helpwidget-lunch{
transform: scale(.75);
bottom: 10px;
}
#helpwidget{
bottom: 80px;
}
.helpwidget-header{
padding-top: 10px;
}
}
@media print {
#details{
display: block;
visibility: visible;
}
#GeekyDetails {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
overflow: visible!important;
}
#GeekyDetails .scrolltable{
max-height: none;
}
}
@media screen and ( max-width: 991px ) {
#promobanner.summer-sale .beaver{
width: 800px;
}
#promoinnerbanner{
font-size: medium;
}
#promoinnerbanner .details {
padding: 10px 0;
}
#promoinnerbanner.spookysavings .details{
padding: 30px 0;
}
#header.mailermojo{
text-align: center;
}
#header.domain-club{
text-align: center;
}
#header.mailermojo .container{
background: none;
}
.email-template{
margin-bottom: 20px;
}
.feature{
padding-bottom: 0;
text-align: center !important;
}
.feature .visual{
margin-top: 40px;
order: 2;
}
.feature .desc{
order: 1;
}
.feature.bottom-section{
padding: 100px 0;
}
.feature.bottom-section .col-lg-6:last-of-type{
padding-top: 100px;
}
#plans.mailermojo .mb-5{
margin: 0 !important;
}
#plans.mailermojo .mb-5 .btn{
margin-top: 10px !important;
}
.desktop{
display: none;
}
#promobanner.christmas-july, #promobanner.noel-juillet{
background: url(/wp-content/themes/whc/images/banners/christmas-july-background.svg) #91ecff no-repeat left bottom;
background-size: 150%;
padding: 40px 10px 300px 10px;
}
#promobanner.christmas-july .col-lg-6, #promobanner.noel-juillet .col-lg-6{
text-align: center;
}
#promobanner.halloween{
padding: 40px 10px 120px;
max-height: 740px;
}
#promobanner.halloween #spider{
margin-top: -40px;
}
#header img.sitemojo{
display: none;
}
#tbr-list, #tbr-list .container{
padding: 0;
}
#tbr-list h2{
display: none;
}
#tbr-list .sidebar{
width: 100%;
}
#tbr-list .sidebar h3{
border-radius: 0;
margin-bottom: 0;
}
#tbr-list .list{
width: 100%;
margin: 20px 0 0 0 !important;
}
#tbr-list .list .head{
display: none;
}
#tbr-table .tbr-line.head-mobile{
display: block;
background: #33354F;
color: white;
font-weight: 600;
padding: 1.2rem .75rem;
border-radius: 6px 6px 0 0;
}
#tbr-table .tbr-line.head-mobile i{
font-size: x-large;
margin: 0 5px 0 10px;
}
#tbr-list .entries, #tbr-list .pages{
text-align: center !important;
}
#tbr-list nav{
float: none;
}
#tbr-list nav .pagination{
display: block;
margin-bottom: 20px;
}
#tbr-list nav .pagination li.page-item {
display: inline-block;
margin: 0 -2px;
}
#tbr-list #backorder-cart, #tbr-list #backorder-filters, #tbr-list #backorder-sort{
position: fixed;
left: 0;
z-index: 99;
border: 0;
top: unset;
bottom: 0;
margin: 0 10px;
width: calc(100% - 25px);
border-radius: 12px 12px 0 0;
}
#tbr-list #backorder-filters{
display: none;
}
#tbr-list #backorder-cart .backorderCartContent{
display: none;
}
#tbr-list #backorder-cart.show{
box-shadow: 0 0 100px 25px #33354f;
border-top: 1px solid white;
}
#tbr-list #backorder-cart.show .backorderCartContent{
display: block;
padding: 10px 0;
}
#tbr-list #backorder-filters.show{
box-shadow: 0 0 100px 25px #33354f;
display: block;
padding: 10px 20px;
border-top: 1px solid white;
margin: 0 10px;
width: calc(100% - 25px);
border-radius: 12px 12px 0 0;
}
#tbr-list #backorder-filters.show h3{
margin-bottom: 10px;
border-radius: 12px 12px 0 0;
}
#backorder-cart, #backorder-filters {
background: white;
padding: 10px 20px 0;
margin: 0;
border-radius: 0;
}
#backorder-sort {
box-shadow: 0 0 100px 25px #33354f;
background: white;
padding: 10px 20px 20px;
margin: 0;
border-radius: 0;
}
#tbr-list #backorder-sort h3{
margin-bottom: 10px;
border-top: 1px solid white;
border-radius: 12px 12px 0 0;
}
#backorder-sort input{
margin-bottom: 5px;
}
#tbr-list .tbr-line{
padding: .75rem .75rem;
align-items: center;
}
#tbr-table .tbr-line .domain{
/* width: calc(100% - 150px);*/
padding-left: 0;
}
#tbr-table .tbr-line .featured{
margin: 9px 0 0 -15px;
position: absolute;
}
#tbr-table .tbr-line .release-date{
/*
font-size: small;
color: #6C757D;
position: absolute;
left: .75rem;
margin-top: 25px;
*/
}
}
@media screen and ( max-width: 767px ) {
#tbr-list .tbr-line{
flex-direction: column;
align-items: start;
}
#tbr-table .tbr-line .domain{
order: 1;
font-size: large;
width: 100%;
}
#tbr-table .tbr-line .min-bid{
order: 2;
font-weight: bold;
}
#tbr-table .tbr-line .release-date{
order: 3;
}
#tbr-table .tbr-line .status{
order: 4;
}
#tbr-table .tbr-line .action{
order: 5;
width: 100%;
text-align: right !important;
margin-top: -40px;
}
#tbr-list .tbr-line div{
text-align: left !important;
}
#header img.mailermojo {
height: 38px;
display: block;
margin: 0 auto;
}
#header.mailermojo h1{
margin-top: 20px;
}
#promoinnerbanner.summersale {
padding: 30px 10px !important;
max-height: none !important;
}
#promoinnerbanner.spookysavings{
padding-bottom: 0!important;
max-height: none;
/*margin-bottom: -50px;*/
text-shadow: none;
}
#promobanner.halloween{
max-height: 1000px;
}
}
@media screen and ( max-width: 600px ) {
#tbr-list .list {
margin: 0 !important;
}
#tbr-table .tbr-line.head-mobile{
border-radius: 0;
}
.page-id-16506 #header h1.v2, .page-id-17640 #header h1.v2 {
font-size: 38px;
margin-bottom: 20px;
}
.page-id-16506 #header h2, .page-id-16506 #header p, .page-id-17640 #header h2, .page-id-17640 #header p{
display: none;
}
#backorder-countdown{
font-size: large;
}
[lang="fr-CA"] #promoinnerbanner.canadaday{
font-size: large;
}
#promoinnerbanner.canadaday {
padding: 30px 10px !important;
height: 125px !important;
background-position: right !important;
}
#promoinnerbanner.canadaday small{
font-size: medium;
}
#promoinnerbanner .desktop{
display: none;
}
#promoinnerbanner .details{
margin: 25px 0 -15px 0;
}
#promoinnerbanner.newyear .details{
margin: 0;
padding: 0 0 20px !important;
font-size: medium !important;
}
#promoinnerbanner.spookysavings .details{
margin: 0;
display: block;
}
[lang="fr-CA"] #promoinnerbanner.summersale{
font-size: large;
}
#promoinnerbanner.summersale {
padding: 30px 10px !important;
max-height: none !important;
}
#promoinnerbanner.summersale small{
font-size: medium;
}
#powerful-solutions .btn {
margin: 20px auto 10px auto;
width: 250px;
}
#powerful-solutions .sale{
width: 250px;
margin: 0 auto;
}
#promobanner.summer-sale .beaver{
margin-bottom: -25px;
}
#promobanner .desktop{
display: none;
}
#promobanner .mobile{
display: block;
}
#backorder-sort .type{
height: 40px;
line-height: 40px;
}
#backorder-sort button{
float: right;
margin-left: 10px;
}
.page-id-16506 #header, .page-id-17640 #header{
background: url(/wp-content/themes/whc/css-modules/images/image-mockups/backorder.jpg) center bottom -20px repeat-x;
border-bottom: 1px solid #fff;
}
#backorder-filters #close-filter{
display: none;
margin: 7px;
}
#backorder-sort #close-sort{
display: none;
margin: 7px;
}
[lang="fr-CA"] #tbr-table .tbr-line .domain {
width: calc(100% - 180px);
}
.mobile-btn-width{
width: 80%;
}
#promobanner.christmas-july, #promobanner.noel-juillet {
background: url(/wp-content/themes/whc/images/banners/christmas-july-background.svg) #91ecff no-repeat left bottom;
background-size: 250%;
padding: 40px 10px 260px 10px;
}
#post-78 #header.christmas-july, #post-134 #header.noel-juillet
/* Canadian Web Hosting - Spring Campaign */{
background-color: #91ECFF;
padding-bottom: 200px;
background-position: bottom right;
background-size: 200% !important;
}
#post-78 #header.christmas-july .col-lg-5, #post-134 #header.noel-juillet .col-lg-5{
margin-top: 40px;
}
}
.incident{
background: #c0242e;
color: white;
padding: 5px;
text-align: center;
font-size: small;
}
.incident a{
color: white;
text-decoration: underline;
}
.incident i{
margin-right: 5px;
}
#servers-update p {
display: inline-block;
}
#servers-update .badge{
margin: 6px 20px 0 0;
}
#servers-update .list-group-item {
font-weight: normal;
}
#servers-update .list-group-item:hover{
cursor: pointer;
background: #e9edf6;
}
#servers-update .list-group-item:hover:after{
color: #097ffa;
}
#servers-update .list-group-item:after {
content: "\f067";
font-weight: 900;
}
#servers-update .text-secondary {
font-size: small;
line-height: normal;
}
/** Floating form input styles **/
:root {
--input-padding-x: .75rem;
--input-padding-y: .75rem;
}
.form-label-group {
position: relative;
margin-bottom: 1rem;
}
.form-label-group > input,
.form-label-group > textarea,
.form-label-group > label {
padding: var(--input-padding-y) var(--input-padding-x);
}
.form-label-group > label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0; /* Override default `