/*
Theme Name: Connect9 Child (by Brisbane)
Description: This is a custom child theme for Connect9
Theme URI:   https://brisbaneagency.com
Author: 	Brisbane Agency
Author URI:  https://brisbaneagency.com
Template: connect9
Version: 1.0
*/


/***BODY & PAGES****/

h1, h2, h3, h4, h5, h6 { color: #151526!important; font-weight: 700!important;}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { color: #fff!important; }

h1 { line-height: 1!important; margin-bottom: 35px!important; }

body p a { text-decoration: underline; }
body p a:hover { background: #1cb6dd; text-decoration: none; color: #fff!important; }

#final h2 { font-size: 70px!important; line-height: 1!important; }

#accordian .row-bg.using-image.using-bg-color { background-size: 90%!important; background-attachment: scroll!important;   position: relative; top: 10px!important; width: auto; height: 120vw; 
background-position: center top!important; overflow: visible!important; }

	img.mobile { display: none!important; }
	img.desktop {  }


/***ULTIMATE FAQs*****/

div.acc_container { margin: -2px 0px 5px 0px!important; border: none!important; padding: 10px 20px 5px 20px!important; background: #fff!important; -webkit-box-shadow: 0 2px 4px 0 rgba(44,44,44,.2);     box-shadow: 0 2px 4px 0 rgba(44,44,44,.2); border-radius: 0px 0px 10px 10px!important;  }
div.acc_container .block { padding: 0px!important; }

.accordion_search_container { text-align: center!important; }
.accordion_search_container .accordion_search_input_box { width: 50%!important; padding: 16px 30px!important; }
.accordion_search_container input[type=text] { background-color: #fff!important; border:none; -webkit-box-shadow: 0 2px 40px 0 rgba(44,44,44,.2);
    box-shadow: 0 2px 40px 0 rgba(44,44,44,.2); border-radius: 50px!important; font-size: 17px;  }

.acc-ctrl-btn .acc-expand-all, .acc-ctrl-btn .acc-collapsible-all { background: #fff!important; }

.acc_title_bar { -webkit-box-shadow: 0 2px 4px 0 rgba(44,44,44,.2);     box-shadow: 0 2px 4px 0 rgba(44,44,44,.2); border-radius: 10px!important;  }
.theme-custom-title-active { border-radius: 10px 10px 0px 0px!important;   }

.search_result_container { background: none!important; padding-top: 0px!important; text-align: center!important;  }

body:not(.woocommerce-cart) .main-content td { border: 1px solid #fff!important; padding: 3px 20px!important; background: #eee!important;   }

body:not(.woocommerce-cart) .main-content td:nth-child(n+3) { text-align: center!important; font-weight: bold!important; width: 10%!important; }
body:not(.woocommerce-cart) .main-content tr:nth-child(1) { }
body:not(.woocommerce-cart) .main-content td:nth-child(3) { background: #fda136!important; color: #fff!important; padding: 0px!important; }
body:not(.woocommerce-cart) .main-content td:nth-child(4) { background: #de3b52!important; color: #fff!important; padding: 0px!important; }
body:not(.woocommerce-cart) .main-content td:nth-child(5) { background: #9853d7!important; color: #fff!important; padding: 0px!important; }
body:not(.woocommerce-cart) .main-content td a { color: #fff!important;  }
body:not(.woocommerce-cart) .main-content td:nth-child(n+4):hover { opacity: 0.7!important; }
body:not(.woocommerce-cart) .main-content table  { border: none!important; background: none!important; background-color: none!important; }

body:not(.woocommerce-cart) .main-content tr:first-child td { background: #fff!important; font-weight: bold!important; color: #000!important; border: none!important; padding: 3px 20px!important;   box-shadow: none!important;  }
body:not(.woocommerce-cart) .main-content tr td:hover { background: #bbb!important; }

.search_icon { background: url(/wp-content/uploads/search-3.svg) no-repeat right center!important; background-size: contain!important;}


/*********NEW WPDATATABLES TABLES*******/

#papersizesdetail { min-height: 50vh!important; }

body:not(.woocommerce-cart) .main-content #papersizesdetail td, body:not(.woocommerce-cart) .main-content #papersizesdetail tr, body:not(.woocommerce-cart) .main-content #papersizesdetail tr td:first-child, body:not(.woocommerce-cart) .main-content #papersizesdetail tr th:first-child, body:not(.woocommerce-cart) .main-content #papersizesdetail table, .tablepress, body:not(.woocommerce-cart) .main-content #papersizesdetail table tr:nth-child(2n+1), body:not(.woocommerce-cart) .main-content #papersizesdetail th { background: transparent!important; background-color: transparent!important; border: none!important; font-size: 13px!important; line-height: 1.2!important; color: #000!important; padding: 0!important; margin: 0!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(n+3) { text-align: left!important; font-weight: inherit!important; width: inherit!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(4), body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(5), body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(6) { background: inherit!important; color: inherit!important; padding: inherit!important; text-align: center!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail tr, body:not(.woocommerce-cart) .main-content #papersizesdetail tr:nth-child(odd), body:not(.woocommerce-cart) .main-content #papersizesdetail tr:nth-child(even), body:not(.woocommerce-cart) .main-content #papersizesdetail table tr:nth-child(2n+1) { border-bottom: 2px solid #eee!important; }
.wpDataTablesWrapper table.scroll { width: 100%!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetai td a { color: #000!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail td { padding: 8px 5px 8px 0px!important; vertical-align: middle!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail th { text-transform: lowercase!important; }
#papersizesdetail table tr td:nth-child(1) { font-weight: 600!important; font-size: 19px!important; }
#papersizesdetail table tr td:nth-child(2) { color: #0000ff!important; }
#papersizesdetail table th { padding: 10px!important; background: #fff!important; font-size: 14px!important; }
#papersizesdetail table tr { border-bottom: 2px solid #ddd!important; }
#papersizesdetail table tr:hover { background: #f1f1f1!important; border-color: #f1f1f1!important; }
#papersizesdetail table tr td { padding: 10px 10px 10px 10px!important; }

#papersizesdetail td.column-eps a, #papersizesdetail td.column-pdf a, #papersizesdetail td.column-jpg a,
#papersizesdetail td.column-4 a, #papersizesdetail td.column-5 a, #papersizesdetail td.column-6 a{ padding: 3px 10px!important; border-radius: 0.3rem!important; text-align: center!important; margin: 0px 10px!important; }
#papersizesdetail td.column-eps a, #papersizesdetail td.column-4 a { background: linear-gradient(to right, #5C321D, #361E11)!important; color: #EEBC2D!important; }
#papersizesdetail td.column-pdf a, #papersizesdetail td.column-5 a { background: linear-gradient(to right, #571212, #330B0B)!important; color: #D83939!important; }
#papersizesdetail td.column-jpg a, #papersizesdetail td.column-6 a { background: linear-gradient(to right, #0F392D, #09221B)!important; color: #58DDBC!important; }
#papersizesdetail tr.row-1.odd td, #papersizesdetail tr.row-1.odd th, body:not(.woocommerce-cart) .main-content #papersizesdetail tr.row-1.odd td:first-child { font-family: 'inter', sans-serif!important; font-weight: 600!important; border-color: #000!important; font-size: 15px!important; text-transform: capitalize!important; padding: 10px 0px!important; }
#papersizesdetail th.column-4, #papersizesdetail th.column-5, #papersizesdetail th.column-6 { text-align: center!important; }
body:not(.woocommerce-cart) .main-content table { margin: 0!important; }
#papersizesdetail .dataTables_filter { float: none!important; width: 100%!important; margin-bottom: 20px!important; text-align: center!important; }
#papersizesdetail .dataTables_filter label { font-size: 0!important; }
#papersizesdetail .wpdt-c .form-control { height: auto!important; border-radius: 0.5rem!important; }


#papersizesdetail .dataTables_filter label input { width: 100%!important; min-width: 550px!important;  background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23cccccc" d="M9 2C5.13 2 2 5.13 2 9c0 1.47.445 2.834 1.2 3.953l-4.2 4.2 1.4 1.4 4.2-4.2A6.918 6.918 0 0 0 9 16c3.87 0 7-3.13 7-7s-3.13-7-7-7m0 2a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m6 0h2v7h-2V7z"/></svg>'); background-repeat: no-repeat; background-position: left 10px center; padding: 10px 10px 10px 40px!important; font-size: 16px!important; border: 2px solid #ccc!important; }
#papersizesdetail thead { display: none!important; }
body:not(.woocommerce-cart) .main-content #papersizesdetail tr .fixer { border-bottom: 40px solid #fff!important; font-size: 16px!important; padding: 40px 0px 10px 0px!important; box-shadow: inset 0 -2px 0 0 #000000!important; margin: -10px -5px 0px 0px!important; min-height: 110px!important; }

@media only screen and (min-width: 1000px) {
	body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(4),
	body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(5),
	body:not(.woocommerce-cart) .main-content #papersizesdetail td:nth-child(6),
	#papersizesdetail td.column-eps,
	#papersizesdetail td.column-pdf,
	#papersizesdetail td.column-jpg { width: 7%!important;   }
}

@media only screen and (max-width: 1000px) {
	body:not(.woocommerce-cart) .main-content #papersizesdetail td { font-size: 12px!important; }
	#papersizesdetail td.column-4 a, #papersizesdetail td.column-5 a, #papersizesdetail td.column-6 a { 		font-size: 12px!important; line-height: 1!important; margin: 0px 5px!important; }
	body:not(.woocommerce-cart) .main-content #papersizesdetail tr .fixer { min-height: 130px!important; 		box-shadow: none!important; border-bottom: 10px #fff solid!important; padding-top: 60px!important; min-		height: 1px!important;  }
    #papersizesdetail .wpDataTablesWrapper div.wdtscroll { overflow-x: initial !important; }
	#papersizesdetail .dataTables_filter label input { min-width: 75vw!important; }
}




/********FOOTER************/

#footer-outer .row { padding: 0px!important; }

#footer1 .foot1 p { font-size: 23px!important; line-height: 1.6!important; }
#footer1 .foot1 p a { text-decoration: none!important;  }
#footer3 .foot3 p { color: #777!important; font-size: 12px!important; line-height: 1.6!important;  }
#footer3 .foot3 p a { color: #777!important; text-decoration: none!important; }
#footer3 .foot3 p a:hover { color: #fff!important;   }
#footer3 .right3 p a { color: #fff!important; text-transform: uppercase!important; display:inline-block; }


#footer1 .foot1 p a { color: #fff!important; display:inline-block;  text-decoration: none!important; }
#footer2 .foot2 p a { display:inline-block;   text-decoration: none!important; color: #fff!important; }

#footer2 p { font-size: 16px!important; line-height: 1.6!important; }

#contact p a { color: #fff!important; display:inline-block; }

#footer1 .foot1 p a:after, #footer2 .foot2 p a:after, #footer3 .right3 p a:after, #contact p a:after  {
  display:block;
  content: '';
  border-bottom: solid 3px #fff!important;
  transform: scaleX(1);
  transition: transform 250ms ease-in-out;
  transform-origin:  100% 50%;

}
#footer1 .foot1 p a:hover:after, #footer2 .foot2 p a:hover:after, #footer3 .right3 p a:hover:after, #contact p a:hover:after { transform: scaleX(0); background: none!important;  }
#footer2 .foot2 p a:after, #footer3 .right3 p a:after, #contact p a:after {  border-bottom: solid 1px #fff!important; background: none!important; }

#footer1 p a:hover, #footer2 p a:hover, #footer3 p a:hover { background: none!important; }

/****MOBILE****/

@media only screen and (min-width: 1000px) { 
	.clients[data-additional_padding="3"].no-carousel>div { padding: 0% 3%!important; }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.accordion_search_container .accordion_search_input_box { width: 65%!important;  }
	
} 

@media only screen and (max-width: 1000px) {
	.accordion_search_container .accordion_search_input_box { width: 100%!important;  }
	.material .wpb_row, .material .wpb_content_element { margin-bottom: 0px!important; }
	#footer-widgets .container .col { display: none!important; }
	#footer3 .right3 p a { padding: 2px 0px 12px 0px!important; text-align: center!important; }
	
	
} 

@media only screen and (max-width: 690px) {
	
	.container { max-width: 95%!important; }
	.acc_title_bar a { padding-top: 0px!important; line-height: 3!important; }
	div.acc_container { padding: 10px 0px 0px 0px!important; }
	body:not(.woocommerce-cart) .main-content td { padding: 5px!important; font-size: 11px!important; line-height: 1.2!important; vertical-align: middle!important; }
	h1, #final h2 { font-size: 32px!important; line-height: 1.2!important; }
	#intro p { font-size: 16px!important; line-height: 1.6!important; }
	#accordian .row-bg.using-image.using-bg-color { background-size: cover!important; }
	img.mobile { display: block!important; padding: 0% 6%!important; margin-top: -15px!important; }
	img.desktop { display: none!important; }
	#footer3 { padding-bottom: 60px!important; }
	#footer3 .right3 { display: none!important; }
	.clients[data-additional_padding="3"].no-carousel>div { padding: 3% 15%!important; }
	#intro > div.row_col_wrap_12.col.span_12.dark.center > div > div > div > div.clients.no-carousel.six-cols > div:nth-child(5) { padding: 0% 10%!important; margin: -10px 0px!important; }
	.clients img { max-height: 90px!important; margin: 0px auto!important; width: auto!important; }
	
} 

@media only screen and (max-width: 480px) {
		img.mobile { display: block!important; padding: 0% 4%!important; margin-top: -15px!important; }
	
	
}