@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 `