/*
Theme Name: Genomic Diagnostics
Theme URI: none
Author: Primary Health Care (using Flatbox as template)
Description: Modifications to Flatbox theme for use by Genomic Diagnostics
Version: 1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: flatbox
*/

div#sidebar a:hover {
	font-weight: bold;
}

body.home div#rev_slider_2_1_wrapper, body.home div#layerslider_14 {
    /*width: 50%;*/
    margin-left: 16% !important;
    margin-top: 5px !important;
}

body.home div#href_revolution_slider, body.home div#href_layerslider {
    width: 50%;
}

body.home div#href_revolution_slider + div.grid12.col, body.home div#href_layerslider + div.grid12.col {
    width: 60%;
    max-width: 100%;
}

body.home div#href_revolution_slider + div.grid12.col + section.container, body.home div#href_layerslider + div.grid12.col + section.container {
    max-width: 50%;
    display: none;
}

body.home div#href_layerslider + div.grid12.col div.ls-container {
   float: left;
}

body.home div.flatfeat {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    /*max-width: 28%;*/
    width: 21%;
    display: inline-block;
    /*border: 1px solid red;*/
}

body.home div.flatfeat img.tile-image {
    margin: 0px;
    width: 100%;
    height: auto;
}

body.home div.flatfeat > section.container {
    display: inline-block;
    width: 100%;
}

body.home div.flatfeat > section.container > div.grid1.col {
    /*display: inline-block;*/
    margin: 1px;
}

body.home div.flatfeat > section.container > div.grid1:nth-of-type(3n+1) {
    /* border: 1px solid red; */
    clear: left;
}

body.home div.flatfeat > section.container > div.grid1.col {
    width: 32%;
}

body.home div.flatfeat > section.container > div.grid1.col .tile {
    padding: 0px;
    background-color: inherit;
}

body.home div.flatfeat > section.container > div.grid1.col .tile > h3.tile-title {
    display: none;
}

body.home div.flatintro {
    display: none !important;
}

#footer {
    background-color: #0655A3 !important;
}

#footer #cp_footer {
    color: #9E9E9E;
}

#footer .bottom p {
    text-align: left;
}

#footer #obtn_footer {
	margin-left: 180px;
	margin-top: 10px;
	padding: 0px 12px;
	position: absolute;
	background-color: #E4701E;
	border-radius: 6px;
	font-weight: bold;
	font-size: 16px;
	box-shadow: #944F00 0px 3px 0px 0px;
	color: #FFFFFF;
	transition: all .2s linear;
}

#footer #obtn_footer:hover {
	background-color: #444;
}

div.link_text {
	float: left;
	text-decoration: none;
	font-size: 13px;
	padding: 8px 18px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	margin-right: 20px;
	border-radius: 10px;
}

div.link_text_a {
	color: #fff;
	background-color: #e4701e;
}
div.link_text_a:hover {
	background-color: #007dc1;
}

div.link_text_b {
	color: #fff;
	background-color: #007dc1;
}
div.link_text_b:hover {
	background-color: #e4701e;
}

div.flatclients { padding: 0px; margin-top: 5%; }
div.flatclients section.container { margin: 0px; margin-left: auto; }
div.flatclients div.grid3.col { width: 20%; }
div.flatclients div.grid3.col a { background-size: contain; }
div.flatclients div.grid9.col { float: right; width: 41%;}

div.demo-tiles div.tile:hover { z-index: 100; }
div.demo-tiles div.tile img:hover { box-shadow: 3px 5px 15px #aaa; z-index: 100; border-radius: 10px; }

#menu ul ul li.current_page_item a {
	background-color: #fff;
}
#menu ul ul li.current_page_item a:hover {
	background-color: #ddd;
}
#menu ul > li > ul.sub-menu {
	width: 305px;
}

section#content div#sidebar div.textwidget > p { margin: 0px 0px 10px 0px; }

/* Special styles for NIPT Payment Portal */
div#shopp.generation-nipt div#nipt-form {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div.nipt-form-content h2 {
    color: #007698;
    font-weight: 500;
}
div.nipt-form-content div#wpsl-wrap, div.nipt-form-content div#wpsl-wrap table.gd {
    margin-bottom: 0px;
}
div.nipt-form-content div.mapNIPT table.gd {
    table-layout: fixed;
    width: 100% !important;
}
div.nipt-form-content div.mapNIPT table.gd td.gd {
    width: 50% !important;
}
div.nipt-form-content div.wpsl-info-window p {
    font-size: 12px;
    line-height: 17px;
}
div.nipt-form-content div.wpsl-store-hours table.wpsl-opening-hours td {
    font-size: 12px;
    line-height: 17px;
}
div.nipt-form-content div.step {
    display: none;
}
div.nipt-form-content div.step1 {
    display: block;
}
div.nipt-form-content div#dob select {
    display: inline-block;
}
div.nipt-form-content div.step2 select:focus { border-width: 1px !important; }
div.nipt-form-content div#dob select.dob-valid {
    border: 1px solid green;
}
div.nipt-form-content div.step2 div#dob select.dob-invalid {
    border: 1px solid red;
}
div.nipt-form-content div.step2 input.nipt-invalid, div.nipt-form-content div.step2 input.nipt-invalid:focus {
    border: 1px solid red !important;
}
div.nipt-form-content div.step3 .red {
    color: red;
    font-size: 1.3em;
    font-weight: bold;
}
div.nipt-form-content div#wpsl-search-wrap, div.nipt-form-content div.wpsl-search {
    height: 50px;
}
div.nipt-form-content div#wpsl-search-wrap div.wpsl-input, div.nipt-form-content div.wpsl-search {
    margin-bottom: 0px;
}
div.nipt-form-content div.step3 #wpsl-search-btn {
    background-color: #009BDF;
    background-image: -moz-linear-gradient(top, #009BDF, #52bbe8);
    background-image: -ms-linear-gradient(top, #009BDF, #52bbe8);
    background-image: -webkit-linear-gradient(top, #009BDF, #52bbe8);
    background-image: -o-linear-gradient(top, #009BDF, #52bbe8);
    background-image: linear-gradient(top, #009BDF, #52bbe8);

}
div.nipt-form-content div.step3 p#nipt-centre-msg {
    color: #007698;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0px;
}
#lblSpecStatement { margin: 0px; }
div.nipt-form-content div.step3 div.wpsl-select-wrap {
    display: none !important;
}
div.nipt-form-content div.step3 div#wpsl-result-list {
    margin: 0px !important;
    max-height: 500px !important;
}
div.nipt-form-content div.step3 div#wpsl-result-list li {
    padding: 0px !important;
}
div.nipt-form-content div.step3 div#wpsl-stores {
    padding-left: 20px;
    height: inherit !important;
}
div.nipt-form-content div.step3 div#wpsl-stores li {
    margin: 0px;
    padding: 0px;
}
div.nipt-form-content div.step3 div#wpsl-stores li table {
    margin: 0px;
}
div.nipt-form-content div.step3 div.wpsl-store-location table {
    width: 100% !important;
}
div.nipt-form-content div.step3 div#wpsl-stores li table span {
    float: none;
}
div.nipt-form-content div.step3 div#wpsl-gmap {
    height: 430px !important;
}
div.nipt-form-content div.step3 div#wpsl-gmap.faded {
    opacity: 0;
    transition: 0.5s linear opacity;
}
div.nipt-form-content div.step4 td.niptedit > span {
    cursor: pointer;
    color: #007698;
}
div#receipt.shopp tr.niptdetail {
    border-bottom: 1px dotted #DDD;
}
div#receipt.shopp tr.niptdetail td {
    vertical-align: top;
    padding-left: 10px !important;
    border-left: 1px solid #DDD !important;
}

div#receipt.shopp tr.niptdetail td p {
    margin: 0px;
}

div.nipt-form-content div.step input[type=button].disabled,div.nipt-form-content div.step input[type=button].disabled:hover {
    background-color: #DDDDDD;
    box-shadow: none;
    cursor: not-allowed;
}

div.nipt-form-content div.step2 div label {
    width: 220px;
    float: left;
    font-size: inherit !important;
}
div.nipt-form-content div.step2 div input[type=text], div.nipt-form-content div.step2 div input[type=email] {
    //float: left;
    width: 400px;
}
div.nipt-form-content div.step2 div input[type=email]:focus {
    border-width: 1px !important;
}
div.nipt-form-content div.step1 input[type=checkbox], div.nipt-form-content div.step1 input[type=radio] {
    margin-right: 20px;
}
div.nipt-form-content div.step1 .nipt-indent {
    padding-left: 25px;
    margin: 0px !important;
}
div.nipt-form-content div.step2 div div {
    //float: left;
}
div.nipt-form-content div.step2 div select {
    width: 132px;
}
div.nipt-form-content div.step div.navbutt input[type=button] {
    width: inherit;
}
div.nipt-form-content div.step4 table td {
    vertical-align: top;
    border-bottom: 1px dotted #CCCCCC;
}
div.nipt-form-content div.step4 #tdAcc p {
    margin-bottom: 5px;
}
div#shopp.checkout ul.nipt-left,div#shopp.checkout ul.nipt-right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0px;
    padding: 0px;
}
div#shopp.checkout ul.nipt-right p.submit {
    padding-left: 0px;
    margin-top: 20px;
}
div#nipt-form select[name^="products"][name$="[quantity]"] {
    display: none;
}

.print { display: none !important; }

@media print {
	.grid12, #content { margin: 0px !important; }
	.no-print { display: none !important; }
	* { max-height: 200px !important; }
	div.printme { display: block !important; }
	table.print { display: table !important; overflow: hidden !important; }
	div.grid12 { width: 100% !important; }
    td { padding: 0px 3px !important; }
    table.receipthead img { max-height: 70px !important; }
    table.receipthead h2 { font-size: 1.4em !important; }
	table.receipthead td div { padding-left: 70%; }
    table.receipthead td div p { font-size: 10px !important; line-height: 16px; }
    table.transaction { width: 70%; }
}


div.layerslider_widget h3.wtitle { display: none; } /* Stop showing the layer slider titles */

/* TEMPORARY COMING SOON MSG FOR CARDIOVASCULAR */
.flatfeat > .container > div:nth-of-type(4) .tile:hover:before { content: 'Coming Soon'; position: absolute; top: 80%; width: 100%; color: red;}

/* mods for iPhone display */
@media screen and (max-width: 480px) {
	h1.page-title { font-size: 24px; }
    nav#menu { position: absolute; top: 55px; }
    #shopp form.shopp { width: 90% !important; }
    #shopp ul#nipt-checklist { padding-left: 0px !important; }
    #shopp ul#nipt-checklist li { padding-right: 30px; }
    #shopp .nipt-form-content li.nipt-indent { padding-left: 0px !important; }
    #shopp .multiddl select { width: 90px !important; }
    #shopp .multiddl select:nth(1) { width: 100px !important; }
    div.nipt-form-content div.mapNIPT table.gd td.gd { display: block; width: 100% !important; }
    div.nipt-form-content div.step3 div#wpsl-gmap { height: 200px !important; }
    div.mapNIPT div.wpsl-search { height: 30px !important; }
    div.mapNIPT div.wpsl-search-btn-wrap { position: absolute; right: 0; top: 0; }
    div.mapNIPT div.wpsl-input input#wpsl-search-input { width: 80px !important; }
    div.gm-style-iw { display: none !important; }
    #wpsl-wrap #wpsl-result-list ul li { list-style: inherit !important; }
    div.nipt-form-content div.step3 div#wpsl-stores { padding-left: 0px !important; }
    div.wpsl-store-location td p { font-size: 13px !important; }
    div#nipt-form div.step4 table { max-width: 380px !important; }
    div.bottom span#obtn_footer { display: none !important; }
    body.checkout, body.cart, body.shopp-product { max-width: 400px; }
    body.cart section#content.container { width: 300px !important; }
    body.checkout section#content.container { width: 300px !important; }
    div#shopp.checkout ul.nipt-left, div#shopp.checkout ul.nipt-right { width: 100% !important; }
    div#shopp table.intAccTbl p { white-space: nowrap; font-size: 80% !important; }
    div#shopp table.intAccTbl td { font-size: 80% !important; }
    div.gd-cartlinks a.right.gd-chkoutbtn { margin-top: -6px !important; }
	 div.gd-cartlinks a { font-size: 100% !important; }
    div.nipt-form-content div.step4 table { width: 300px !important; }
    div#shopp td span.cartitem { font-size: 80% !important; }
    div#shopp div#cart.shopp table { display: block; }
    div#shopp table.cart tr:nth(3) { display: block; width: 200px; }
    table.intAccTbl { display: none !important; }
    .nomobile { display: none !important; }
    div#shopp #receipt .receipthead h2 { font-size: 100% !important; }
    div#shopp #receipt .receipthead p { font-size: 80% !important; margin-bottom: 0px; }
    div#shopp #receipt .receipthead img { position: relative; left: -90px; }
    body.home div#href_layerslider + div.grid12.col div.ls-container { float: none !important; max-width: 400px !important; /* display: none !important; */ }
    div.flatfeat { display: block !important; max-width: 450px !important; }
    body.home div.flatfeat img.tile-image { margin: 5px !important; }
    body.home div.flatfeat .fadeitin { transition: none !important; opacity: 1 !important; }
}

/* bigger than mobile version */
@media screen and (min-width: 480px) and (max-width: 959px) {
    div.flatheader { height: 79px !important; }
}
/*@media screen and (min-width: 480px) and (max-width: 767px) {*/
@media screen and (max-width: 767px) {
    div#href_revolution_slider + div.grid12.col { width: 100% !important; }
    div#href_layerslider + div.grid12.col { width: 100% !important; }
    div#href_revolution_slider + div.grid12.col .rev_slider_wrapper { margin-left: 0px !important; }
    div#href_layerslider + div.grid12.col .ls-container { margin-left: 0px !important; float: none !important; }
    div.flatfeat { width: 100% !important; display: block !important; }
    div.flatfeat section.container { text-align: center; }
    div.flatfeat div.grid1.col { display: inline-block; max-width: 16%; }
    div.flatclients { padding: 0px; }
    div.flatclients section.container { text-align: end !important; margin: 0px; margin-left: auto; }
    div.flatclients section.container div.grid3.col { width: 25%; display: inline-block; }
    div.flatclients section.container div.grid3.col > a { background-size: contain; }
}

/* big ipad version */
@media screen and (min-width: 768px) and (max-width: 959px) {
    div.flatheader { height: 105px !important; }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
    div.flatheader header#logo { max-width: 200px; }
    #menu > a.search_butt {
        width: 40px;
        padding: 0px;
    }
    #menu > a.search_butt:hover::before {
        background-color: white;
    }
}