/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
.announ{
position: absolute;
margin-top: 35px;
background: #FFF9D7;
padding: 5px 50px;
margin-left: -600px;
color: #000;
font-size: 18px;
width: 610px;
	font-family: bodoni-urw,sans-serif;
}
.announ-home{
 position: absolute;
margin-top: 350px;

    }	

.announ-link{
	color:red;
}
.col-contact .text-wrap{
	max-width: 69.4444444444rem;
}
.col-hours{
font-size: 17px;
line-height: 1.5;
color: #000000;
margin: 5px 0 0;
padding: 5px;
}
.series-designer,.series-elite,.series-standard,.series-builder{
	font-size: 14px;
}
.series-designer{
	color:#000000;
}
.series-elite{
	color:#000000;
}
.series-standard{
	color:#000000;
}
.series-builder{
	color:#000000;
}
.content-block.block-quote{
	height:auto !important;
}
.content-block.block-quote .blockquote,
.content-block.block-quote .blockquote p{
	font-size: 1.2rem !important;
}
.content-block.block-quote .blockquote-content p::before {
    top: 40px  !important;
}
.content-block.content-columns li{
	text-align: left;
}
.int-sink-block{
	padding-bottom:0px !important;
	padding-top:50px !important;
}
.int-sink-block2{
	padding-top:50px !important;
}
.int-sink-block .text-wrap{
	max-width:100%;
}

.int-sink-block h3{
	color: #1f3740;
font-size: 1.2777777778rem;
font-weight: 300;
font-family: niveau-grotesk,sans-serif;
margin-top: 1.1111111111rem;
}
.int-sink-block h2{
	font-size:28px;
}
.int-abby-block{
	padding-bottom:0px !important;
	padding-top:50px !important;
}
.int-abby-block .text-wrap{
	max-width:100%;
}
.content-columns{
	padding-top: 0px !important;
}
.color-button{
	background: #383838 !important;
border: 2px solid #383838 !important;
}
span.jumbo{background: #F5DEBB;
color:#5a431f;
border-radius: 15px;
padding: 0px 2px;
margin: 1px;}

span.suede{background:#bfe6e5;
color: #00405f;
border-radius: 15px;
padding: 0px 2px;
margin: 1px;}

span.matte{background:#fbdaff;
color: #00405f;
border-radius: 15px;
padding: 0px 2px;
margin: 1px;}

.dekton-edge-head{ margin-bottom:-100px;}

.dekton-head h2.header{
	font-size:32px;
}
.loc_email{
	font-size:15px;
	color:#000000;
}
.button.white.transparent{
	padding:15px 15px;
	left: 35px;
}
.gfield_description{
	text-align: left;align-content;
	font-weight: 500;
}
section.worksheet-wrapper .text-wrap{
	max-width:40em !important;
}
section.worksheet-wrapper h3{
	text-align: left;
display: block;
}
section.cosentino .text-wrap{
	max-width:1600px !important;
	margin-top:0px;
}
section.cosentino2 .text-wrap{
	max-width:1600px !important;
	margin-top:-150px;
}

section.home-calgary .text-wrap{
	max-width:40em !important;
}
section.home-calgary{

	background-image: url("https://www.colonialcountertops.com/wp-content/uploads/2023/04/calgary-col.png");
	background-repeat: no-repeat;
		background-color: #fff86c !important;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.small_check li{
	width:32%;
	float:left;
}
.small_check2 li{
	width:49%;
	float:left;
	font-size:14px;
}
.small_check3 li{
	width:150px;
	float:left;
	font-size: 14px;
}
.validation_error, .validation_message{
	color:red;
}
.gfield_description {
    text-align: left;
    font-weight: 100;
    font-size: 13px;
    color: #2f2f10;
}

#input_3_6_date_format{
	display:none;
}
button.mfp-arrow, .mfp-counter{
	display:none !important;
}


[class="50-anniversary"]{
	display:none !important;
}
#clearanceid{
	margin-top:-75px;
}
#clearanceid li{
	font-size:15px;
	margin: 10px 0;
}

body.page-id-3158 .hero.back{
	height:300px;
}
body.page-id-3311 .hero.back{
	height:300px;
}
body.page-id-3158 .hero .wrap {
	margin-top:90px;
}
body.page-id-3311 .hero .wrap {
	margin-top:90px;
}
article.post-331 section.content-block-5 h2{font-size:36px;}

.home-familyown{
	  position: absolute;
    top: -230px;
}

.home-familyown a:before {
	background-color:#0000 !important;
}



body.postid-333 section.colour-palette{
	display:none;
}
body.postid-333 .humm{
	margin-top:100px !important;
}



.remnant-wrapper{
	padding:2px;
}
.remnant-branch{
	width:19%;
	float:left;
	margin:3px;
}
.swiper-wrapper {
	height:auto !important;
}
.int-sink-block2 .text-wrap{
	max-width: 32rem;
}
.wide-block .text-wrap{
		max-width: 55rem;
}
.freepower-wrapper .text-wrap{
	    max-width: 39rem;
}
.l-region--navigation .nav .sub-menu{width:15rem !important}
.worksheet-wrapper{
	margin-top:-50px;
	margin-bottom:-150px;
}
.home-award-img{
	filter:invert(1);
}
.home-hrline
{padding:0px !important; height:5px;}

.wrap h5 a{color:#eaf9ff;
font-size:19px;
text-transform: capitalize;}

@media (min-width:550px) {
 .addresses .address {
  flex:0 0 50% !important;
 }
}
@media (min-width:768px) {
 .addresses .address {
  flex:0 0 24% !important;
 }
}

@media only screen and (max-width: 500px) {
.announ{
      	position: absolute;
margin-top: 35px;
background: #FFF9D7;
padding: 5px 50px;
margin-left: -300px;
color: #000;
font-size: 16px;
width: 300px;
    }
.announ-home{
 position: absolute;
margin-top: 500px;
width: 500px;
    }	
.home-familyown{
	    top: -200px;
    width: 125px;
}
	.remnant-branch{
	width:100%;
	}
	section.cosentino2 .text-wrap {
  margin-top: -80px;
}
}


@media (min-width:1025px) {
 .l-region--header .l-region--navigation>.navbar-brand,
 .l-region--header .meta>.navbar-brand {  
  position: absolute;
	 top: -30px;
 }
	.l-region--header .l-region--navigation, .l-region--header .l-region--navigation > ul{
		margin-top: 30px;
	}
	.l-region--header .logo {
    width: 280px !important;
}
	.l-region--header .meta .button {
		display:none;
	}
	body.page-id-3713 .content-block.gallery, body.page-id-3740 .content-block.gallery, body.page-id-3745 .content-block.gallery, body.page-id-3794 .content-block.gallery{
	    margin-top: -100px;
}
 body.page-id-3745	.content-block.colour-palette figure,	body.page-id-3713	.content-block.colour-palette figure, body.page-id-3740	.content-block.colour-palette figure, body.page-id-3794	.content-block.colour-palette figure, body.page-id-3814	.content-block.colour-palette figure, body.page-id-3857	.content-block.colour-palette figure, body.page-id-3873	.content-block.colour-palette figure{
		height: 200px;
    width: 200px;
	}	
	body.page-id-3713	.content-block.colour-palette figure img, body.page-id-3740	.content-block.colour-palette figure img, body.page-id-3745	.content-block.colour-palette figure img, body.page-id-3794	.content-block.colour-palette figure img, body.page-id-3814	.content-block.colour-palette figure img, body.page-id-3857	.content-block.colour-palette figure img, body.page-id-3873	.content-block.colour-palette figure img{
		width: 200px;
		height:200px;
	}
, body.page-id-3814 .content-block.colour-palette img	body.page-id-3713 .content-block.colour-palette img, 	body.page-id-3740 .content-block.colour-palette img, body.page-id-3745 .content-block.colour-palette img, body.page-id-3794 .content-block.colour-palette img, body.page-id-3857 .content-block.colour-palette img, body.page-id-3794 .content-block.colour-palette img, body.page-id-3873 .content-block.colour-palette img{
		height:200px;
		width:200px;
	}
.l-region--header>.inner {
        -webkit-box-pack: center;
        justify-content: center;
        margin-top: 20px;
        top: 20px;
    }
.l-region--header .l-region--navigation, .l-region--header .l-region--navigation>ul {
        padding-top: 10px;
    }
	.l-region--navigation .nav a {
        padding: 0 15px;
    }
	
}
/*SlabCloud*/
input.uk-input {
    border: 1px solid #b6b6b6 !important;
}




.ccg { --ccg-black:#141414; --ccg-gold:#b89a5a; --ccg-gold-dark:#A3895A;
         --ccg-offwhite:#f8f6f1; --ccg-ink:#2b2b2b; --ccg-muted:#7a7469;
         --ccg-line:#e7e2d8; --ccg-row:#faf8f4; --ccg-good:#2e6b46; --ccg-good-bg:#e9f2ec;
         font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
         color:var(--ccg-ink); line-height:1.5; margin:0; }
  .ccg * { box-sizing:border-box; }

  /* ---------- Section headings ---------- */
  .ccg-section { margin:0 0 3rem 0; }
  .ccg-section + .ccg-section { margin-top:3.5rem; }
  .ccg-head { border-left:4px solid var(--ccg-gold); padding-left:1rem; margin-bottom:.5rem; }
  .ccg-head h2 { font-family:'Playfair Display',Georgia,serif; font-size:1.75rem; font-weight:700;
                 color:var(--ccg-black); margin:0 0 .25rem 0; line-height:1.2; }
  .ccg-head p { margin:0; color:var(--ccg-muted); font-size:.95rem; font-style:italic; }

  /* Swipe hint — mobile only */
  .ccg-hint { display:none; font-size:.8rem; color:var(--ccg-muted); margin:.75rem 0 .25rem;
              text-transform:uppercase; letter-spacing:.06em; font-weight:600; }
  .ccg-hint::after { content:" →"; color:var(--ccg-gold-dark); }

  /* ---------- Table ---------- */
  /* Break the tables out of the theme's content column so all six
     material columns are visible on desktop */
  .ccg .ccg-scroll { width:min(1320px, calc(100vw - 32px));
                     position:relative; left:50%; transform:translateX(-50%); }

  .ccg-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:1.25rem;
                border:1px solid var(--ccg-line); border-radius:6px; }
  .ccg table { border-collapse:separate; border-spacing:0; width:100%; min-width:860px; }
  .ccg th, .ccg td { padding:.7rem .6rem; font-size:.85rem; text-align:center;
                     border-bottom:1px solid var(--ccg-line); vertical-align:middle; }

  /* Sticky label column */
  .ccg th:first-child, .ccg td:first-child {
      position:sticky; left:0; z-index:2; text-align:left; background:#fff;
      font-weight:600; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;
      color:var(--ccg-muted); min-width:130px; max-width:150px;
      border-right:1px solid var(--ccg-line); box-shadow:2px 0 4px rgba(20,20,20,.04); }

  /* Material header row */
  .ccg thead th { background:var(--ccg-black); color:var(--ccg-offwhite); border-bottom:3px solid var(--ccg-gold);
                  padding:.9rem; vertical-align:bottom; }
  .ccg thead th:first-child { background:var(--ccg-black); color:var(--ccg-offwhite); box-shadow:none; }
  .ccg .ccg-mat { font-family:'Playfair Display',Georgia,serif; font-size:1.05rem; font-weight:700;
                  display:block; line-height:1.2; }
  .ccg .ccg-price { display:block; font-family:'Inter',sans-serif; font-size:.75rem; font-weight:500;
                    color:var(--ccg-gold); margin-top:.2rem; letter-spacing:.05em; }

  /* Group divider rows */
  .ccg .ccg-group td { background:var(--ccg-offwhite); color:var(--ccg-black); font-weight:700;
                       font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
                       text-align:left; padding:.55rem .9rem; position:static; }
  .ccg .ccg-group td:first-child { position:sticky; left:0; background:var(--ccg-offwhite);
                                   color:var(--ccg-black); box-shadow:none; border-right:none; }

  .ccg tbody tr:nth-child(even):not(.ccg-group) td { background:var(--ccg-row); }
  .ccg tbody tr:nth-child(even):not(.ccg-group) td:first-child { background:#fff; }

  /* Rating dots */
  .ccg .ccg-dots { display:inline-flex; gap:3px; }
  .ccg .ccg-dots i { width:9px; height:9px; border-radius:50%; background:var(--ccg-line); display:inline-block; }
  .ccg .ccg-dots i.on { background:var(--ccg-black); }

  /* Feature pills */
  .ccg .ccg-pill { display:inline-block; padding:.2rem .55rem; border-radius:3px; font-size:.68rem;
                   font-weight:700; letter-spacing:.06em; text-transform:uppercase;
                   background:#efece5; color:var(--ccg-muted); white-space:nowrap; }
  .ccg .ccg-pill.yes { background:var(--ccg-good-bg); color:var(--ccg-good); }

  .ccg .ccg-strong { font-weight:700; color:var(--ccg-black); }
  .ccg .ccg-gold-text { color:var(--ccg-good); font-weight:700; }

  /* ---------- Mobile ---------- */
  @media (max-width: 900px) {
    .ccg-hint { display:block; }
    .ccg th, .ccg td { font-size:.8rem; padding:.6rem .7rem; }
    .ccg th:first-child, .ccg td:first-child { min-width:110px; max-width:120px; font-size:.66rem; }
    .ccg .ccg-mat { font-size:.95rem; }
    .ccg-head h2 { font-size:1.45rem; }
  }