/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */





/* ------------ GENERAL ------------ */

p {
    font-size: 120%;
}

body {
    font-size: 100%; /* amend for the font used: "Asap" */
}





/* ------------ LOGO + CALL TO ACTION ------------ */

#zone-user-wrapper {
    padding-top: 20px;
    padding-left: 20px;
}

#region-user-first {
    width: 30%;
    height: auto;
}

#region-user-second {
    float: right;
}





/* ------------ TOP NAV ------------ */


#responsive-navigation-menu-1 li.menu-path-node-36 {
    display: none !important; /* hides the home link at narrow only */
}





/* ------------ CONTENT AREA MARGINS ------------ */

.node-type-0-0-home #region-content,
.node-type-2-0-practice-areas #region-content {
    padding: 0 0;
}






/* ------------ LOGO FOR RESP NAV ------------ */

#block-block-1 {
    margin-right: 0; /* removes room for the hamburguer */
}





/* ------------ HOME PAGE ------------ */

.node-type-0-0-home #zone-user-wrapper {
    background-color: #fff;
}

.node-type-0-0-home .zone-content-wrapper h1 {
    color: #fff !important;
    font-size: 450%;
    margin-top: 100px;
    text-shadow: 1px 1px 1px #252520;
}

.node-type-0-0-home .zone-content-wrapper .field-name-field-subheading p {
    color: #fff !important;
    font-size: 250%;
    text-shadow: 1px 1px 1px #252520;
    margin-bottom: 100px;
}

.node-type-0-0-home #zone-go2charlie-wrapper {
    background-color: #252520;
    background-color: rgba(27, 27, 32, 0.8);
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home {
    margin-top: 80px;
    padding-top: 0;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title {
    margin-top: 20px;
    margin-right: 100px /* 2 cols */
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title a {
    text-decoration: none;
    color: #fff;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title a:link,
.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title a:visited {
    color: #fff;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title a:active,
.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-title a:hover {
    color: #fff;
    opacity: 0.8;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-field-logo-for-general-banner img {
    width: 60px;
    height: 60px;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-field-logo-for-general-banner a:active,
.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-field-logo-for-general-banner a:hover {
    color: #fff;
    opacity: 0.8;
}

.node-type-0-0-home #zone-go2charlie-wrapper .view-0-0-home .views-field-field-intro p {
    color: #fff;
    opacity: 0.8;
    padding-bottom: 60px;
    margin-right: 100px /* 2 cols */
}








/* ------------ CONTACT US ------------ */

.node-type-3-0-contact #region-content .region-inner {
    margin-right: 100px;
}

.node-type-3-0-contact #zone-content-wrapper form#webform-client-form-21 label,
.node-type-3-0-contact #zone-content-wrapper form#webform-client-form-21 input,
.node-type-3-0-contact #zone-content-wrapper form#webform-client-form-21 textarea {
    font-size: 100%;
}





/* ------------ ABOUT ANNE ------------ */

.node-type-1-0-about #region-content .region-inner {
    margin-right: 40px; /* 1 col */
}

.node-type-1-0-about #zone-content-wrapper h1#page-title {
    font-size: 300%;
}

.node-type-1-0-about #zone-content-wrapper .field-name-field-subheading p {
    font-size: 200%;
}

.node-type-1-0-about #zone-content-wrapper .field-name-body {
    text-align: left;    
}

.node-type-1-0-about #zone-content-wrapper .field-name-body img { /* portrait */
    margin-left: 0;
    margin-right: 50%;
}

.node-type-1-0-about .view-rhs-foto {
    margin-top: 0;
    margin-right: 20px; /* same as two borders * 2 */
    margin-bottom: 0; /* same as two borders * 2 */
    margin-left: 0; /* same as two borders */
}





/* ------------ PRACTICE AREAS ------------ */

.node-type-7-0-terms-and-conditions #region-content .region-inner {
    margin-right: 40px; /* 1 col */
}

.node-type-7-0-terms-and-conditions #zone-content-wrapper h1#page-title {
    font-size: 300%;
}

.node-type-7-0-terms-and-conditions #zone-content-wrapper .field-name-field-subheading p {
    font-size: 200%;
}

.node-type-7-0-terms-and-conditions #zone-content-wrapper .field-name-body {
    text-align: left;    
}

.node-type-7-0-terms-and-conditions #zone-content-wrapper .field-name-body img { /* portrait */
    margin-left: 0;
    margin-right: 50%;
}

.node-type-7-0-terms-and-conditions .view-rhs-foto {
    margin-top: 0;
    margin-right: 20px; /* same as two borders * 2 */
    margin-bottom: 0; /* same as two borders * 2 */
    margin-left: 0; /* same as two borders */
}





/* ------------ PRACTICE AREAS LANDING PAGE ------------ */





/* under the background image */

#full-screen-background-image {
    display: inherit; /* overrides mobile */
    z-index: -999;
    min-height: 100%;
    min-width: 1200px; /* was 1024 in the original code from Pure CSS Code - http://paulmason.name/item/full-screen-background-image-pure-css-code */
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

.node-type-2-0-practice-areas #zone-content-wrapper {
    background-color: transparent; /* overrides mobile */
}

.node-type-2-0-practice-areas #zone-user-wrapper,
.node-type-2-x-practice-area #zone-user-wrapper,
.node-type-2-x-practice-area #zone-content-wrapper {
    background-color: #fff;
}

.node-type-2-0-practice-areas #zone-content h1#page-title {
    color: #97CDCD; /* green */
    font-size: 450%; /* mobile only */
    margin-top: 40px;
    /* text-shadow: 1px 1px 1px #252520; /* almost black */
}

.node-type-2-0-practice-areas #zone-content .field-name-field-subheading p {
    color: #fff;
    font-size: 250%; /* mobile only */
    /* text-shadow: 1px 1px 1px #252520; /* almost black */
}

.node-type-2-0-practice-areas #zone-content .view-practice-areas {
    display: inherit;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 60px;
}

.node-type-2-0-practice-areas #zone-content .view-practice-areas .views-row {
    float: left;
    width: 120px;
    margin-bottom: 60px;
}





/* floats */

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-field-hidden-image {
    /*background: red;*/
    float: left;
    width: 240px;
    margin-bottom: 93px; /* needed here because the of the floats, which ignore it's container margin-bottom */
}

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-field-intro {
    margin-left: 240px;;
}





.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-field-hidden-image,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-field-hidden-image {
    text-align: left; /* overrides mobile */
}

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-field-hidden-image img,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-field-hidden-image img,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-field-hidden-image img,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-field-hidden-image img,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-field-hidden-image img {
    width: 180px; /* overrides mobile */
    height: 180px; /* overrides mobile */
}

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-title,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-title {
    text-align: left; /* mobile only */
}

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-field-intro,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-field-intro {
    text-align: left; /* mobile only */
}





/* headings */

.node-type-2-0-practice-areas .zone-go2alpha-wrapper .views-field-title h2,
.node-type-2-0-practice-areas .zone-go2charlie-wrapper .views-field-title h2,
.node-type-2-0-practice-areas .zone-go2silver-wrapper .views-field-title h2,
.node-type-2-0-practice-areas .zone-go2bravo-wrapper .views-field-title h2,
.node-type-2-0-practice-areas .zone-go2bronze-wrapper .views-field-title h2 {
    font-size: 250%;
}





/* ------------ EACH PRACTICE AREA PAGE ------------ */

.node-type-2-x-practice-area #zone-branding-wrapper {
    height: 340px;
}

.node-type-2-x-practice-area #zone-content-wrapper {
    background-color: #EFEEDF; /* paler beige */
    /*padding-top: 40px;
    padding-bottom: 40px;*/
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-field-icon img {
    width: 160px;
    height: 160px;
    padding-left: 20px;
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-title h1 {
    font-size: 300%;
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-body h2 {
    text-align: left;
    font-size: 200%;
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-field-icon {
    text-align: left;
    /*background: red;*/
    float: left;
    width: 240px;
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-title {
    text-align: left;
    /*background: green;/
    margin-left: 240px; /* same as the width of the floated element */
}

.node-type-2-x-practice-area #zone-content-wrapper .view-practice-areas .views-field-body {
    text-align: left;
    padding: 0;
    /*background: blue;*/
    margin-left: 240px; /* same as the width of the floated element */
}

.node-type-2-x-practice-area #zone-go2alpha-wrapper .view-practice-areas .views-row {
    float: left; /* nav icons at the bottom */
    width: 270px;
    min-height: 270px;
}





/* ------------ TESTIMONIALS ON EACH PRACTICE AREA PAGE ------------ */

.node-type-2-x-practice-area #zone-go2charlie-wrapper .view-testimonials {
    padding: 100px 80px 80px 80px;
}

.node-type-2-x-practice-area #zone-go2charlie-wrapper .view-testimonials .views-field-field-testimonial p {
    font-size: 140%;
}

.node-type-2-x-practice-area #zone-go2charlie-wrapper .view-testimonials .views-field-title p {
    font-size: 120%;
    color: #68b5b5; /* dark green */
    margin-top: 40px;
}






/* news landing page */

.node-type-news #block-views-news-block {
    margin-bottom: 40px;
}

#region-sidebar-second {
    margin-top: 77px;
}





/*each news*/

#region-sidebar-second {
    padding: 0;
}





/* ------------ ACCREDITATIONS ------------ */

#zone-go2gold-wrapper #block-views-accreditations-block {
    display: inherit;
    padding-bottom: 80px;
}

#zone-go2gold-wrapper #block-views-accreditations-block .views-row {
    /*width: 100px;*/
    padding-top: 40px;
    padding-bottom: 0;
    width: 140px;
    vertical-align: top;
}

#zone-go2gold-wrapper #block-views-accreditations-block img {
    width: 80px;
    height: 80px;
}

#zone-go2gold-wrapper #block-views-accreditations-block .views-field-field-caption {
    color: #68b5b5; /* same as the bar below */
    padding-top: 10px;
    min-height: 80px;
}

#zone-go2gold-wrapper #block-views-accreditations-block h2.block-title {
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 200%;
    color: #97cdcd; /* same as the bar above */
}