@charset "utf-8";
/*
Template Name: Garler
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("../../styles/fontawesome-4.6.3.min.css");
@import url("../../styles/custom.flexslider.css");
@import url("../../styles/framework.css");


.subdiv-map-imgs { display: flex; flex-direction: row; justify-content: space-evenly; text-align: center; }
.subdiv-map-imgs a { flex: 1;  }

.active-plats-dashboard a { display: block; margin: 0 auto; width: 60%; min-width: 300px; text-align: center; }

.main-link a.surveyors-link { display: block; background-color: #3C73BD; width: 35%; text-align: center; padding: 6px; margin: 20px 0px 10px 20px; color: white; font-weight: bold; font-size: 14px; }
.main-link a.surveyors-link:hover { background-color: #2196f3; box-shadow: rgba(0,0,0,0.5) .5px .5px 5px; color: white; }
.main-link a.surveyors-link:active { background-color: #2196f3; box-shadow: rgba(50,50,50,0.5) 1px 1px 6px inset; color: white; }


/* Surveyors and Engineers
---------------------------------------------------------------------------------------------------------*/
.contr-item > ul { display: flex; flex-direction: row; }
.contr-item > ul > li { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.contr-item .contact-web > a { padding: 0; }
.contr-item .contact-mobile a { }

.contr-item > p { font-weight: bold; font-size: 16px; text-transform: uppercase; color: maroon; }





/* RHCP
---------------------------------------------------------------------------------------------------------*/

.step-container .step-intro { font-size: 16px; }
.step-container .step-text {  }
.step-container .step-link {  }
.step-container .step-intro span, 
.step-container .step-intro h6 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 600; margin: 20px 0; }

.rhcp .content section:nth-child(2) { padding: 40px 15px 80px 15px; }
.docs_header { text-align: center; font-weight: bold; font-size: 22px; }
.two_img_link_container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr; -ms-grid-rows: auto; grid-columns: 1fr 30px 1fr; grid-rows: auto; grid-template-columns: 1fr 30px 1fr; grid-template-rows: auto; justify-items: center; }
#img_link_letter { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; display: grid; justify-items: center; }
#img_link_flyer { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; display: grid; justify-items: center; }

#img_link_letter div { width: 300px; height: 350px; background-image: url('../images/welcome_letter_capture.jpg'); background-repeat: no-repeat; background-size: 300px 350px; border: 1px solid #d4d4d4; }
#img_link_flyer div { width: 300px; height: 350px; background-image: url('../images/rhcp_flyer_capture.jpg'); background-repeat: no-repeat; background-size: 300px 350px; border: 1px solid #d4d4d4; }
#img_link_letter p { text-align: center; font-weight: bold; }
#img_link_flyer p { text-align: center; font-weight: bold; }

.rhcp .content section:nth-child(3) { background-color: #3C73BD; color: #f2f2f2; padding: 20px 0; margin-left: -10px; margin-right: -10px; }
#steps_header { text-align: center; margin: 20px 0; }


.rhcp .content section:nth-child(4) { padding: 40px 15px 50px 15px; }
.rhcp .content section:nth-child(5) { padding: 40px 15px 50px 15px; }
.rhcp .content section:nth-child(6) { padding: 40px 15px 50px 15px; }


.viewersection { padding: 40px 0; }
.viewersection h3 { text-align: center; }
.viewer_link_container { text-align: center; }
.viewer_link_container a div { width: 650px; height: 400px; margin: 0 auto; background-image: url('../images/rhcp_viewer_capture.jpg'); background-repeat: no-repeat; background-size: 650px 400px; border: 1px solid #d4d4d4; }


.step-container.linklist ul { list-style-type: none; padding: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-columns: 1fr 1fr 1fr; grid-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; justify-items: center; }

.linklist ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; position: relative; }
.linklist ul li:nth-child(2) { -ms-grid-column: 2; -ms-grid-row: 1; grid-column: 2 / 3; grid-row: 1 / 2; position: relative; }
.linklist ul li:nth-child(3) { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; position: relative; }
.linklist ul li:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; position: relative; }
.linklist ul li:nth-child(5) { -ms-grid-column: 2; -ms-grid-row: 2; grid-column: 2 / 3; grid-row: 2 / 3; position: relative; }
.linklist ul li:nth-child(6) { -ms-grid-column: 3; -ms-grid-row: 2; grid-column: 3 / 4; grid-row: 2 / 3; position: relative; }

.linklist ul li:nth-child(1) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/FWS_permit.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }
.linklist ul li:nth-child(2) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/final_rhcp.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }
.linklist ul li:nth-child(3) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/gcw_manage.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }
.linklist ul li:nth-child(4) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/gcw_data.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }
.linklist ul li:nth-child(5) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/ipac.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }
.linklist ul li:nth-child(6) div { width: 250px; height: 350px; margin: 0 auto; background-image: url('../images/rhcp_old.jpg'); background-repeat: no-repeat; background-size: 250px 350px; border: 1px solid #d4d4d4; }

/*.linklist ul li p { width: 250px; height: 50px; position: absolute; top: 190px; background-color: #3C73BD; color: #f5f5f5; text-align: center; }*/
.linklist ul li p { text-align: center; }

.content a.permsrch-link { display: block; width: 200px; }




@media screen and (max-width:978px) {

    .subdiv-map-imgs { flex-direction: column; }
    .main-link a.surveyors-link { width: 60%; margin: 20px auto; }


    /* Evaluators and Installers
    ---------------------------------------------------------------------------------------------------------*/
    .contr-item > ul > li { display: flex; }
    .contr-item > ul > li > ul { height: auto; margin: auto 0; width: 100%; }
    .contr-item > ul > li:nth-child(odd) { flex-grow: 5; flex-shrink: 5; flex-basis: 0%; }
    .contr-item > ul > li:nth-child(even) { flex-grow: 4; flex-shrink: 4; flex-basis: 0%; }
    /*.contact-web { display: none; }*/
    .contact-mobile { /*display: block;*/ padding: 3px 0; text-align: center; }
    .contact-mobile img { width: 24px; margin-right: 8px; }
    .contr-item .contact-mobile a { padding: 4px 0; width: 80%; background-color: #2196f3; color: white; }
    .contr-item > p { font-weight: 500; font-size: 13px; padding: 4px 0; border-top: solid 2px grey; border-bottom: solid 2px grey; }











    .two_img_link_container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr; -ms-grid-rows: auto; grid-columns: 1fr 10px 1fr; grid-rows: auto; grid-template-columns: 1fr 10px 1fr; grid-template-rows: auto; justify-items: center; }

    #img_link_letter div { width: 150px; height: 200px; background-image: url('../images/welcome_letter_capture.jpg'); background-repeat: no-repeat; background-size: 150px 200px; border: 1px solid #d4d4d4; }
    #img_link_flyer div { width: 150px; height: 200px; background-image: url('../images/rhcp_flyer_capture.jpg'); background-repeat: no-repeat; background-size: 150px 200px; border: 1px solid #d4d4d4; }


    .content section:nth-child(3) { background-color: #fff; color: #000; padding: 20px 0; margin-left: 0; margin-right: 0; }

    .viewer_link_container a div { width: 350px; height: 200px; background-size: 350px 200px; }

    .step-container.linklist ul { -ms-grid-columns: 1fr; -ms-grid-rows: auto auto auto auto auto auto; grid-columns: 1fr; grid-rows: auto auto auto auto auto auto; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto; }
    .linklist ul li:nth-child(1) { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
    .linklist ul li:nth-child(2) { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; }
    .linklist ul li:nth-child(3) { -ms-grid-column: 1; -ms-grid-row: 3; grid-column: 1 / 2; grid-row: 3 / 4; }
    .linklist ul li:nth-child(4) { -ms-grid-column: 1; -ms-grid-row: 4; grid-column: 1 / 2; grid-row: 4 / 5; }
    .linklist ul li:nth-child(5) { -ms-grid-column: 1; -ms-grid-row: 5; grid-column: 1 / 2; grid-row: 5 / 6; }
    .linklist ul li:nth-child(6) { -ms-grid-column: 1; -ms-grid-row: 6; grid-column: 1 / 2; grid-row: 6 / 7; }


}

@media print {
/* insert your style declarations here */
    
    main.container { padding: 0; }
    .bgded { display: none; }
    .wrapper.coloured { display: none; }
    .wrapper.row4 { display: none; }
    .wrapper.row5 { display: none; }
    main h2 { font-size: 16px; margin-top: 0; }
    main p { font-size: 10px; }
    main .contr-item p { font-size: 10px; margin: 16px 0 2px 0; }
    main .contr-item > ul { margin: 2px 0; }
    main li { font-size: 8px; }
    main .content section { padding: 0 8px; }
    .contr-item .license { margin-top: 0px; }

}