﻿/* NAF-specified custom font */
@font-face {
    font-family: 'Antic Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Antic Slab Regular'), local('AnticSlab-Regular'), url(//fonts.gstatic.com/s/anticslab/v6/bWt97fPFfRzkCa9Jlp6IacVcWQ.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: local('PT Sans Italic'), local('PTSans-Italic'), url(//fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0x8mN.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(//fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydLxUY.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(//fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KEwA.ttf) format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(//fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tKA.ttf) format('truetype');
}
/* End custom font */

/* NAF-specified global style settings */
.NAFBlue {
    color: #74a2d3;
}

body {
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
}

h1, legend {
    font-family: "Antic Slab", Arial, Helvetica, sans-serif;
}

.control-label {
    font-size: 13px;
}
/* End NAF global style settings*/


/* 
	begin css3 side-by-side hacking
	Re-purposing the css3 "mark" speech property to identify the row to hack
	in order to put elements side by side on div based designed forms.
	netFORUM wraps each element in its own controls div instead of Bootstrap's expected layout.
*/
#DesignedDiv [style='mark: "side-by-side-right";'].control-group .control-label {
    display: inline-block;
    margin-left: 10px;
    float: none;
    min-width: 400px;
    text-align: left;
}

#DesignedDiv [style='mark: "side-by-side-right";'].control-group .control-label + .controls {
    float: left;
    margin-left: 0px;
}

@media(max-width: 480px) {
    #DesignedDiv [style='mark: "side-by-side-right";'] .controls input[type=checkbox] {
        margin-top: -6px;
    }

    #DesignedDiv [style='mark: "side-by-side-right";'].control-group .control-label {
        min-width: 0;
    }

    /* Handle custom label that had page break, on smaller screens */
    #Caption_pin_cc_number {
        width: auto !important;
    }
}

@media(max-width: 380px) {
    #DesignedDiv [style='mark: "side-by-side-right";'].control-group .control-label {
        width: 320px;
    }
}

@media(max-width: 372px) {
    #DesignedDiv [style='mark: "side-by-side-right";'].control-group .control-label {
        width: 250px;
    }
}
/* end css3 side-by-side hacking */