/*

    Theme Name: African American Attorney Network
    Theme URI: http://codeligraphy.com
    Author: Codeligraphy
    Version: 1.1
    Description: Custom site for AA Referal Network. All Rights Reserved.

*/

/*

    AAAN Base CSS

*/

/* Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html,body,div,span,applet,object,iframe,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    font-size:100%;
    vertical-align:baseline
}

html {
    line-height:1
}

ol,ul {
    list-style:none !important
}

.main ul {
    list-style-type: disc !important;
    list-style-position: outside;
    padding-left: 2em;
    margin-bottom: 20px;
}

caption,
th,
td {
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}

q,blockquote {
    quotes:none
}

q:before,q:after,blockquote:before,blockquote:after {
    content:"";
    content:none
}

a img {
    border:none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block
}

@-ms-viewport {
    width:extend-to-zoom 100%;
    zoom:1;
    user-zoom:fixed
}

@viewport {
    width:extend-to-zoom 100%;
    zoom:1;
    user-zoom:fixed
}

html {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html *,html *:before,html *:after {
    -moz-box-sizing:inherit;
    box-sizing:inherit
}

/* Text Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */

b,
strong {
    font-weight: 700;
}

cite,
dfn,
em,
i {
    font-style: italic;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens:    none;
    -ms-hyphens:     none;
    hyphens:         none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}

blockquote cite,
blockquote small {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

big {
    font-size: 125%;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

dl {
    margin-bottom: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 24px;
}

ol {
    padding-left: 0;
    margin-bottom: 20px;
    position: relative;
}

ol li:before {
    content: counter(step-counter) ".";
    margin-right: 5px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    font-family: 'AvenirNextLTProDemi', sans-serif;
    border-radius: 0;
    margin-right: 10px;
    position: absolute;
    left: -40px;
    top: 0;
    width: 30px;
    text-align: right;
}

ol li {
    counter-increment: step-counter;
    margin-left: 41px;
    /*margin-bottom: 30px;*/
    margin-bottom: 0;
    position: relative;
}

.flexslider ol li:before {
    content: none;
}

.flexslider ol li {
    counter-increment: none;
}

/* Image
–––––––––––––––––––––––––––––––––––––––––––––––––– */

img,
svg {
    max-width:100%;
    height:auto;
    vertical-align:middle
}

/* Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section {
    position:relative;
    z-index:1;
}

section *:last-child {
    margin-bottom:0
}

/* AAAN Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.aarngrid,[class*="aarngrid-"] {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:-20px !important
}

.aarngrid>*,[class*="aarngrid-"]>* {
    width:100%;
    max-width:100%
}

.aarngrid>*,[class*="aarngrid-"]>* {
    padding-left:10px;
    padding-right:10px
}

.aarngrid>*,[class*="aarngrid-"]>* {
    margin-bottom:20px !important
}

.aarngrid-reverse {
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}

.aarngrid-row-equal-heights>* {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.aarngrid-row-equal-heights>*>* {
    width:100%;
    max-width:100%
}

.no-shrink {
    -webkit-flex-shrink:0 !important;
    -ms-flex-negative:0 !important;
    flex-shrink:0 !important
}

.aarngrid-auto>*,.aarngrid-flex>* {
    width:auto;
    max-width:100%
}

.aarngrid-flex {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}

.aarngrid-extra-flex {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

@media (min-width: 1024px) {
    .aarngrid-extra-flex-column>* {
        flex: 1;
    }
}

.aarngrid-row-justify-content {
    justify-content: center;
}

.aarngrid-1>* {
    width:100%;
    max-width:100%
}

.aarngrid-2>* {
    width:50%;
    max-width:100%
}

.aarngrid-3>* {
    width:33.33333%;
    max-width:100%
}

.aarngrid-4>* {
    width:25%;
    max-width:100%
}

.aarngrid-5>* {
    width:20%;
    max-width:100%
}

@media (min-width: 1024px) {
    .aarngrid-space-medium-at-large,.aarngrid-col-space-medium-at-large {
        margin-left:-30px;
        margin-right:-30px
    }

    .aarngrid-space-medium-at-large>*,.aarngrid-col-space-medium-at-large>* {
        padding-left:30px;
        padding-right:30px
    }
}

@media (min-width: 1200px) {
    .aarngrid-space-medium-at-extra-large,.aarngrid-col-space-medium-at-extra-large {
        margin-left:-30px;
        margin-right:-30px
    }

    .aarngrid-space-medium-at-extra-large>*,.aarngrid-col-space-medium-at-extra-large>* {
        padding-left:30px;
        padding-right:30px
    }
}

.aarngrid-space-none,.aarngrid-col-space-none {
    margin-left:0;
    margin-right:0
}

.aarngrid-space-none>*,.aarngrid-col-space-none>* {
    padding-left:0;
    padding-right:0
}

.aarngrid-space-small>*,.aarngrid-row-space-small>* {
    margin-bottom:30px !important
}

.aarngrid-space-none,.aarngrid-col-space-none {
    margin-left:0;
    margin-right:0
}

.aarngrid-space-none>*,.aarngrid-col-space-none>* {
    padding-left:0;
    padding-right:0
}

.aarngrid-space-none,.aarngrid-row-space-none {
    margin-bottom:0 !important
}

.aarngrid-space-none>*,.aarngrid-row-space-none>* {
    margin-bottom:0 !important
}

@media (min-width: 1024px) {
    .aarngrid-space-none-at-large,.aarngrid-col-space-none-at-large {
        margin-left:0;
        margin-right:0
    }

    .aarngrid-space-none-at-large>*,.aarngrid-col-space-none-at-large>* {
        padding-left:0;
        padding-right:0
    }

    .aarngrid-space-none-at-large,.aarngrid-row-space-none-at-large {
        margin-bottom:0 !important
    }

    .aarngrid-space-none-at-large>*,.aarngrid-row-space-none-at-large>* {
        margin-bottom:0 !important
    }
}

@media (min-width: 1200px) {
    .aarngrid-space-none-at-extra-large,.aarngrid-col-space-none-at-extra-large {
        margin-left:0;
        margin-right:0
    }

    .aarngrid-space-none-at-extra-large>*,.aarngrid-col-space-none-at-extra-large>* {
        padding-left:0;
        padding-right:0
    }

    .aarngrid-space-none-at-extra-large,.aarngrid-row-space-none-at-extra-large {
        margin-bottom:0 !important
    }

    .aarngrid-space-none-at-extra-large>*,.aarngrid-row-space-none-at-extra-large>* {
        margin-bottom:0 !important
    }
}

/* Title
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,.h1 {
    font-size:28px;
    line-height:30px;
    margin-bottom:20px
}

@media (min-width: 1024px) {
    h1,.h1 {
        font-size:40px;
        line-height:40px;
        margin-bottom:20px
    }
}

h2,.h2 {
    font-size:24px;
    line-height:30px;
    margin-bottom:20px
}

@media (min-width: 1024px) {
    h2,.h2 {
        font-size:34px;
        line-height:40px;
        margin-bottom:20px
    }
}

h3,.h3 {
    font-size:22px;
    line-height:30px;
    margin-bottom:20px
}

@media (min-width: 1024px) {
    h3,.h3 {
        font-size:28px;
        line-height:34px;
    }
}

h4,.h4 {
    font-size:18px;
    line-height:24px;
    margin-bottom:20px
}

h5,.h5 {
    font-size:16px;
    line-height:24px;
    margin-bottom:10px
}

h6,.h6 {
    font-size:14px;
    line-height:24px;
    margin-bottom:10px
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-family: sans-serif;
    color: #3a3a3a;
}

h1.inverted,
.inverted.h1,
.inverted h1,
.inverted .h1,
h2.inverted,
.inverted.h2,
.inverted h2,
.inverted .h2,
h3.inverted,
.inverted.h3,
.inverted h3,
.inverted .h3,
h4.inverted,
.inverted.h4,
.inverted h4,
.inverted .h4,
h5.inverted,
.inverted.h5,
.inverted h5,
.inverted .h5,
h6.inverted,
.inverted.h6,
.inverted h6,
.inverted .h6,
.inverted p {
    color:#fff
}

.inverted .button {
    background-color: transparent;
    border: 1px solid #fff;
}

/* Paragrah
–––––––––––––––––––––––––––––––––––––––––––––––––– */

p {
    margin-bottom: 20px
}

/* Text Transform
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.text-truncate {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.lowercase {
    text-transform: lowercase
}

.normalcase {
    text-transform: none
}

/* Body
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:always;
    text-rendering:optimizeLegibility;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:100;
    font-size: 16px;
    line-height: 1.35;
    font-family: sans-serif;
    color: #3a3a3a
}

/* ===========================================
    Border
=========================================== */

.border-all {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid rgba(0, 0, 0, 0.12)
}

.border-top {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12)
}

.border-left {
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.12)
}

.border-right {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.12)
}

.border-bottom {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-top-and-bottom {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-none {
    border: none
}

/* ===========================================
    Button
=========================================== */

/*.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    display:inline-block;

    width: 100%;
    max-width: 100%;
    
    min-height: 40px;

    padding: 12px 15px;
    margin-bottom: 20px;
    margin-top: 0;
    
    border-radius: 0;
    border: none;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing: always;
    text-rendering: optimizeLegibility;

    text-transform: uppercase;
    font-family: sans-serif;
    
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    
    text-decoration: none;
    text-align: center;

    cursor: pointer;

    background-color: #000;
    color: #fff;

    transition: all 0.3s ease 0s;
}

@media (min-width: 480px) {
    .button,
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"] {
        max-width: 250px
    }
}

@media (min-width: 768px) {
    .button,
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"] {
        font-size: 14px !important
    }
}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus {
    background-color: #3a3a3a;
    color: #fff;
}

.button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
    background-color: #3a3a3a;
    color: #fff;
}

input[type="submit"].expand-btn,
.expand-btn {
    width: 100%;
    max-width: 100%
}*/

/* ===========================================
    Label
=========================================== */

#respond label {
    width: 100%;
    display: block;
    font-family: sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 5px;
}



/* ===========================================
    Placeholder
=========================================== */

::-webkit-input-placeholder {
    color:#212121;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:always;
    text-rendering:optimizeLegibility;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    text-transform: capitalize;
}

::-moz-placeholder {
    color:#212121;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:always;
    text-rendering:optimizeLegibility;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    text-transform: capitalize;
}

:-ms-input-placeholder {
    color:#212121;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:always;
    text-rendering:optimizeLegibility;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    text-transform: capitalize;
}

::placeholder {
    color:#212121;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:always;
    text-rendering:optimizeLegibility;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    text-transform: capitalize;
}

/* ===========================================
    Textarea
=========================================== */

/*textarea {
    min-height: 200px
}*/

/* ===========================================
    Links
=========================================== */

a {
    color: #47a3ff;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

a:hover, a:focus {
    color: #2d89e5
}

a:active {
    color: #2d89e5;
    outline: 0 !important;
    box-shadow: none !important
}

h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a {
    font-weight: inherit;
    color: #3a3a3a;
    transition: all 0.3s ease 0s;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover {
    color: #2d89e5;
}

.inverted a {
    color: #fff;
}

.inverted p {
    color: #fff;
}

/* ===========================================
    Alignment
=========================================== */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

img.aligncenter,
img.alignleft,
img.alignright,
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-top: 8px;
    margin-bottom: 10px;
}

/* ===========================================
    Text Align
=========================================== */

.text-align-left {
    text-align:left !important
}

.text-align-center {
    text-align:center !important
}

.text-align-right {
    text-align:right !important
}

.text-align-justify {
    text-align:justify !important
}

@media (min-width: 374px) {

    .text-align-left-at-extra-small {
        text-align:left !important
    }

    .text-align-center-at-extra-small {
        text-align:center !important
    }

    .text-align-right-at-extra-small {
        text-align:right !important
    }

    .text-align-justify-at-extra-small {
        text-align:justify !important
    }

}

@media (min-width: 480px) {

    .text-align-left-at-small {
        text-align:left !important
    }

    .text-align-center-at-small {
        text-align:center !important
    }

    .text-align-right-at-small {
        text-align:right !important
    }

    .text-align-justify-at-small {
        text-align:justify !important
    }

}

@media (min-width: 768px) {

    .text-align-left-at-medium {
        text-align:left !important
    }

    .text-align-center-at-medium {
        text-align:center !important
    }

    .text-align-right-at-medium {
        text-align:right !important
    }

    .text-align-justify-at-medium {
        text-align:justify !important
    }

}

@media (min-width: 1024px) {

    .text-align-left-at-large {
        text-align:left !important
    }

    .text-align-center-at-large {
        text-align:center !important
    }

    .text-align-right-at-large {
        text-align:right !important
    }

    .text-align-justify-at-large {
        text-align:justify !important
    }

}

@media (min-width: 1200px) {

    .text-align-left-at-extra-large {
        text-align:left !important
    }

    .text-align-center-at-extra-large {
        text-align:center !important
    }

    .text-align-right-at-extra-large {
        text-align:right !important
    }

    .text-align-justify-at-extra-large {
        text-align:justify !important
    }

}

/* ===========================================
    Float
=========================================== */

.pull-left {
    float:left !important
}

.pull-right {
    float:right !important
}

.pull-none {
    float:none !important
}

.clear-left {
    clear:left !important
}

.clear-right {
    clear:right !important
}

.clear-both {
    clear:both !important
}

@media (min-width: 374px) {

    .pull-left-at-extra-small {
        float:left !important
    }

    .pull-right-at-extra-small {
        float:right !important
    }

    .pull-none-at-extra-small {
        float:none !important
    }

    .clear-left-at-extra-small {
        clear:left !important
    }

    .clear-right-at-extra-small {
        clear:right !important
    }

    .clear-both-at-extra-small {
        clear:both !important
    }

}

@media (min-width: 480px) {

    .pull-left-at-small {
        float:left !important
    }

    .pull-right-at-small {
        float:right !important
    }

    .pull-none-at-small {
        float:none !important
    }

    .clear-left-at-small {
        clear:left !important
    }

    .clear-right-at-small {
        clear:right !important
    }

    .clear-both-at-small {
        clear:both !important
    }

}

@media (min-width: 768px) {
    .pull-left-at-medium {
        float:left !important
    }

    .pull-right-at-medium {
        float:right !important
    }

    .pull-none-at-medium {
        float:none !important
    }

    .clear-left-at-medium {
        clear:left !important
    }

    .clear-right-at-medium {
        clear:right !important
    }

    .clear-both-at-medium {
        clear:both !important
    }

}

@media (min-width: 1024px) {

    .pull-left-at-large {
        float:left !important
    }

    .pull-right-at-large {
        float:right !important
    }

    .pull-none-at-large {
        float:none !important
    }

    .clear-left-at-large {
        clear:left !important
    }

    .clear-right-at-large {
        clear:right !important
    }

    .clear-both-at-large {
        clear:both !important
    }

}

@media (min-width: 1200px) {

    .pull-left-at-extra-large {
        float:left !important
    }

    .pull-right-at-extra-large {
        float:right !important
    }

    .pull-none-at-extra-large {
        float:none !important
    }

    .clear-left-at-extra-large {
        clear:left !important
    }

    .clear-right-at-extra-large {
        clear:right !important
    }

    .clear-both-at-extra-large {
        clear:both !important
    }

}

/* ===========================================
    Content
=========================================== */

.content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

@media (min-width: 1200px) {
    .content {
        max-width: 1170px;
        padding: 0;
    }
} 

.content-width-min {
    margin-left:auto;
    margin-right:auto;
    max-width:276px !important
}

.content-width-extra-small {
    margin-left:auto;
    margin-right:auto;
    max-width:324px !important
}

.content-width-small {
    margin-left:auto;
    margin-right:auto;
    max-width:424px !important
}

.content-width-medium {
    margin-left:auto;
    margin-right:auto;
    max-width:680px !important
}

.content-width-large {
    margin-left:auto;
    margin-right:auto;
    max-width:868px !important
}

.content-width-extra-large {
    margin-left:auto;
    margin-right:auto;
    max-width:1016px !important
}

.content-width-max {
    margin-left:auto;
    margin-right:auto;
    max-width:1680px !important
}

/* ===========================================
    Display
=========================================== */

.block {
    display:block !important
}

.inline-block {
    display:inline-block !important;
    vertical-align:middle
}

.inline {
    display:inline !important
}

.flex {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important
}

.inline-flex {
    display:-webkit-inline-flex !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
}

@media (min-width: 374px) {
    .block-at-extra-small {
        display:block !important
    }

    .inline-block-at-extra-small {
        display:inline-block !important;
        vertical-align:middle
    }

    .inline-at-extra-small {
        display:inline !important
    }

    .flex-at-extra-small {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .inline-flex-at-extra-small {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 480px) {
    .block-at-small {
        display:block !important
    }

    .inline-block-at-small {
        display:inline-block !important;
        vertical-align:middle
    }

    .inline-at-small {
        display:inline !important
    }

    .flex-at-small {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .inline-flex-at-small {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 768px) {
    .block-at-medium {
        display:block !important
    }

    .inline-block-at-medium {
        display:inline-block !important;
        vertical-align:middle
    }

    .inline-at-medium {
        display:inline !important
    }

    .flex-at-medium {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .inline-flex-at-medium {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 1024px) {
    .block-at-large {
        display:block !important
    }

    .inline-block-at-large {
        display:inline-block !important;
        vertical-align:middle
    }

    .inline-at-large {
        display:inline !important
    }

    .flex-at-large {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .inline-flex-at-large {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 1200px) {
    .block-at-extra-large {
        display:block !important
    }

    .inline-block-at-extra-large {
        display:inline-block !important;
        vertical-align:middle
    }

    .inline-at-extra-large {
        display:inline !important
    }

    .flex-at-extra-large {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .inline-flex-at-extra-large {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

.hidden {
    display: none !important
}

.visible {
    display: block !important
}

.visible.block {
    display:block !important
}

.visible.inline-block {
    display:inline-block !important
}

.visible.inline {
    display:inline !important
}

.visible.flex {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important
}

.visible.inline-flex {
    display:-webkit-inline-flex !important;
    display:-ms-inline-flexbox !important;
    display:inline-flex !important
}

.visually-hidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}

@media (min-width: 374px) {
    .hide-at-extra-small,.show-until-extra-small {
        display:none !important
    }

    .show-at-extra-small {
        display:block !important
    }

    .show-at-extra-small.block {
        display:block !important
    }

    .show-at-extra-small.inline-block {
        display:inline-block !important
    }

    .show-at-extra-small.inline {
        display:inline !important
    }

    .show-at-extra-small.flex {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .show-at-extra-small.inline-flex {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 480px) {
    .hide-at-small,.show-until-small {
        display:none !important
    }

    .show-at-small {
        display:block !important
    }

    .show-at-small.block {
        display:block !important
    }

    .show-at-small.inline-block {
        display:inline-block !important
    }

    .show-at-small.inline {
        display:inline !important
    }

    .show-at-small.flex {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .show-at-small.inline-flex {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 768px) {
    .hide-at-medium,.show-until-medium {
        display:none !important
    }

    .show-at-medium {
        display:block !important
    }

    .show-at-medium.block {
        display:block !important
    }

    .show-at-medium.inline-block {
        display:inline-block !important
    }

    .show-at-medium.inline {
        display:inline !important
    }

    .show-at-medium.flex {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .show-at-medium.inline-flex {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 1024px) {
    .hide-at-large,.show-until-large {
        display:none !important
    }

    .show-at-large {
        display:block !important
    }

    .show-at-large.block {
        display:block !important
    }

    .show-at-large.inline-block {
        display:inline-block !important
    }

    .show-at-large.inline {
        display:inline !important
    }

    .show-at-large.flex {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .show-at-large.inline-flex {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

@media (min-width: 1200px) {
    .hide-at-extra-large,.show-until-extra-large {
        display:none !important
    }

    .show-at-extra-large {
        display:block !important
    }

    .show-at-extra-large.block {
        display:block !important
    }

    .show-at-extra-large.inline-block {
        display:inline-block !important
    }

    .show-at-extra-large.inline {
        display:inline !important
    }

    .show-at-extra-large.flex {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important
    }

    .show-at-extra-large.inline-flex {
        display:-webkit-inline-flex !important;
        display:-ms-inline-flexbox !important;
        display:inline-flex !important
    }
}

/* ===========================================
    Clearfix
=========================================== */

.clearfix:before,.clearfix:after {
    content:" ";
    display:table;
    width:100%;
    clear:both
}

/* ===========================================
    Columns
=========================================== */

.one-whole,.two-halves,.three-thirds,.four-fourths,.five-fifths {
    width:100% !important
}

.one-half,.two-fourths {
    width:50% !important
}

.one-third {
    width:33.33333% !important
}

.two-thirds {
    width:66.66667% !important
}

.one-fourth {
    width:25% !important
}

.three-fourths {
    width:75% !important
}

.one-fifth {
    width:20% !important
}

.two-fifths {
    width:40% !important
}

.three-fifths {
    width:60% !important
}

.four-fifths {
    width:80% !important
}

.one-seventh {
    width: 14.2857143% !important
}

@media (min-width: 374px) {
    .one-whole-at-extra-small,.two-halves-at-extra-small,.three-thirds-at-extra-small,.four-fourths-at-extra-small,.five-fifths-at-extra-small {
        width:100% !important
    }

    .one-half-at-extra-small,.two-fourths-at-extra-small {
        width:50% !important
    }

    .one-third-at-extra-small {
        width:33.33333% !important
    }

    .two-thirds-at-extra-small {
        width:66.66667% !important
    }

    .one-fourth-at-extra-small {
        width:25% !important
    }

    .three-fourths-at-extra-small {
        width:75% !important
    }

    .one-fifth-at-extra-small {
        width:20% !important
    }

    .two-fifths-at-extra-small {
        width:40% !important
    }

    .three-fifths-at-extra-small {
        width:60% !important
    }

    .four-fifths-at-extra-small {
        width:80% !important
    }

    .one-seventh-at-extra-small {
        width: 14.2857143% !important
    }
}

@media (min-width: 480px) {
    .one-whole-at-small,.two-halves-at-small,.three-thirds-at-small,.four-fourths-at-small,.five-fifths-at-small {
        width:100% !important
    }

    .one-half-at-small,.two-fourths-at-small {
        width:50% !important
    }

    .one-third-at-small {
        width:33.33333% !important
    }

    .two-thirds-at-small {
        width:66.66667% !important
    }

    .one-fourth-at-small {
        width:25% !important
    }

    .three-fourths-at-small {
        width:75% !important
    }

    .one-fifth-at-small {
        width:20% !important
    }

    .two-fifths-at-small {
        width:40% !important
    }

    .three-fifths-at-small {
        width:60% !important
    }

    .four-fifths-at-small {
        width:80% !important
    }

    .one-seventh-at-small {
        width: 14.2857143% !important
    }
}

@media (min-width: 768px) {
    .one-whole-at-medium,.two-halves-at-medium,.three-thirds-at-medium,.four-fourths-at-medium,.five-fifths-at-medium {
        width:100% !important
    }

    .one-half-at-medium,.two-fourths-at-medium {
        width:50% !important
    }

    .one-third-at-medium {
        width:33.33333% !important
    }

    .two-thirds-at-medium {
        width:66.66667% !important
    }

    .one-fourth-at-medium {
        width:25% !important
    }

    .three-fourths-at-medium {
        width:75% !important
    }

    .one-fifth-at-medium {
        width:20% !important
    }

    .two-fifths-at-medium {
        width:40% !important
    }

    .three-fifths-at-medium {
        width:60% !important
    }

    .four-fifths-at-medium {
        width:80% !important
    }

    .one-seventh-at-medium {
        width: 14.2857143% !important
    }
}

@media (min-width: 1024px) {
    .one-whole-at-large,.two-halves-at-large,.three-thirds-at-large,.four-fourths-at-large,.five-fifths-at-large {
        width:100% !important
    }

    .one-half-at-large,.two-fourths-at-large {
        width:50% !important
    }

    .one-third-at-large {
        width:33.33333% !important
    }

    .two-thirds-at-large {
        width:66.66667% !important
    }

    .one-fourth-at-large {
        width:25% !important
    }

    .three-fourths-at-large {
        width:75% !important
    }

    .one-fifth-at-large {
        width:20% !important
    }

    .two-fifths-at-large {
        width:40% !important
    }

    .three-fifths-at-large {
        width:60% !important
    }

    .four-fifths-at-large {
        width:80% !important
    }

    .one-seventh-at-large{
        width: 14.2857143% !important
    }
}

@media (min-width: 1200px) {
    .one-whole-at-extra-large,.two-halves-at-extra-large,.three-thirds-at-extra-large,.four-fourths-at-extra-large,.five-fifths-at-extra-large {
        width:100% !important
    }

    .one-half-at-extra-large,.two-fourths-at-extra-large {
        width:50% !important
    }

    .one-third-at-extra-large {
        width:33.33333% !important
    }

    .two-thirds-at-extra-large {
        width:66.66667% !important
    }

    .one-fourth-at-extra-large {
        width:25% !important
    }

    .three-fourths-at-extra-large {
        width:75% !important
    }

    .one-fifth-at-extra-large {
        width:20% !important
    }

    .two-fifths-at-extra-large {
        width:40% !important
    }

    .three-fifths-at-extra-large {
        width:60% !important
    }

    .four-fifths-at-extra-large {
        width:80% !important
    }

    .one-seventh-at-extra-large {
        width: 14.2857143% !important
    }
}

/* ===========================================
    Position
=========================================== */

.position-fixed {
    position:fixed !important
}

.position-absolute {
    position:absolute !important
}

.position-relative {
    position:relative !important
}

.position-static {
    position:static !important
}

/* ===========================================
    Padding
=========================================== */

.pad-col {
    padding: 10px !important
}

.pad-gutter {
    padding: 20px !important
}

.pad-small {
    padding: 30px !important
}

.pad-medium {
    padding: 60px !important
}

.pad-large {
    padding: 80px !important
}

.pad-extra-large {
    padding: 120px !important
}

.pad-none {
    padding: 0 !important
}

.pad-vert-col {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pad-vert-gutter {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pad-vert-small {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pad-vert-medium {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pad-vert-large {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pad-vert-extra-large {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.pad-vert-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pad-horz-col {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pad-horz-gutter {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pad-horz-small {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pad-horz-medium {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.pad-horz-large {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.pad-horz-extra-large {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.pad-horz-none {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pad-top-col {
    padding-top: 10px !important
}

.pad-top-gutter {
    padding-top: 20px !important
}

.pad-top-small {
    padding-top: 30px !important
}

.pad-top-medium {
    padding-top: 60px !important
}

.pad-top-large {
    padding-top: 80px !important
}

.pad-top-extra-large {
    padding-top: 120px !important
}

.pad-top-none {
    padding-top: 0 !important
}

.pad-bottom-col {
    padding-bottom: 10px !important
}

.pad-bottom-gutter {
    padding-bottom: 20px !important
}

.pad-bottom-small {
    padding-bottom: 30px !important
}

.pad-bottom-medium {
    padding-bottom: 60px !important
}

.pad-bottom-large {
    padding-bottom: 80px !important
}

.pad-bottom-extra-large {
    padding-bottom: 120px !important
}

.pad-bottom-none {
    padding-bottom: 0 !important
}

.pad-left-col {
    padding-left: 10px !important
}

.pad-left-gutter {
    padding-left: 20px !important
}

.pad-left-small {
    padding-left: 30px !important
}

.pad-left-medium {
    padding-left: 60px !important
}

.pad-left-large {
    padding-left: 80px !important
}

.pad-left-extra-large {
    padding-left: 120px !important
}

.pad-left-none {
    padding-left: 0 !important
}

.pad-right-col {
    padding-right: 10px !important
}

.pad-right-gutter {
    padding-right: 20px !important
}

.pad-right-small {
    padding-right: 30px !important
}

.pad-right-medium {
    padding-right: 60px !important
}

.pad-right-large {
    padding-right: 80px !important
}

.pad-right-extra-large {
    padding-right: 120px !important
}

.pad-right-none {
    padding-right: 0 !important
}

/* ===========================================
    Margin
=========================================== */

.gap-col {
    margin: 10px !important
}

.gap-gutter {
    margin: 20px !important
}

.gap-small {
    margin: 30px !important
}

.gap-medium {
    margin: 60px !important
}

.gap-large {
    margin: 80px !important
}

.gap-extra-large {
    margin: 120px !important
}

.gap-none {
    margin: 0 !important
}

.gap-vert-col {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.gap-vert-gutter {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.gap-vert-small {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.gap-vert-medium {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.gap-vert-large {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.gap-vert-extra-large {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.gap-vert-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.gap-horz-col {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.gap-horz-gutter {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.gap-horz-small {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.gap-horz-medium {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.gap-horz-large {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.gap-horz-extra-large {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.gap-horz-none {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.gap-top-col {
    margin-top: 10px !important
}

.gap-top-gutter {
    margin-top: 20px !important
}

.gap-top-small {
    margin-top: 30px !important
}

.gap-top-medium {
    margin-top: 60px !important
}

.gap-top-large {
    margin-top: 80px !important
}

.gap-top-extra-large {
    margin-top: 120px !important
}

.gap-top-none {
    margin-top: 0 !important
}

.gap-bottom-col {
    margin-bottom: 10px !important
}

.gap-bottom-gutter {
    margin-bottom: 20px !important
}

.gap-bottom-small {
    margin-bottom: 30px !important
}

.gap-bottom-medium {
    margin-bottom: 60px !important
}

.gap-bottom-large {
    margin-bottom: 80px !important
}

.gap-bottom-extra-large {
    margin-bottom: 120px !important
}

.gap-bottom-none {
    margin-bottom: 0 !important
}

.gap-left-col {
    margin-left: 10px !important
}

.gap-left-gutter {
    margin-left: 20px !important
}

.gap-left-small {
    margin-left: 30px !important
}

.gap-left-medium {
    margin-left: 60px !important
}

.gap-left-large {
    margin-left: 80px !important
}

.gap-left-extra-large {
    margin-left: 120px !important
}

.gap-left-none {
    margin-left: 0 !important
}

.gap-right-col {
    margin-right: 10px !important
}

.gap-right-gutter {
    margin-right: 20px !important
}

.gap-right-small {
    margin-right: 30px !important
}

.gap-right-medium {
    margin-right: 60px !important
}

.gap-right-large {
    margin-right: 80px !important
}

.gap-right-extra-large {
    margin-right: 120px !important
}

.gap-right-none {
    margin-right: 0 !important
}

/* ===========================================
    Padding & Margin Media
=========================================== */

@media (min-width: 480px) {

    .pad-col-at-small {
        padding: 10px !important
    }

    .pad-gutter-at-small {
        padding: 20px !important
    }

    .pad-small-at-small {
        padding: 30px !important
    }

    .pad-medium-at-small {
        padding: 60px !important
    }

    .pad-large-at-small {
        padding: 80px !important
    }

    .pad-extra-large-at-small {
        padding: 120px !important
    }

    .pad-none-at-small {
        padding: 0 !important
    }

    .pad-vert-col-at-small {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .pad-vert-gutter-at-small {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .pad-vert-small-at-small {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .pad-vert-medium-at-small {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .pad-vert-large-at-small {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pad-vert-extra-large-at-small {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .pad-vert-none-at-small {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pad-horz-col-at-small {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pad-horz-gutter-at-small {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pad-horz-small-at-small {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pad-horz-medium-at-small {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .pad-horz-large-at-small {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .pad-horz-extra-large-at-small {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .pad-horz-none-at-small {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pad-top-col-at-small {
        padding-top: 10px !important
    }

    .pad-top-gutter-at-small {
        padding-top: 20px !important
    }

    .pad-top-small-at-small {
        padding-top: 30px !important
    }

    .pad-top-medium-at-small {
        padding-top: 60px !important
    }

    .pad-top-large-at-small {
        padding-top: 80px !important
    }

    .pad-top-extra-large-at-small {
        padding-top: 120px !important
    }

    .pad-top-none-at-small {
        padding-top: 0 !important
    }

    .pad-bottom-col-at-small {
        padding-bottom: 10px !important
    }

    .pad-bottom-gutter-at-small {
        padding-bottom: 20px !important
    }

    .pad-bottom-small-at-small {
        padding-bottom: 30px !important
    }

    .pad-bottom-medium-at-small {
        padding-bottom: 60px !important
    }

    .pad-bottom-large-at-small {
        padding-bottom: 80px !important
    }

    .pad-bottom-extra-large-at-small {
        padding-bottom: 120px !important
    }

    .pad-bottom-none-at-small {
        padding-bottom: 0 !important
    }

    .pad-left-col-at-small {
        padding-left: 10px !important
    }

    .pad-left-gutter-at-small {
        padding-left: 20px !important
    }

    .pad-left-small-at-small {
        padding-left: 30px !important
    }

    .pad-left-medium-at-small {
        padding-left: 60px !important
    }

    .pad-left-large-at-small {
        padding-left: 80px !important
    }

    .pad-left-extra-large-at-small {
        padding-left: 120px !important
    }

    .pad-left-none-at-small {
        padding-left: 0 !important
    }

    .pad-right-col-at-small {
        padding-right: 10px !important
    }

    .pad-right-gutter-at-small {
        padding-right: 20px !important
    }

    .pad-right-small-at-small {
        padding-right: 30px !important
    }

    .pad-right-medium-at-small {
        padding-right: 60px !important
    }

    .pad-right-large-at-small {
        padding-right: 80px !important
    }

    .pad-right-extra-large-at-small {
        padding-right: 120px !important
    }

    .pad-right-none-at-small {
        padding-right: 0 !important
    }

    .gap-col-at-small {
        margin: 10px !important
    }

    .gap-gutter-at-small {
        margin: 20px !important
    }

    .gap-small-at-small {
        margin: 30px !important
    }

    .gap-medium-at-small {
        margin: 60px !important
    }

    .gap-large-at-small {
        margin: 80px !important
    }

    .gap-extra-large-at-small {
        margin: 120px !important
    }

    .gap-none-at-small {
        margin: 0 !important
    }

    .gap-vert-col-at-small {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .gap-vert-gutter-at-small {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .gap-vert-small-at-small {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .gap-vert-medium-at-small {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .gap-vert-large-at-small {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .gap-vert-extra-large-at-small {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .gap-vert-none-at-small {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .gap-horz-col-at-small {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .gap-horz-gutter-at-small {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .gap-horz-small-at-small {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .gap-horz-medium-at-small {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .gap-horz-large-at-small {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .gap-horz-extra-large-at-small {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .gap-horz-none-at-small {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .gap-top-col-at-small {
        margin-top: 10px !important
    }

    .gap-top-gutter-at-small {
        margin-top: 20px !important
    }

    .gap-top-small-at-small {
        margin-top: 30px !important
    }

    .gap-top-medium-at-small {
        margin-top: 60px !important
    }

    .gap-top-large-at-small {
        margin-top: 80px !important
    }

    .gap-top-extra-large-at-small {
        margin-top: 120px !important
    }

    .gap-top-none-at-small {
        margin-top: 0 !important
    }

    .gap-bottom-col-at-small {
        margin-bottom: 10px !important
    }

    .gap-bottom-gutter-at-small {
        margin-bottom: 20px !important
    }

    .gap-bottom-small-at-small {
        margin-bottom: 30px !important
    }

    .gap-bottom-medium-at-small {
        margin-bottom: 60px !important
    }

    .gap-bottom-large-at-small {
        margin-bottom: 80px !important
    }

    .gap-bottom-extra-large-at-small {
        margin-bottom: 120px !important
    }

    .gap-bottom-none-at-small {
        margin-bottom: 0 !important
    }

    .gap-left-col-at-small {
        margin-left: 10px !important
    }

    .gap-left-gutter-at-small {
        margin-left: 20px !important
    }

    .gap-left-small-at-small {
        margin-left: 30px !important
    }

    .gap-left-medium-at-small {
        margin-left: 60px !important
    }

    .gap-left-large-at-small {
        margin-left: 80px !important
    }

    .gap-left-extra-large-at-small {
        margin-left: 120px !important
    }

    .gap-left-none-at-small {
        margin-left: 0 !important
    }

    .gap-right-col-at-small {
        margin-right: 10px !important
    }

    .gap-right-gutter-at-small {
        margin-right: 20px !important
    }

    .gap-right-small-at-small {
        margin-right: 30px !important
    }

    .gap-right-medium-at-small {
        margin-right: 60px !important
    }

    .gap-right-large-at-small {
        margin-right: 80px !important
    }

    .gap-right-extra-large-at-small {
        margin-right: 120px !important
    }

    .gap-right-none-at-small {
        margin-right: 0 !important
    }
}

@media (min-width: 768px) {

    .pad-col-at-medium {
        padding: 10px !important
    }

    .pad-gutter-at-medium {
        padding: 20px !important
    }

    .pad-small-at-medium {
        padding: 30px !important
    }

    .pad-medium-at-medium {
        padding: 60px !important
    }

    .pad-large-at-medium {
        padding: 80px !important
    }

    .pad-extra-large-at-medium {
        padding: 120px !important
    }

    .pad-none-at-medium {
        padding: 0 !important
    }

    .pad-vert-col-at-medium {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .pad-vert-gutter-at-medium {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .pad-vert-small-at-medium {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .pad-vert-medium-at-medium {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .pad-vert-large-at-medium {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pad-vert-extra-large-at-medium {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .pad-vert-none-at-medium {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pad-horz-col-at-medium {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pad-horz-gutter-at-medium {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pad-horz-small-at-medium {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pad-horz-medium-at-medium {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .pad-horz-large-at-medium {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .pad-horz-extra-large-at-medium {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .pad-horz-none-at-medium {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pad-top-col-at-medium {
        padding-top: 10px !important
    }

    .pad-top-gutter-at-medium {
        padding-top: 20px !important
    }

    .pad-top-small-at-medium {
        padding-top: 30px !important
    }

    .pad-top-medium-at-medium {
        padding-top: 60px !important
    }

    .pad-top-large-at-medium {
        padding-top: 80px !important
    }

    .pad-top-extra-large-at-medium {
        padding-top: 120px !important
    }

    .pad-top-none-at-medium {
        padding-top: 0 !important
    }

    .pad-bottom-col-at-medium {
        padding-bottom: 10px !important
    }

    .pad-bottom-gutter-at-medium {
        padding-bottom: 20px !important
    }

    .pad-bottom-small-at-medium {
        padding-bottom: 30px !important
    }

    .pad-bottom-medium-at-medium {
        padding-bottom: 60px !important
    }

    .pad-bottom-large-at-medium {
        padding-bottom: 80px !important
    }

    .pad-bottom-extra-large-at-medium {
        padding-bottom: 120px !important
    }

    .pad-bottom-none-at-medium {
        padding-bottom: 0 !important
    }

    .pad-left-col-at-medium {
        padding-left: 10px !important
    }

    .pad-left-gutter-at-medium {
        padding-left: 20px !important
    }

    .pad-left-small-at-medium {
        padding-left: 30px !important
    }

    .pad-left-medium-at-medium {
        padding-left: 60px !important
    }

    .pad-left-large-at-medium {
        padding-left: 80px !important
    }

    .pad-left-extra-large-at-medium {
        padding-left: 120px !important
    }

    .pad-left-none-at-medium {
        padding-left: 0 !important
    }

    .pad-right-col-at-medium {
        padding-right: 10px !important
    }

    .pad-right-gutter-at-medium {
        padding-right: 20px !important
    }

    .pad-right-small-at-medium {
        padding-right: 30px !important
    }

    .pad-right-medium-at-medium {
        padding-right: 60px !important
    }

    .pad-right-large-at-medium {
        padding-right: 80px !important
    }

    .pad-right-extra-large-at-medium {
        padding-right: 120px !important
    }

    .pad-right-none-at-medium {
        padding-right: 0 !important
    }

    .gap-col-at-medium {
        margin: 10px !important
    }

    .gap-gutter-at-medium {
        margin: 20px !important
    }

    .gap-small-at-medium {
        margin: 30px !important
    }

    .gap-medium-at-medium {
        margin: 60px !important
    }

    .gap-large-at-medium {
        margin: 80px !important
    }

    .gap-extra-large-at-medium {
        margin: 120px !important
    }

    .gap-none-at-medium {
        margin: 0 !important
    }

    .gap-vert-col-at-medium {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .gap-vert-gutter-at-medium {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .gap-vert-small-at-medium {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .gap-vert-medium-at-medium {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .gap-vert-large-at-medium {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .gap-vert-extra-large-at-medium {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .gap-vert-none-at-medium {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .gap-horz-col-at-medium {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .gap-horz-gutter-at-medium {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .gap-horz-small-at-medium {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .gap-horz-medium-at-medium {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .gap-horz-large-at-medium {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .gap-horz-extra-large-at-medium {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .gap-horz-none-at-medium {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .gap-top-col-at-medium {
        margin-top: 10px !important
    }

    .gap-top-gutter-at-medium {
        margin-top: 20px !important
    }

    .gap-top-small-at-medium {
        margin-top: 30px !important
    }

    .gap-top-medium-at-medium {
        margin-top: 60px !important
    }

    .gap-top-large-at-medium {
        margin-top: 80px !important
    }

    .gap-top-extra-large-at-medium {
        margin-top: 120px !important
    }

    .gap-top-none-at-medium {
        margin-top: 0 !important
    }

    .gap-bottom-col-at-medium {
        margin-bottom: 10px !important
    }

    .gap-bottom-gutter-at-medium {
        margin-bottom: 20px !important
    }

    .gap-bottom-small-at-medium {
        margin-bottom: 30px !important
    }

    .gap-bottom-medium-at-medium {
        margin-bottom: 60px !important
    }

    .gap-bottom-large-at-medium {
        margin-bottom: 80px !important
    }

    .gap-bottom-extra-large-at-medium {
        margin-bottom: 120px !important
    }

    .gap-bottom-none-at-medium {
        margin-bottom: 0 !important
    }

    .gap-left-col-at-medium {
        margin-left: 10px !important
    }

    .gap-left-gutter-at-medium {
        margin-left: 20px !important
    }

    .gap-left-small-at-medium {
        margin-left: 30px !important
    }

    .gap-left-medium-at-medium {
        margin-left: 60px !important
    }

    .gap-left-large-at-medium {
        margin-left: 80px !important
    }

    .gap-left-extra-large-at-medium {
        margin-left: 120px !important
    }

    .gap-left-none-at-medium {
        margin-left: 0 !important
    }

    .gap-right-col-at-medium {
        margin-right: 10px !important
    }

    .gap-right-gutter-at-medium {
        margin-right: 20px !important
    }

    .gap-right-small-at-medium {
        margin-right: 30px !important
    }

    .gap-right-medium-at-medium {
        margin-right: 60px !important
    }

    .gap-right-large-at-medium {
        margin-right: 80px !important
    }

    .gap-right-extra-large-at-medium {
        margin-right: 120px !important
    }

    .gap-right-none-at-medium {
        margin-right: 0 !important
    }
}

@media (min-width: 1024px) {

    .pad-col-at-large {
        padding: 10px !important
    }

    .pad-gutter-at-large {
        padding: 20px !important
    }

    .pad-small-at-large {
        padding: 30px !important
    }

    .pad-medium-at-large {
        padding: 60px !important
    }

    .pad-large-at-large {
        padding: 80px !important
    }

    .pad-extra-large-at-large {
        padding: 120px !important
    }

    .pad-none-at-large {
        padding: 0 !important
    }

    .pad-vert-col-at-large {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .pad-vert-gutter-at-large {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .pad-vert-small-at-large {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .pad-vert-medium-at-large {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .pad-vert-large-at-large {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pad-vert-extra-large-at-large {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .pad-vert-none-at-large {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pad-horz-col-at-large {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pad-horz-gutter-at-large {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pad-horz-small-at-large {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pad-horz-medium-at-large {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .pad-horz-large-at-large {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .pad-horz-extra-large-at-large {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .pad-horz-none-at-large {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pad-top-col-at-large {
        padding-top: 10px !important
    }

    .pad-top-gutter-at-large {
        padding-top: 20px !important
    }

    .pad-top-small-at-large {
        padding-top: 30px !important
    }

    .pad-top-medium-at-large {
        padding-top: 60px !important
    }

    .pad-top-large-at-large {
        padding-top: 80px !important
    }

    .pad-top-extra-large-at-large {
        padding-top: 120px !important
    }

    .pad-top-none-at-large {
        padding-top: 0 !important
    }

    .pad-bottom-col-at-large {
        padding-bottom: 10px !important
    }

    .pad-bottom-gutter-at-large {
        padding-bottom: 20px !important
    }

    .pad-bottom-small-at-large {
        padding-bottom: 30px !important
    }

    .pad-bottom-medium-at-large {
        padding-bottom: 60px !important
    }

    .pad-bottom-large-at-large {
        padding-bottom: 80px !important
    }

    .pad-bottom-extra-large-at-large {
        padding-bottom: 120px !important
    }

    .pad-bottom-none-at-large {
        padding-bottom: 0 !important
    }

    .pad-left-col-at-large {
        padding-left: 10px !important
    }

    .pad-left-gutter-at-large {
        padding-left: 20px !important
    }

    .pad-left-small-at-large {
        padding-left: 30px !important
    }

    .pad-left-medium-at-large {
        padding-left: 60px !important
    }

    .pad-left-large-at-large {
        padding-left: 80px !important
    }

    .pad-left-extra-large-at-large {
        padding-left: 120px !important
    }

    .pad-left-none-at-large {
        padding-left: 0 !important
    }

    .pad-right-col-at-large {
        padding-right: 10px !important
    }

    .pad-right-gutter-at-large {
        padding-right: 20px !important
    }

    .pad-right-small-at-large {
        padding-right: 30px !important
    }

    .pad-right-medium-at-large {
        padding-right: 60px !important
    }

    .pad-right-large-at-large {
        padding-right: 80px !important
    }

    .pad-right-extra-large-at-large {
        padding-right: 120px !important
    }

    .pad-right-none-at-large {
        padding-right: 0 !important
    }

    .gap-col-at-large {
        margin: 10px !important
    }

    .gap-gutter-at-large {
        margin: 20px !important
    }

    .gap-small-at-large {
        margin: 30px !important
    }

    .gap-medium-at-large {
        margin: 60px !important
    }

    .gap-large-at-large {
        margin: 80px !important
    }

    .gap-extra-large-at-large {
        margin: 120px !important
    }

    .gap-none-at-large {
        margin: 0 !important
    }

    .gap-vert-col-at-large {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .gap-vert-gutter-at-large {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .gap-vert-small-at-large {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .gap-vert-medium-at-large {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .gap-vert-large-at-large {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .gap-vert-extra-large-at-large {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .gap-vert-none-at-large {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .gap-horz-col-at-large {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .gap-horz-gutter-at-large {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .gap-horz-small-at-large {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .gap-horz-medium-at-large {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .gap-horz-large-at-large {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .gap-horz-extra-large-at-large {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .gap-horz-none-at-large {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .gap-top-col-at-large {
        margin-top: 10px !important
    }

    .gap-top-gutter-at-large {
        margin-top: 20px !important
    }

    .gap-top-small-at-large {
        margin-top: 30px !important
    }

    .gap-top-medium-at-large {
        margin-top: 60px !important
    }

    .gap-top-large-at-large {
        margin-top: 80px !important
    }

    .gap-top-extra-large-at-large {
        margin-top: 120px !important
    }

    .gap-top-none-at-large {
        margin-top: 0 !important
    }

    .gap-bottom-col-at-large {
        margin-bottom: 10px !important
    }

    .gap-bottom-gutter-at-large {
        margin-bottom: 20px !important
    }

    .gap-bottom-small-at-large {
        margin-bottom: 30px !important
    }

    .gap-bottom-medium-at-large {
        margin-bottom: 60px !important
    }

    .gap-bottom-large-at-large {
        margin-bottom: 80px !important
    }

    .gap-bottom-extra-large-at-large {
        margin-bottom: 120px !important
    }

    .gap-bottom-none-at-large {
        margin-bottom: 0 !important
    }

    .gap-left-col-at-large {
        margin-left: 10px !important
    }

    .gap-left-gutter-at-large {
        margin-left: 20px !important
    }

    .gap-left-small-at-large {
        margin-left: 30px !important
    }

    .gap-left-medium-at-large {
        margin-left: 60px !important
    }

    .gap-left-large-at-large {
        margin-left: 80px !important
    }

    .gap-left-extra-large-at-large {
        margin-left: 120px !important
    }

    .gap-left-none-at-large {
        margin-left: 0 !important
    }

    .gap-right-col-at-large {
        margin-right: 10px !important
    }

    .gap-right-gutter-at-large {
        margin-right: 20px !important
    }

    .gap-right-small-at-large {
        margin-right: 30px !important
    }

    .gap-right-medium-at-large {
        margin-right: 60px !important
    }

    .gap-right-large-at-large {
        margin-right: 80px !important
    }

    .gap-right-extra-large-at-large {
        margin-right: 120px !important
    }

    .gap-right-none-at-large {
        margin-right: 0 !important
    }
}

@media (min-width: 1200px) {

    .pad-col-at-extra-large {
        padding: 10px !important
    }

    .pad-gutter-at-extra-large {
        padding: 20px !important
    }

    .pad-small-at-extra-large {
        padding: 30px !important
    }

    .pad-medium-at-extra-large {
        padding: 60px !important
    }

    .pad-large-at-extra-large {
        padding: 80px !important
    }

    .pad-extra-large-at-extra-large {
        padding: 120px !important
    }

    .pad-none-at-extra-large {
        padding: 0 !important
    }

    .pad-vert-col-at-extra-large {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .pad-vert-gutter-at-extra-large {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .pad-vert-small-at-extra-large {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .pad-vert-medium-at-extra-large {
        padding-top: 60px !important;
        padding-bottom: 60px !important
    }

    .pad-vert-large-at-extra-large {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }

    .pad-vert-extra-large-at-extra-large {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }

    .pad-vert-none-at-extra-large {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pad-horz-col-at-extra-large {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .pad-horz-gutter-at-extra-large {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .pad-horz-small-at-extra-large {
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .pad-horz-medium-at-extra-large {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .pad-horz-large-at-extra-large {
        padding-left: 80px !important;
        padding-right: 80px !important
    }

    .pad-horz-extra-large-at-extra-large {
        padding-left: 120px !important;
        padding-right: 120px !important
    }

    .pad-horz-none-at-extra-large {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .pad-top-col-at-extra-large {
        padding-top: 10px !important
    }

    .pad-top-gutter-at-extra-large {
        padding-top: 20px !important
    }

    .pad-top-small-at-extra-large {
        padding-top: 30px !important
    }

    .pad-top-medium-at-extra-large {
        padding-top: 60px !important
    }

    .pad-top-large-at-extra-large {
        padding-top: 80px !important
    }

    .pad-top-extra-large-at-extra-large {
        padding-top: 120px !important
    }

    .pad-top-none-at-extra-large {
        padding-top: 0 !important
    }

    .pad-bottom-col-at-extra-large {
        padding-bottom: 10px !important
    }

    .pad-bottom-gutter-at-extra-large {
        padding-bottom: 20px !important
    }

    .pad-bottom-small-at-extra-large {
        padding-bottom: 30px !important
    }

    .pad-bottom-medium-at-extra-large {
        padding-bottom: 60px !important
    }

    .pad-bottom-large-at-extra-large {
        padding-bottom: 80px !important
    }

    .pad-bottom-extra-large-at-extra-large {
        padding-bottom: 120px !important
    }

    .pad-bottom-none-at-extra-large {
        padding-bottom: 0 !important
    }

    .pad-left-col-at-extra-large {
        padding-left: 10px !important
    }

    .pad-left-gutter-at-extra-large {
        padding-left: 20px !important
    }

    .pad-left-small-at-extra-large {
        padding-left: 30px !important
    }

    .pad-left-medium-at-extra-large {
        padding-left: 60px !important
    }

    .pad-left-large-at-extra-large {
        padding-left: 80px !important
    }

    .pad-left-extra-large-at-extra-large {
        padding-left: 120px !important
    }

    .pad-left-none-at-extra-large {
        padding-left: 0 !important
    }

    .pad-right-col-at-extra-large {
        padding-right: 10px !important
    }

    .pad-right-gutter-at-extra-large {
        padding-right: 20px !important
    }

    .pad-right-small-at-extra-large {
        padding-right: 30px !important
    }

    .pad-right-medium-at-extra-large {
        padding-right: 60px !important
    }

    .pad-right-large-at-extra-large {
        padding-right: 80px !important
    }

    .pad-right-extra-large-at-extra-large {
        padding-right: 120px !important
    }

    .pad-right-none-at-extra-large {
        padding-right: 0 !important
    }

    .gap-col-at-extra-large {
        margin: 10px !important
    }

    .gap-gutter-at-extra-large {
        margin: 20px !important
    }

    .gap-small-at-extra-large {
        margin: 30px !important
    }

    .gap-medium-at-extra-large {
        margin: 60px !important
    }

    .gap-large-at-extra-large {
        margin: 80px !important
    }

    .gap-extra-large-at-extra-large {
        margin: 120px !important
    }

    .gap-none-at-extra-large {
        margin: 0 !important
    }

    .gap-vert-col-at-extra-large {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .gap-vert-gutter-at-extra-large {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .gap-vert-small-at-extra-large {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .gap-vert-medium-at-extra-large {
        margin-top: 60px !important;
        margin-bottom: 60px !important
    }

    .gap-vert-large-at-extra-large {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }

    .gap-vert-extra-large-at-extra-large {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }

    .gap-vert-none-at-extra-large {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .gap-horz-col-at-extra-large {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .gap-horz-gutter-at-extra-large {
        margin-left: 20px !important;
        margin-right: 20px !important
    }

    .gap-horz-small-at-extra-large {
        margin-left: 30px !important;
        margin-right: 30px !important
    }

    .gap-horz-medium-at-extra-large {
        margin-left: 60px !important;
        margin-right: 60px !important
    }

    .gap-horz-large-at-extra-large {
        margin-left: 80px !important;
        margin-right: 80px !important
    }

    .gap-horz-extra-large-at-extra-large {
        margin-left: 120px !important;
        margin-right: 120px !important
    }

    .gap-horz-none-at-extra-large {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .gap-top-col-at-extra-large {
        margin-top: 10px !important
    }

    .gap-top-gutter-at-extra-large {
        margin-top: 20px !important
    }

    .gap-top-small-at-extra-large {
        margin-top: 30px !important
    }

    .gap-top-medium-at-extra-large {
        margin-top: 60px !important
    }

    .gap-top-large-at-extra-large {
        margin-top: 80px !important
    }

    .gap-top-extra-large-at-extra-large {
        margin-top: 120px !important
    }

    .gap-top-none-at-extra-large {
        margin-top: 0 !important
    }

    .gap-bottom-col-at-extra-large {
        margin-bottom: 10px !important
    }

    .gap-bottom-gutter-at-extra-large {
        margin-bottom: 20px !important
    }

    .gap-bottom-small-at-extra-large {
        margin-bottom: 30px !important
    }

    .gap-bottom-medium-at-extra-large {
        margin-bottom: 60px !important
    }

    .gap-bottom-large-at-extra-large {
        margin-bottom: 80px !important
    }

    .gap-bottom-extra-large-at-extra-large {
        margin-bottom: 120px !important
    }

    .gap-bottom-none-at-extra-large {
        margin-bottom: 0 !important
    }

    .gap-left-col-at-extra-large {
        margin-left: 10px !important
    }

    .gap-left-gutter-at-extra-large {
        margin-left: 20px !important
    }

    .gap-left-small-at-extra-large {
        margin-left: 30px !important
    }

    .gap-left-medium-at-extra-large {
        margin-left: 60px !important
    }

    .gap-left-large-at-extra-large {
        margin-left: 80px !important
    }

    .gap-left-extra-large-at-extra-large {
        margin-left: 120px !important
    }

    .gap-left-none-at-extra-large {
        margin-left: 0 !important
    }

    .gap-right-col-at-extra-large {
        margin-right: 10px !important
    }

    .gap-right-gutter-at-extra-large {
        margin-right: 20px !important
    }

    .gap-right-small-at-extra-large {
        margin-right: 30px !important
    }

    .gap-right-medium-at-extra-large {
        margin-right: 60px !important
    }

    .gap-right-large-at-extra-large {
        margin-right: 80px !important
    }

    .gap-right-extra-large-at-extra-large {
        margin-right: 120px !important
    }

    .gap-right-none-at-extra-large {
        margin-right: 0 !important
    }
}

/* ===========================================
    Print
=========================================== */

.fine-print {
    font-size:11px;
    line-height:20px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:600
}

.legal-text {
    font-size:11px;
    line-height:20px
}

.upperspaced {
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:600
}

/* ===========================================
    Content
=========================================== */

.content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

@media (min-width: 1200px) {
    .content {
        max-width: 1170px;
        padding: 0;
    }
} 

.content-width-min {
  margin-left:auto;
  margin-right:auto;
  max-width:276px !important
}

.content-width-extra-small {
  margin-left:auto;
  margin-right:auto;
  max-width:324px !important
}

.content-width-small {
  margin-left:auto;
  margin-right:auto;
  max-width:424px !important
}

.content-width-medium {
  margin-left:auto;
  margin-right:auto;
  max-width:680px !important
}

.content-width-large {
  margin-left:auto;
  margin-right:auto;
  max-width:868px !important
}

.content-width-extra-large {
  margin-left:auto;
  margin-right:auto;
  max-width:1016px !important
}

.content-width-max {
  margin-left:auto;
  margin-right:auto;
  max-width:1680px !important
}

/* ===========================================
    Tables
=========================================== */

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

/* ===========================================
    Typography
=========================================== */

@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family:'ProximaNova-Bold';
    src: url('fonts/ProximaNova-Bold.eot');
    src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/ProximaNova-Bold.woff2') format('woff2'),
    url('fonts/ProximaNova-Bold.woff') format('woff'),
    url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'ProximaNova-Semibold';
    src: url('fonts/ProximaNova-Semibold.eot');
    src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
    url('fonts/ProximaNova-Semibold.woff') format('woff'),
    url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'ProximaNova-Light';
    src: url('fonts/ProximaNova-Light.eot');
    src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/ProximaNova-Light.woff2') format('woff2'),
    url('fonts/ProximaNova-Light.woff') format('woff'),
    url('fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Sentinel-Medium';
    src: url('fonts/Sentinel-Medium.eot');
    src: url('fonts/Sentinel-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Sentinel-Medium.woff2') format('woff2'),
    url('fonts/Sentinel-Medium.woff') format('woff'),
    url('fonts/Sentinel-Medium.svg#Sentinel-Medium') format('svg');
    font-weight: 350;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Sentinel-Book';
    src: url('fonts/Sentinel-Book.eot');
    src: url('fonts/Sentinel-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/Sentinel-Book.woff2') format('woff2'),
    url('fonts/Sentinel-Book.woff') format('woff'),
    url('fonts/Sentinel-Book.svg#Sentinel-Book') format('svg');
    font-weight: 325;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

body {
    font-family: 'Sentinel-Medium', sans-serif;
    color: #000
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ProximaNova-Bold', sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 1.2;
  color: #102540;
}

h1 {
  font-size: 40px;
  margin-bottom: 20px;
}

h2 {
  font-size: 24px;
}

@media (min-width: 718px) {
  h2 {
    font-size: 30px
  }
}

h3 {
  font-size: 20px;
  font-family: 'ProximaNova-Bold', sans-serif
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 16px
}

h6 {
  font-size: 14px
}

.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted h6,
.inverted p,
.inverted a {
  color: #fff;
}

.gold-bg h2,
.gold-bg h3 {
  color: #d8b07a;
}

.featured-p p {
  font-family: 'Sentinel-Book', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #d4d9dc;
}

/* ===========================================
    Sticky Footer
=========================================== */

.master-wrap {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.master-content {
  flex: 1;
}

/* ===========================================
    Header
=========================================== */

.siteheader {
    background-color: #fff;
    border-bottom: 1px solid #ededed;
}

.main-header {
    position: relative;
    padding: 5px 0 2px 0;
}

.search-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.search-btn:hover {
    opacity: .9
}

.search-btn img {
    height: 80px;
}

@media (max-width: 1024px) {
    .search-btn {
        display: none;
    }
}

.main-header,
.main-nav {
  display: flex;
  /*flex-direction: column;*/
  align-items: center;
}

.main-nav {
  margin-bottom: 10px;
  padding-right: 70px
}

@media (min-width: 1024px) {
  .main-nav {
    margin-bottom: 0;
  }
}

@media (max-width: 1024px) {
  .main-nav {
    display: none;
  }
}

.main-logo {
  padding-bottom: 15px;
  padding-bottom: 0
}

.main-logo a {
  display: inline-block;
}

.main-logo img {
  max-width: 200px
}

@media (min-width: 1025px) {
    .main-logo img {
        max-width: 300px
    }
}

.main-nav li {
  /*padding: 0 0 15px 0;*/
  margin-left: 18px;
  position: relative;
}

@media (min-width: 768px) {
  .main-nav {
    flex-direction: row;
  }

  .main-nav li {
    /*padding: 0 15px;*/
  }
}

@media (min-width: 1024px) {
    .main-logo {
        padding-bottom: 0
    }
}

@media (min-width: 1025px) {
    .main-header {
        flex-direction: row;
        justify-content: space-between;
      }
}

.main-nav li a {
  font-family: 'ProximaNova-Semibold', sans-serif;
  padding: 15px 0;
  font-size: 16px;
  color: #102540;
}

.main-nav li a:hover {
  color: #4992ae;
}

.main-nav .sub-menu,
.main-nav .children {
    background-color: #102540;
    border-top: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    text-align: left;
}

.main-nav .sub-menu ul,
.main-nav .children ul {
    border-left: 0;
    left: 100%;
    top: 0;
}

.main-nav .sub-menu li {
   margin-left: 0;
   border-bottom: .2px solid #dcdcdb;
}

.main-nav .sub-menu li:last-child {
    border-bottom: none;
}

.main-nav .sub-menu li:first-child > a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -12px;
    width: 0;
    height: 0;
}

.main-nav .sub-menu li a {
    padding: 8px 15px;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: capitalize !important
}

.sub-menu li a:hover {
    border-bottom: 0;
    color: #fff;
}

ul.main-nav ul a,
.main-nav ul ul a {
    color: #171717;
    margin: 0;
    width: 150px;
}

ul.main-nav ul a:hover,
.main-nav ul ul a:hover,
ul.main-nav ul a:focus,
.main-nav ul ul a:focus {
    background-color: #4992ae;
    color: #fff;
}

ul.main-nav li:hover > ul,
.main-nav ul li:hover > ul,
ul.main-nav .focus > ul,
.main-nav .focus > ul {
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit;
}

#menu-item-50,
#menu-item-69,
#menu-item-122 {
  cursor: pointer;
  transition: .2s;
}

#menu-item-50 a:hover,
#menu-item-69 a:hover,
#menu-item-122 a:hover {
  background-color: #212121;
  border: 2px solid #212121;
}

#menu-item-50 a,
#menu-item-69 a,
#menu-item-122 a {
  font-size: 14px;
  color: #fff;
  font-family: 'ProximaNova-Semibold', sans-serif;
  text-transform: uppercase;
  padding-bottom: 0;
  padding: 8px 10px;
  background-color: #4992ae;
  border: 2px solid #4992ae;
  border-radius: 5px
}

#menu-item-157 {
  cursor: pointer;
  transition: .2s;
}

#menu-item-157 a {
  font-size: 14px;
  color: #d3a668;
  font-family: 'ProximaNova-Semibold', sans-serif;
  text-transform: uppercase;
  padding-bottom: 0;
  padding: 8px 10px;
  background-color: transparent;
  border: 2px solid #d3a668;
  border-radius: 5px
}

#menu-item-157 a:hover {
  opacity: .8
}

/* ===========================================
    Home Banner
=========================================== */

.home-banner {
  position: relative;
}

/* ===========================================
    Primary / Secondary
=========================================== */

@media (min-width: 1024px) {
  .aarnprimary {
    width: 68.37606837606838%; /* 800 / 1170 */
  }

  .aarnsecondary {
    width: 28.205128205128205%; /* 330 / 1170 */
    margin-left: 3.418803418803419%; /* 40 / 1170 */
  }
}

/* ===========================================
    Home Search
=========================================== */

.home-banner #members-dir-search {
  width: 90%;
  max-width: 980px;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%,-73%);
  z-index: 800
}

.home-banner #members-dir-search h1 {
  font-size: 20px;
}

@media (min-width: 718px) {
  .home-banner #members-dir-search h1 {
    font-size: 30px
  }
}

@media (min-width: 1024px) {
  .home-banner #members-dir-search h1 {
    font-size: 40px
  }
}

.home-banner #home-search-members-form,
.home-banner #searchform {
  margin: auto;
  padding: 15px;
  background-color: #d2a667;
  border-radius: 5px
}

.home-banner #home_members_search,
.home-banner #s {
  background: url('images/search-arrow.jpg') no-repeat 1% / 95% !important;
  background-color: #fff !important;
  background-size: 12px !important;
  font-family: 'Sentinel-Medium', sans-serif;
  font-size: 11px;
  color: #343434;
}

@media (min-width: 667px) {
  .home-banner #home_members_search,
  .home-banner #s {
    background-size: 14px;
    font-size: 14px
  }
}

@media (min-width: 718px) {
  .home-banner #home_members_search,
  .home-banner #s {
    background-size: 16px;
    font-size: 16px
  }
}

@media (min-width: 1024px) {
  .home-banner #home_members_search,
  .home-banner #s {
    background-size: 18px;
    font-size: 18px
  }
}

.home-banner #members_search_submit,
.home-banner #searchsubmit {
  font-family: 'ProximaNova-Bold', sans-serif;
  font-size: 16px
}

.home-banner #home_members_search,
.home-banner #s,
.home-banner #members_search_submit,
.home-banner #searchsubmit {
  width: 100%;
  margin: 0;
  margin-bottom: 15px
}

@media (min-width: 718px) {
  .home-banner #home_members_search,
  .home-banner #s,
  .home-banner #members_search_submit,
  .home-banner #searchsubmit {
    margin-bottom: 0;
  }

  .home-banner #home_members_search,
  .home-banner #s {
    width: 78%;
    margin-right: 2%;
    float: left;
  }

  .home-banner #members_search_submit,
  .home-banner #searchsubmit {
    width: 20%
  }
}

.home-banner #home_members_search,
.home-banner #s {
  min-height: 40px;
  padding: 0 10px 0 40px;
}

.home-banner #s {
    /*padding: 10px;*/
    padding-left: 30px
}

.home-banner #home_members_search:focus,
.home-banner #s:focus {
  border: 1px solid #212121
}

.home-banner #members_search_submit,
.home-banner #searchsubmit {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  min-width: 100px;
  max-width: 100%;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 0;
  border-radius: 0px;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #212121;
  transition: .2s;
}

.home-banner #members_search_submit:hover,
.home-banner #searchsubmit:hover {
  background-color: #4992ae
}

div#slide-1-layer-1.tp-caption.Headline-Slider.tp-resizeme {
    display: none;
}

/* ===========================================
    Autocomplete
=========================================== */

.bb-global-search-ac.ui-autocomplete {
  padding-top: 20px !important;
  border-radius: 5px !important;
  z-index: 900
}

.bb-global-search-ac.ui-autocomplete li a {
  font-family: 'Sentinel-Medium', sans-serif;
  color: #d2a667;
}

.bb-global-search-ac li.bbls-category a {
  font-family: 'ProximaNova-Semibold', sans-serif;
  color: #4992ae;
  text-transform: uppercase;
}

/* ==========================================================================
   Home Map
   ========================================================================== */

.home-map-section {
  background-color: #102540;
  position: relative;
}

.home-map {
  position: relative;
  max-width: 1280px;
  margin: auto;
  overflow: visible;
  transition: 1s;
}

@media (min-width: 1200px) {
  .home-map {
    background: url('images/map-usa-bg.jpg') no-repeat;
    background-color: #102540;
    background-position: center right -50px;
    background-size: 1000px;
    min-height: 480px;
  }
}

@media (min-width: 1280px) {
  .home-map {
    background-position: center right;
  }
}

.home-map-benefits {
  padding: 30px;
  text-align: center;
  max-width: 820px;
  margin: auto;
}

@media (min-width: 1200px) {
  .home-map-benefits {
    padding: 0;
    text-align: left;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(-5%,-50%);
    max-width: 500px
  }
}

/* ==========================================================================
   Home Account Features
   ========================================================================== */

.section-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px
}

@media (min-width: 1200px) {
  .section-header {
    margin-bottom: 30px
  }
}

.section-header h3 {
  margin-right: 5px;
  margin-left: 5px;
  text-align: center;
}

.section-header-title {
  font-family: 'ProximaNova-Bold', sans-serif;
  color: #102540;
}

.section-header-subtitle {
  font-family: 'ProximaNova-Light', sans-serif;
  color: #102540;
}

@media (min-width: 1200px) {
  .section-header-title,
  .section-header-subtitle {
    font-size: 28px
  }
}

.account-features-col {
  position: relative;
}

/* Account Features Spotlight */

.account-features-spotlight {
  text-align: center;
  padding: 20px;
  color: #fff;
}

@media (min-width: 768px) {
  .account-features-spotlight {
    min-height: 215px
  }
}

@media (min-width: 1200px) {
  .account-features-spotlight {
    padding: 20px 10px;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translate(10%,-50%);
    z-index: 800;
    border-radius: 5px;
    width: 90%;
    color: #fff;
    max-width: 60%;
    min-height: auto;
    opacity: .9
  }
}

@media (min-width: 1380px) {
    .account-features-spotlight {
        max-width: 300px
    }
}

.account-features-spotlight h4 {
  font-size: 14px
}

.account-features-icon {
  max-width: 50px;
  margin-bottom: 15px
}

.account-features-spotlight p {
  font-family: 'Sentinel-Book', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  max-width: 80%;
  margin: auto;
  text-align: center;
}

@media (min-width: 768px) {
  .account-features-spotlight p {
    max-width: 100%;
    font-size: 14px;
    margin: initial;
    text-align: left;
  }
}

/* Account Features Spotlight Background Colors */

.find-an-attorney .account-features-spotlight {
  background-color: #4a8ca6;
  opacity: .9
}

.connect-with-colleagues .account-features-spotlight {
  background-color: #c59d65;
  opacity: .9
}

.access-job-postings .account-features-spotlight {
  background-color: #1f4473;
  opacity: .9
}

/* Account Features Flex Breakpoint */

@media (min-width: 768px) {
  .account-features {
    display: flex;
    justify-content: space-between
  }

  .account-features-col {
    width: 32.8%
  }
}

/* Account Features Btn */

.view-all-account-features-btn {
  margin-top: 30px;
}

.view-all-account-features-btn .aaan-btn {
  text-align: center;
}

.view-all-account-features-btn .aaan-btn {
    max-width: 90%
}

@media (min-width: 768px) {
    .view-all-account-features-btn .aaan-btn {
        max-width: 300px
    }
}

/* ==========================================================================
   Account Types
   ========================================================================== */

@media (min-width: 1200px) {
  .account-types-secondary {
    width: 25.64102564102564%; /* 300 / 1170 */
    margin-right: 2.564102564102564%; /* 30 / 1170 */
  }

  .account-types-primary {
    width: 71.7948717948718%; /* 840 / 1170 */
  }
}

.account-types-head {
  text-align: center;
}

.account-types-head img,
.account-types-head h2 {
  display: inline-block;
}

.account-types-head img {
  margin-right: 15px
}

.account-types-title {
  margin-bottom: 20px
}

.account-type-button {
  text-align: center;
}

.account-type-button .aaan-btn {
  background-color: #1f487c;
  max-width: 400px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.account-type-button .aaan-btn:hover {
  background-color: #212121
}

.account-type {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 3px solid #f5f5f5
}

.account-type:first-child {
  padding-top: 0
}

.account-type:last-child {
  border-bottom: none;
}

.account-types-secondary .account-type-button .aaan-btn {
  background-color: #212121;
  margin-bottom: 15px;
  text-align: left !important;
}

.account-types-secondary .account-type-button .aaan-btn:hover {
  background-color: #4993b0
}

.account-types-secondary .account-type-button .aaan-btn {
  width: 100%
}

/* ==========================================================================
   Membership Levels
   ========================================================================== */

@media (max-width: 665px) {
    #pmpro_levels_table thead {
        display: none;
    }

    #pmpro_levels_table tbody tr td {
        width: 100%;
        display: block;
        text-align: center;
    }
}

#pmpro_form hr {
    display: none;
}

.pmpro_checkout-field {
    position: relative;
    margin-bottom: 0 !important;
}

.pmpro_checkout-fields .input,
.pmpro_checkout-fields select {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

.pmpro_checkout-fields select {
    background: url('images/arrow-down-select.png') no-repeat center right 10px !important;
    background-size: 12px !important;
}

.pmpro_checkout-field .pmpro_asterisk {
    position: absolute;
    top: 0;
    right: 0
}

.pmpro_checkout-fields #ExpirationMonth,
.pmpro_checkout-fields #ExpirationYear {
    width: 48% !important;
    float: left !important;
    margin-right: 2% !important;
}

.pmpro_checkout-fields #ExpirationYear {
    margin-right: 0 !important;
    float: right !important
}

.pmpro_checkout-fields .pmpro_payment-cvv {
    clear: both;
}

.pmpro_checkout-fields .pmpro_payment-cvv small {
    position: absolute;
    top: 0;
    right: 0
}

.pmpro_submit hr {
    border-top: none !important;
}

.pmpro_submit {
    text-align: left !important
}

#pmpro_levels_table thead {
    background-color: #212121;
    color: #fff;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

#pmpro_levels_table thead th {
    padding: 15px;
}

#pmpro_levels_table thead th:nth-child(2n) {
    padding-left: 0;
}

#pmpro_levels_table tbody tr:first-of-type {
    background-color: #f3f3f3
}

#pmpro_levels_table tbody tr td {
    padding: 0;
    padding: 15px;
}

@media (max-width: 665px) {
    #pmpro_levels_table tbody tr:first-of-type td:nth-child(2n) {
        padding: 0;
    }

    #pmpro_levels_table tbody tr:nth-of-type(2) td:nth-child(2n) {
        padding: 0;
    }

    #pmpro_levels_table tbody tr:nth-of-type(4) td:nth-child(2n) {
        padding: 0;
    }

    #pmpro_levels_table tbody tr:nth-of-type(3) td:nth-child(2n) {
        padding: 0;
    }
}

#pmpro_levels_table tbody tr:first-of-type td {
    background: url('images/attorney-silver.png') no-repeat center left 20px;
    background-size: 24px;
    padding-left: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 667px) {
    #pmpro_levels_table tbody tr:first-of-type td {
        background-size: 40px;
        padding-left: 80px
    }
}

#pmpro_levels_table tbody tr:first-of-type td:nth-child(2n),
#pmpro_levels_table tbody tr:first-of-type td:nth-child(3n) {
    background: none;
    padding-left: 0;
    font-family: 'Sentinel-Book', sans-serif;
    text-transform: capitalize;
}

#pmpro_levels_table tbody tr:nth-of-type(2) td {
    background: url('images/attorney-gold.png') no-repeat center left 20px;
    background-size: 24px;
    padding-left: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 667px) {
    #pmpro_levels_table tbody tr:nth-of-type(2) td {
        background-size: 40px;
        padding-left: 80px
    }
}

#pmpro_levels_table tbody tr:nth-of-type(2) td:nth-child(2n),
#pmpro_levels_table tbody tr:nth-of-type(2) td:nth-child(3n) {
    background: none;
    padding-left: 0;
    font-family: 'Sentinel-Book', sans-serif;
    text-transform: capitalize;
}

#pmpro_levels_table tbody tr:nth-child(3n) {
    background-color: #f3f3f3
}

#pmpro_levels_table tbody tr:nth-of-type(3) td {
    background: url('images/law-student-icon.png') no-repeat center left 20px;
    background-size: 24px;
    padding-left: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 667px) {
    #pmpro_levels_table tbody tr:nth-of-type(3) td {
        background-size: 40px;
        padding-left: 80px
    }
}

#pmpro_levels_table tbody tr:nth-of-type(3) td:nth-child(2n),
#pmpro_levels_table tbody tr:nth-of-type(3) td:nth-child(3n) {
    background: none;
    padding-left: 0;
    font-family: 'Sentinel-Book', sans-serif;
    text-transform: capitalize;
}

#pmpro_levels_table tbody tr:nth-of-type(4) td {
    background: url('images/employer+recruiter.png') no-repeat center left 20px;
    background-size: 24px;
    padding-left: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

@media (min-width: 667px) {
    #pmpro_levels_table tbody tr:nth-of-type(4) td {
        background-size: 40px;
        padding-left: 80px
    }
}

#pmpro_levels_table tbody tr:nth-of-type(4) td:nth-child(2n),
#pmpro_levels_table tbody tr:nth-of-type(4) td:nth-child(3n) {
    background: none;
    padding-left: 0;
    font-family: 'Sentinel-Book', sans-serif;
    text-transform: capitalize;
}

#pmpro_levels_table .pmpro_btn {
    background-color: #1f487c;
    color: #fff;
    border-radius: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    max-width: 50%
}

@media (min-width: 667px) {
    #pmpro_levels_table .pmpro_btn {
        max-width: 100%
    }
}

#pmpro_levels_table .pmpro_btn:hover {
    background-color: #212121
}

#pmpro_pricing_fields strong {
    color: #deb47a;
}

@media (max-width: 665px) {
    #pmpro_levels_table .pmpro_btn {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.sign-up-for-an-account-btn {
    margin-top: 40px
}

.sign-up-for-an-account-btn a {
    background-color: #1f487c;
    margin: auto;
    text-align: center;
}

@media (min-width: 667px) {
    .sign-up-for-an-account-btn a {
        max-width: 300px;
    }
}

.sign-up-for-an-account-btn a:hover {
    background-color: #212121
}

#pmpro_levels-return-home {
    display: none;
}

#pmpro_license {
  margin-bottom: 15px  !important
}

/* ==========================================================================
   Testimonials
   ========================================================================== */

.flex-direction-nav a {
  height: 50px;
  display: none;
}

.testimonials {
  max-width: 780px;
  margin: auto;
  border-top: 1px solid #ededed;
}

.testimonial-container .image {
  width: 100%;
  margin-bottom: 20px
}

.testimonial-container .image img {
  max-width: 100px;
  margin: auto;
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 50px;
}

.testimonial-container .testimonial p {
  font-family: 'ProximaNova-Light', sans-serif;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
  color: #666
}

.testimonial-container .testimonial .name p {
  font-family: 'ProximaNova-Light', sans-serif;
  text-transform: uppercase;
  color: #1f4473;
}

@media (min-width: 1024px) {
  .testimonial-container .image {
    width: 12.82051282051282%; /* 100 / 780 */;
    margin-right: 3.8461538461538464%; /* 30 / 780 */
  }

  .testimonial-container .testimonial {
    width: 83.33333333333334%; /* 650 / 780 */
  }

  .testimonial-container .testimonial p {
    text-align: left;
    font-size: 25px
  }

  .testimonial-container .testimonial .name p {
    font-size: 15px
  }
}

/* ==========================================================================
   About Page
   ========================================================================== */

.page-template-page-about {
  background-color: #f5f5f5
}

@media (min-width: 1200px) {
  .about-content {
    padding: 0 40px
  }
}

.about-content h1 {
  font-size: 24px
}

@media (min-width: 768px) {
  .about-content h1 {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .about-content h1 {
    font-size: 40px;
  }
}

.about-btn {
  margin-top: 0
}

.about-btn a {
  display: inline-block;
  background-color: #1f487c;
  color: #fff;
  padding: 10px 20px;
  font-family: 'ProximaNova-Semibold', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.about-btn a:hover {
  background-color: #212121
}

/* ==================================================
    Blog
================================================== */

.blog,
.archive {
  background-color: #f5f5f5 
}

.featured-image {
    position: relative;
}

.page-title {
  width: 100%;
  text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    color: #d3a668
}

.page-title {
  font-size: 20px
}

@media (min-width: 768px) {
  .page-title {
    font-size: 30px
  }
}

@media (min-width: 1024px) {
  .page-title {
    font-size: 40px
  }
}

/* Author */

.posts-by-title {
  text-transform: capitalize;
}

h2.posts-by-title {
    margin-bottom: 15px
}

/* Featured Banner */

.featured-banner {
  height: 30vw;
  min-height: 300px;
  background-size: cover;
  background-position: top center;
  position: relative;
}

/* Featured Post */

.featured-post {
  position: absolute;
  bottom: 0;
  color: #fff;
}

.featured-post .categories a:hover {
  color: #d3a668;
}

.featured-post .title {
  margin-bottom: 5px;
  text-transform: capitalize;
  font-family: 'ProximaNova-Semibold', sans-serif
}

.featured-post .title a:hover {
  color: #d3a668;
}

.featured-post .meta {
    padding-left: 0;
    margin-bottom: 20px
}

/* Meta */

ul.meta {
    font-family: 'ProximaNova-Semibold', sans-serif;
    padding-left: 0
}

.meta li {
  display: inline-block;
}

.meta-time {
  margin-right: 5px
}

.meta-author {
  margin-left: 5px
}

/* Spotlight */

.spotlight {   
  padding: 20px;
  background-color: #fff;
  position: relative;
}

@media (min-width: 768px) {
  .spotlight {
    min-height: 300px;
  }
}

.spotlight .categories a {
  color: #d3a668
}

.spotlight .categories a:hover {
  color: #4992ae;
}

.spotlight .title {
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 110px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.spotlight .title a {
  color: #102540;
}

.spotlight .title a:hover {
  color: #d3a668;
}

.spotlight .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 64px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    color: #7a7678;
}

.spotlight .meta {
  margin-top: 20px;
    margin-bottom: 0;
    font-family: 'ProximaNova-Semibold', sans-serif
}

@media (min-width: 768px) {
  .spotlight .meta {
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin-bottom: 0
  }
}

.spotlight .meta-author a {
  color: #212121;
}

.spotlight .meta-author a:hover {
    color: #d3a668;
}

h2.screen-reader-text {
    display: none;
}

/* Post */

.post .image {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #e0e0e0;
  vertical-align: middle;
}

.post .image:hover {
    opacity: .8
}

/* Single Post */

.single-post .categories a {
  color: #d3a668;
}

.single-post .categories a:hover {
  color: #4992ae;
}

.single-post .title {
    text-transform: capitalize;
    color: #102540;
    font-size: 28px
}

@media (min-width: 1200px) {
    .single-post .title {
        font-size: 40px
    }
}

.single-post .meta-author a {
  color: #212121
}

.single-post .meta-author a:hover {
  color: #d3a668
}

@media (min-width: 667px) {
    .form-submit #submit {
        max-width: 300px
    }
}

/* Related Posts */

.rp4wp-related-posts ul {
    list-style-type: none !important;
    padding-left: 0;
}

.rp4wp-related-posts ul li {
    margin-bottom: 30px;
}

@media (min-width: 667px) {
    .rp4wp-related-posts ul li {
        width: 48%;
        float: left;
        margin-right: 2%;
    }
}

@media (min-width: 1024px) {
    .rp4wp-related-posts ul li {
        width: 32%;
    }

    .rp4wp-related-posts ul li:last-child {
        margin-right: 0
    }
}

.rp4wp-related-post-image {
    margin-bottom: 10px
}

.rp4wp-related-post-image:hover {
    opacity: .8
}

.rp4wp-related-post-content a {
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #102540;
}

.rp4wp-related-post-content a:hover {
    color: #d3a668;
}

/* Comments */

.aarncomments {
    clear: both;
    padding-top: 40px
}

/* Single Category */

.select-blog {
    position: relative;
}

.select-category {
    font-family: 'ProximaNova-Semibold', sans-serif;
    width: 100%
}

.select-category-desktop {
    position: absolute;
    left: 82.7%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 800;
    color: #fff;
}

select.select-category-desktop {
  background: url('images/select-arrow.png') no-repeat 95% / 10% !important;
  background-color: transparent !important;
  background-size: 12px !important;
}

select.select-category-mobile {
  background: url('images/arrow-down-black.png') no-repeat 95% / 10% !important;
  background-color: #fff !important;
  background-size: 12px !important;
}

.select-category {
    font-family: 'ProximaNova-Semibold', sans-serif;
    margin-bottom: 0;
    max-width: 300px;
    margin: auto;
    padding: 0 10px;
    background-color: transparent;
    border: 1px solid #d3a668;
    border-radius: 5px;
}

.select-category:focus {
    border: 1px solid #fff;
}

select.select-category-mobile:focus {
    border: 1px solid #212121;
}

/* Pagination */

.page-navigation {
  margin-top: 20px
}

/* Sign up Blog */

.signup {
  background: url(images/nl-footer-bg.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
}

.signup h2 {
  color: #d3a668;
}

.signup p {
  font-weight: normal;
}

/* Search Blog */

.search-blog {
  margin: auto;
  padding: 15px;
  background-color: #d2a667;
  border-radius: 5px
}

.search-blog label {
  display: none;
}

.search-blog #s {
  background: url('images/search-arrow.jpg') no-repeat 1% / 95% !important;
  background-color: #fff !important;
  background-size: 12px !important;
  font-family: 'Sentinel-Medium', sans-serif;
  font-size: 16px;
  color: #343434;
  height: 40px
}

.search-blog #s::placeholder {
    text-transform: none;
}

.search-blog #searchsubmit {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  min-width: 100px;
  max-width: 100%;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 0 !important;
  border-radius: 0px;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #212121;
  transition: .2s;
}

.search-blog #searchsubmit:hover {
  opacity: .8
}

.search-blog #s {
    padding: 10px 10px 10px 30px;
}

.search-blog #s,
.search-blog #searchsubmit {
  width: 100%;
  margin: 0;
  margin-bottom: 15px
}

@media (min-width: 718px) {
  .search-blog #s,
  .search-blog #searchsubmit {
    margin-bottom: 0;
  }

  .search-blog #s {
    width: 78%;
    margin-right: 2%;
    float: left;
    /*padding: 10px;*/
    font-size: 16px
  }

  .search-blog #searchsubmit {
    width: 20%
  }
}

input#input_1_1.medium {
  padding: 0 10px;
  font-size: 14px
}

.signup-blog #input_1_1,
input#input_1_1.medium,
input#gform_submit_button_1.gform_button.button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: none !important;
  height: 40px;
}

#input_1_1 {
    font-family: 'ProximaNova-Semibold', sans-serif;
    background: url(images/search-arrow.jpg) no-repeat 1% / 95% !important;
    background-color: #fff !important;
    background-size: 14px !important;
}

input#gform_submit_button_1.gform_button.button {
    line-height: .8;
    border: none;
}

.signup-blog input[type="submit"] {
  min-width: none !important
}

input#input_1_1.medium {
  margin-bottom: 15px;
  padding: 10px 10px 10px 30px;
}

@media (min-width: 667px) {
  input#input_1_1.medium {
    width: 78% !important;
    float: left !important;
    margin-right: 2% !important;
  }

  div.gform_footer.top_label {
    width: 20%;
    float: left
  }
}

#gform_submit_button_1 {
  background-color: #d3a668 !important;
  border-radius: 0 !important;
}

#gform_submit_button_1:hover {
  opacity: .8
}

#gform_fields_1 label {
  display: none !important
}

.search .bboss_search_form_wrapper {
    display: none;
}

.search-results .featuredimg {
    display: none;
}

/* ==================================================
    Primary / Secondary
================================================== */

@media (min-width: 1024px) {
    .primary {
        width: 71.7948717948718%; /* 840 / 1170 */
    }

    .secondary {
        width: 25.64102564102564%; /* 300 / 1170 */
        margin-left: 2.564102564102564%; /* 30 / 1170 */
    }
}

/* ==================================================
    Sidebar
================================================== */

.secondary aside {
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 667px) {
    .secondary aside {
        width: 48%;
        float: left;
        margin-right: 2%
    }
}

@media (min-width: 1024px) {
    .secondary aside {
        width: 100%;
        float: none;
        margin-right: 0
    }
}

.secondary h4.widget-title {
    margin-bottom: 10px
}

.secondary ul {
    list-style: none !important;
    padding-left: 0
}

.secondary ul li a {
    color: #102540
}

.secondary ul li a:hover {
    color: #d3a668
}

.secondary #mc_embed_signup {
    background-color: #ededed;
    padding: 20px;
    margin-bottom: 30px
}

.secondary #mc_embed_signup input#mc-embedded-subscribe.button {
    background-color: #d3a668
}

.secondary #mc_embed_signup input#mc-embedded-subscribe.button:hover {
    opacity: .8
}

.widget_categories {
    padding: 20px;
    border: 2px solid #e0e0e0;
    font-family: 'ProximaNova-Semibold', sans-serif
}

.page-navigation {
  margin-top: 20px
}

a#malinky-ajax-pagination-button.malinky-load-more__button {
  padding: 15px 0;
  background-color: #212121 !important;
  color: #fff !important;
  text-transform: uppercase;
  font-family: 'ProximaNova-Semibold', sans-serif;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  max-width: 300px
}

a#malinky-ajax-pagination-button.malinky-load-more__button:hover {
  background-color: #3f8abf !important
}

.aarnsignup {
  background: url(images/nl-footer-bg.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
}

.aarnsignup h2 {
  color: #d3a668;
}

.aarnsignup p {
  font-weight: normal;
}

.aarnsearch-blog {
  margin: auto;
  padding: 15px;
  background-color: #d2a667;
  border-radius: 5px
}

.aarnsearch-blog label {
  display: none;
}

.aarnsearch-blog #s {
  background: url('images/search-arrow.jpg') no-repeat 1% / 95% !important;
  background-color: #fff !important;
  background-size: 12px !important;
  font-family: 'Sentinel-Medium', sans-serif;
  font-size: 11px;
  color: #343434;
  height: 40px
}

.aarnsearch-blog #searchsubmit {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  min-width: 100px;
  max-width: 100%;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 0 !important;
  border-radius: 0px;
  border: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: always;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #212121;
  transition: .2s;
}

.aarnsearch-blog #searchsubmit:hover {
  opacity: .8
}

.aarnsearch-blog #s,
.aarnsearch-blog #searchsubmit {
  width: 100%;
  margin: 0;
  margin-bottom: 15px
}

@media (min-width: 718px) {
  .aarnsearch-blog #s,
  .aarnsearch-blog #searchsubmit {
    margin-bottom: 0;
  }

  .aarnsearch-blog #s {
    width: 78%;
    margin-right: 2%;
    float: left;
    padding: 10px;
    font-size: 16px
  }

  .aarnsearch-blog #searchsubmit {
    width: 20%
  }
}

input#input_1_1.medium {
  padding: 10px 10px 10px 30px;
  font-size: 16px
}

.aarnsignup-blog #input_1_1,
input#input_1_1.medium,
input#gform_submit_button_1.gform_button.button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: none !important;
  height: 40px
}

.aarnsignup-blog input[type="submit"] {
  min-width: none !important
}

input#input_1_1.medium {
  margin-bottom: 15px
}

@media (min-width: 667px) {
  input#input_1_1.medium {
    width: 78% !important;
    float: left !important;
    margin-right: 2% !important
  }

  div.gform_footer.top_label {
    width: 20%;
    float: left
  }
}

#gform_submit_button_1 {
  background-color: #d3a668 !important;
  border-radius: 0 !important;
}

#gform_submit_button_1:hover {
  opacity: .8
}

#gform_fields_1 label {
  display: none !important
}

/* ==========================================================================
   Prefooter
   ========================================================================== */

.prefooter {
  background-color: #f5f5f5
}

.prefooter a {
    color: #202020;
}

.prefooter a:hover {
    color: #47a3ff;
}

aside.widget .widget_nav_menu {
	margin-top: 20px
}

/* ==========================================================================
   Footer
   ========================================================================== */

.complementary-footer,
.main-footer {
  background-color: #212121;
  color: #fff;
  font-family: 'ProximaNova-Semibold', sans-serif;
  text-transform: uppercase;
  color: #8d8d8d;
  line-height: 1.6
}

.complementary-footer {
  padding: 30px 0;
}

.complementary-footer h4 {
  font-family: 'ProximaNova-Semibold', sans-serif;
  font-size: 14px;
  margin-bottom: 5px
}

.complementary-footer a {
  color: #fff;
  font-family: 'ProximaNova-Light', sans-serif;
  text-transform: uppercase;
  font-size: 14px
}

.complementary-footer a:hover {
  color: #4992ae;
} 

.main-footer {
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #2c2b2b;
  font-size: 12px;
}

.main-footer a {
  font-family: 'ProximaNova-Light', sans-serif;
  color: #8d8d8d;
}

.main-footer a:hover {
  color: #4992ae;
}

.copyright {
  font-family: 'ProximaNova-Light', sans-serif
}

.copyright {
  text-align: center;
}

.copyright-left,
.copyright-center,
.copyright-right {
  margin-bottom: 15px
}

@media (min-width: 1024px) {
  .copyright,
  .copyright-left {
    display: flex;
    align-items: center;
  }

  .copyright-left,
  .copyright-center,
  .copyright-right {
    flex: 1;
    margin: 0;
  }

  .copyright-right {
    text-align: right;
  }
}

.copyright-center .aaan-footer-logo {
  max-width: 250px
}

.aaan-social-media li {
  display: inline-block;
  margin: 0 15px
}

.aaan-social-media li a {
  font-size: 20px
}

@media (min-width: 1024px) {
  .aaan-social-media li a {
    font-size: 24px
  }
}

/* ==========================================================================
   Cometchat
   ========================================================================== */

body #cometchat {
  padding-bottom: 0 !important;
}


input[type="submit"] {
  min-width: none !important
}

/* ==========================================================================
   Looking to Network
   ========================================================================== */

body#looking-to-network {
    background-color: #f5f5f5
}

.ltn-left-panel-featured-image {
    width: 160%;
    max-width: 160%
}

@media (min-width: 1200px) {
    .ltn-left-panel-featured-image {
        width: 130%;
        max-width: 130%;
    }
}

@media (min-width: 1024px) {
    .ltn-panels {
        display: flex;
    }

    .ltn-left-panel {
        order: -1;
        flex-grow: 2
    }
}

@media (min-width: 1200px) {
    h2.ltn-title {
        font-size: 30px
    }
}

.ltn-price {
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #1f487c;
}

.ltn-button {
    background-color: #1f487c;
    color: #fff;
    padding: 10px 20px;
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
}

.ltn-button:hover {
    color: #fff;
    background-color: #212121
}

a.ltn-button.aaan-btn {
    max-width: 400px !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto
}

.ltn-sub-content {
    text-align: center;
    margin-top: 30px;
}

.ltn-sub-content a {
    color: #212121;
}

/* ==========================================================================
   BUDDYPRESS CUSTOM STYLES
   ========================================================================== */

.buddypress {
    background-color: #f5f5f5;
}

#buddypress ul.item-list {
    border: 0;
}

#buddypress ul.item-list li {
    border: 0;
}

.buddypress h1,
.buddypress h2,
.buddypress h3,
.buddypress h4,
.buddypress h5,
.buddypress h6 {
    font-family: 'ProximaNova-Semibold', sans-serif
}

.drag-drop-buttons #bp-browse-button {
    background-color: #5392b3;
}

#bp-browse-button {
    max-width: 200px;
    background-color: #5392b3 !important;
    font-size: 12px !important;
}

#bp-browse-button:hover {
    background-color: #3a3a3a !important
}

.wp-editor-tabs button {
    width: initial !important;
    min-width: 80px !important;
    max-width: initial !important;
    color: initial !important;
    padding: initial !important;
    text-transform: capitalize;
}

/* ==========================================================================
   Page Banner
   ========================================================================== */

.page-banner {
    background: url('images/cover-image.jpg');
    display: block;
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .page-banner {
        height: 250px;
    }
}

.page-banner-title a {
    color: #d3a668
}

.page-banner-title a:hover {
    color: #fff
}

/* ==========================================================================
   Search Results
   ========================================================================== */

/* Directory Banner */

.directory-banner {
    background: url('images/cover-image.jpg');
    display: block;
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .directory-banner {
        height: 250px;
    }
}

.directory-title a {
    color: #d3a668
}

.directory-title a:hover {
    color: #fff
}

.directory-banner-search input#s {
    width: 100%;
    max-width: 100%
}

.directory-banner-search input#s {
    font-family: 'ProximaNova-Semibold', sans-serif;
    margin-bottom: 0;
    width: 100%;
    min-width: 300px;
    max-width: 300px;
    margin: auto;
    padding: 0 10px;
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #d3a668;
    border-radius: 5px;
}

.directory-banner-search-mobile input {
    background-color: #fff;
    color: #000;
}

.directory-banner-search input:focus {
    background-color: transparent;
    border: 1px solid #fff;
}

.directory-banner-search-mobile input:focus {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #212121;
}

.directory-banner-search-mobile input#s:focus {
    color: #000 !important;
}

.directory-banner-search input::-webkit-input-placeholder {
    color: #fff;
}

.directory-banner-search-mobile input::-webkit-input-placeholder {
    color: #000;
}

.directory-banner-search-desktop {
    position: absolute;
    left: 82.7%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 800;
    color: #fff;
}

/* Member Order and View Bar */

.member-order-and-view-bar {
    background-color: #fff;
    z-index: 900
}

.member-search-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 900
}

.member-search-bar select {
    width: 100%
}

.member-order-by-selection {
    background: url('images/arrow-down-select.png') no-repeat 95% / 10% !important;
    background-size: 14px !important;
    /*width: 100%;*/
    min-width: 300px;
    border: 1.5px solid #1f487c;
}

.member-order-by-selection:hover {
    border: 1.5px solid #4992ae;
}

.member-order-by-selection:focus {
    border: 1.5px solid #4992ae;
}

.member-orderby-span,
.member-view-span {
    font-family: 'ProximaNova-Semibold', sans-serif
}

/*.member-view-list {
    display: flex;
}

.member-view-list li {
    flex: 1;
    display: inline-block;
    margin-left: 10px
}

@media (min-width: 1200px) {
    .member-view-list li {
        flex: none;
    }
}

.member-view-list li:first-child {
    margin-left: 0
}*/

/*.member-view-list li a {
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 12px 15px;
    border: 1.5px solid #1f487c;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: #1f487c;
}*/

.member-view-list-btn a {
    display: inline-block;
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 12px 15px;
    border: 1.5px solid #1f487c;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: #1f487c;
}

.member-view-list-btn a.create-a-group {
    background-color: #4992ae !important;
    border: 1.5px solid #4992ae !important;
    color: #fff !important;
}

.member-view-list a.create-a-group:hover {
    background-color: #21497b !important;
    border: 1.5px solid #21497b !important;
}

@media (min-width: 1024px) {
    .member-view-list a {
        /*padding: 10px 15px;*/
    }
}

@media (min-width: 1200px) {
    .member-view-list a {
        font-size: 12px
    }
}

.member-view-list a:hover {
    color: #4992ae;
    border: 1.5px solid #4992ae;
}

.member-oderby,
.member-view {
    text-align: center;
}

@media (min-width: 1200px) {
    .member-orderby {
        text-align: left;
    }

    .member-view {
        text-align: right;
    }
}

/* Member Box */

body.search {
    background-color: #f5f5f5
}

.member-box-spotlight {
    background-color: #fff;
    padding: 20px;
}

.member-box-spotlight hr {
    color: #e0e0e0;
    border: none;
    border-top: 1px solid #e0e0e0;
}

.member-box-thumbnail {
    /*display: block;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    vertical-align: middle;*/

}

.members-box-thumbnail,
.landing-members-avatar {
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.landing-members-avatar img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 100%;
    max-width: 800px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.landing-members-avatar .avatar:hover {
    opacity: .8
}

/*div.item-avatar.landing-members-avatar {
    max-height: 300px;
    overflow: hidden;
}*/

.mt1 {
    background: url('images/member-a.png');
}

.mt2 {
    background: url('images/member-b.png');
}

.mt3 {
    background: url('images/member-c.png');
}

.mt4 {
    background: url('images/member-d.png');
}

.mt5 {
    background: url('images/member-e.png');
}

.mt6 {
    background: url('images/member-f.png');
}

.member-box-thumbnail:hover {
    opacity: .8;
    cursor: pointer;
}

.member-box-title h2 {
    margin-bottom: 0;
    text-transform: capitalize;
}

.member-box-title h2 a:hover {
    color: #4992ae
}

.member-box-practice-list {
    margin-bottom: 10px
}

.member-box-practice-list li {
    display: inline-block;
}

.member-box-practice-list li a {
    transition: all 0.3s ease 0s;
}

.member-box-practice-list li a h6 {
    color: #d3a668;
    margin-bottom: 0 !important;
}

.member-box-practice-list li a h6:hover {
    color: #4992ae
}

.member-box-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 90px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.member-box-description p {
    color: #7a7678;
}

.member-box-licensed {
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 14px
}

.member-box-licensed-list li {
    display: inline-block;
}

.member-box-phone-number {
    margin-top: 15px
}

.member-box-phone-number a {
    color: #202020;
}

.member-box-licensed-list li a {
    transition: all 0.3s ease 0s;
    color: #202020;
}

.member-box-rating,
.profile-secondary-box-rating {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-family: 'ProximaNova-Semibold', sans-serif
}

.member-box-rating .rw-ui-container,
.profile-secondary-box-rating .rw-ui-container {
    margin-left: 8px
}

.member-box-rating img{
    max-width: 150px
}

.member-box-phone-number {
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #102540;
}

.member-box-action {
    margin-top: 15px
}

.member-box-action .send-private-message a,
.member-box-action .friendship-button a {
    display: inline-block !important;
    width: 100% !important;
    font-family: 'ProximaNova-Semibold', sans-serif !important;
    font-size: 14px !important;
    min-height: 40px !important;
    padding: 12px 10px !important;
    color: #fff !important;
    text-align: center
}

.member-box-action .send-private-message a {
    background-color: #d1a56b !important
}

.member-box-action .send-private-message a:hover {
    background-color: #202020 !important
}

.member-box-action .friendship-button a {
    background-color: #5692b1 !important
}

.member-box-action .friendship-button a:hover {
    background-color: #202020 !important
}

.member-box-action .friendship-button a.requested {
    background-color: #fff !important;
    color: #5692b1 !important;
    border: 2px solid #5692b1 !important;
}

.members-loop-pagination,
.members-loop-pagination-bottom {
    text-align: center;
    font-family: 'ProximaNova-Semibold', sans-serif;
}

.members-loop-pagination a,
.members-loop-pagination-bottom a {
    color: #212121
}

.members-loop-pagination .pagination-links,
.members-loop-pagination-bottom .pagination-links {
    margin-top: 10px
}

.members-loop-pagination .pagination-links a.prev.page-numbers,
.members-loop-pagination .pagination-links a.next.page-numbers,
.members-loop-pagination-bottom .pagination-links a.prev.page-numbers,
.members-loop-pagination-bottom .pagination-links a.next.page-numbers {
    border: 1px solid #4992ae;
    color: #4992ae;
}

.members-loop-pagination a.page-numbers,
.members-loop-pagination span.page-numbers.current,
.members-loop-pagination-bottom a.page-numbers,
.members-loop-pagination-bottom span.page-numbers.current {
    padding: 5px;
    margin: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.members-loop-pagination a.page-numbers:hover,
.members-loop-pagination span.page-numbers.current,
.members-loop-pagination-bottom span.page-numbers.current {
    background-color: #4992ae;
    color: #fff;
    border-radius: 50px
}

.members-loop-pagination .pagination-links a.prev.page-numbers:hover,
.members-loop-pagination .pagination-links a.next.page-numbers:hover,
.members-loop-pagination-bottom .pagination-links a.prev.page-numbers:hover,
.members-loop-pagination-bottom .pagination-links a.next.page-numbers:hover {
    background-color: initial;
    border-radius: 0
}

/* ==========================================================================
   Single Profile
   ========================================================================== */

.profile-full-panel {
    position: relative;
    top: -180px
}

@media (min-width: 1024px) {
    .profile-full-panel {
        top: initial
    }

    .profile-secondary {
        position: relative;
        top: -200px
    }
}

.profile-primary {
    position: relative;
}

.profile-mobile-head {
    max-width: 300px;
    margin: auto;
    margin-bottom: 20px
}

.profile-mobile-head .profile-title {
    font-size: 28px;
}

.profile-mobile-head .profile-subtitle {
    font-size: 14px;
}

@media (min-width: 1024px) {
    .profile-mobile-head {
        display: none;
    }
}

.profile-head {
    width: 100%;
    /*text-align: center;*/
    position: absolute;
    top: -130px;
    text-transform: capitalize;
    display: none;
}

@media (min-width: 1024px) {
    .profile-head {
        display: block;
    }
}

.profile-title {
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize;
}

.profile-subtitle {
    color: #d3a668
}

#header-cover-image {
    background-color: #c5c5c5;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative !important;
    top: 0;
    width: 100%;
    height: 280px !important;
    z-index: 1
}

.profile-cover-image {
    background-image: url('images/cover-image.jpg');
    height: 280px !important;
}

.profile-secondary {
    z-index: 2
}

@media (min-width: 1024px) {
    .profile-secondary {
        width: 25.64102564102564%; /* 300 / 1170 */
        margin-right: 2.564102564102564%; /* 30 / 1170 */
    }

    .profile-primary {
        width: 71.7948717948718%; /* 840 / 1170 */
    }
}

.profile-secondary-box {
    width: 100%;
    max-width: 300px;
    margin: auto;
    font-family: 'ProximaNova-Semibold', sans-serif
}

.profile-secondary-box-info {
    padding: 20px;
    background-color: #fff;
    color: #0e223b;
}

.profile-secondary-box-info a {
    color: #556171;
}

.profile-secondary-box-thumbnail {
    display: block;
    width: 100%;
    max-width: 300px;
    height: 285px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
}

.profile-secondary-box-practice-list {
    margin-bottom: 15px
}

.profile-secondary-box-location,
.profile-secondary-box-licensed {
    margin-bottom: 5px
}

.profile-secondary-box-experience {
    margin-bottom: 20px
}

.profile-secondary-box-phone-number p,
.profile-secondary-box-email p,
.profile-secondary-box-website p {
    margin: 0;
    font-size: 14px
}

.profile-secondary-box-phone-number,
.profile-secondary-box-email {
    margin-bottom: 5px
}

.profile-secondary-box-website {
    margin-bottom: 20px
}

.profile-secondary-box-rating img {
    max-width: 180px
}

.profile-secondary hr {
    margin: 20px 0;
    border: none !important;
    border-top: 1px solid #e0e0e0 !important;
}

.profile-secondary-box-social-media-list {
    margin-top: 15px;
    text-align: center;
}

.profile-secondary-box-social-media-list li {
    display: inline-block;
    width: 32px;
    margin: 0 4px;
}

.profile-secondary-box-social-media-list li:hover {
    opacity: .8
}

.profile-secondary-box-action {
    margin-top: 15px
}

/*.profile-secondary-box-action .button,*/
.profile-secondary-box-action a {
    display: block;
    margin: 0;
    font-family: 'ProximaNova-Semibold', sans-serif;
    padding: 10px !important;
    text-transform: capitalize;
    font-size: 16px !important;
    color: #fff !important;
}

.profile-secondary-box-action a.send-message {
    background-color: #d3a569 !important;
}

.profile-secondary-box-action a.send-message:hover {
    background-color: #3a3a3a !important;
}

.profile-secondary-box-action a.add {
    background-color: #5392b3 !important;
}

.profile-secondary-box-action a.add:hover {
    background-color: #3a3a3a !important;
}

.profile-secondary-box-action .friendship-button a.requested {
    background-color: #fff !important;
    color: #5692b1 !important;
    border: 2px solid #5692b1 !important;
}

.profile-secondary-box-action .friendship-button a.requested:hover {
    opacity: .8;
}

.profile-primary {
    color: #7a7678;
    padding-top: 60px;
}

@media (min-width: 667px) {
    .profile-primary .profile-primary-main-nav li {
        display: inline-block;
    }

    .profile-primary .profile-primary-main-nav li {
        margin-left: 5px;
    }

    .profile-primary .profile-primary-main-nav li:first-child {
        margin-left: 0
    }
}

.profile-primary .profile-primary-main-nav li {
    margin-bottom: 15px;
}

.profile-primary .profile-primary-main-nav li a {
    display: block;
    text-align: center;
    font-family: 'ProximaNova-Semibold', sans-serif;
    background-color: #7a7a7a;
    color: #fff;
    padding: 10px 15px 8px 15px;
    /*border: 1px solid #e0e0e0;*/
    text-transform: uppercase;
    font-size: 12px;
}

.profile-primary .profile-primary-main-nav li.current.selected a {
    background-color: #3a3a3a
}

.profile-primary .profile-primary-main-nav li a:hover {
    background-color: #3a3a3a;
}

.profile-primary .profile-primary-main-nav li.current.selected a:hover {
    background-color: #3a3a3a;
}

.profile-primary-content .item-list-tabs {
    margin-bottom: 30px !important
}

.profile-primary-content .profile-primary-content-single .item-list-tabs ul {
    display: flex;
    align-items: center;
}

.profile-primary-content .item-list-tabs ul li#activity-filter-select {
    margin-left: auto !important
}

@media (min-width: 667px) {
    .profile-primary-content .item-list-tabs ul li#activity-filter-select {
        margin-left: 24px !important
    }
}

.profile-primary-content .item-list-tabs ul li select {
    background: url('images/arrow-down-select.png') no-repeat 95% / 10% !important;
    background-size: 14px !important;
    width: 200px;
    background-color: #fff !important;
    border: 1.5px solid #1f487c;
}

.profile-primary-content .item-list-tabs ul li#activity-filter-select label,
.profile-primary-content .item-list-tabs ul li#members-order-select label {
    display: none;
}

.profile-primary-content .item-list-tabs ul li#activity-filter-select #activity-filter-by {
    margin-bottom: 0 !important
}

.profile-primary-content .item-list-tabs ul li {
    float: none !important;
    display: block;
    margin-bottom: 10px !important;
    text-align: center
}

@media (min-width: 667px) {
    .profile-primary-content .item-list-tabs ul li {
        display: inline-block;
        margin-bottom: 0 !important;
        margin-left: 24px !important;
    }

    .profile-primary-content .item-list-tabs ul li:first-child {
        margin-left: 0 !important
    }
}

.profile-primary-content .item-list-tabs ul li a {
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #202020;
    padding: 0 !important;
    border-bottom: 2px solid transparent !important;
    text-align: center
}

.profile-primary-content .item-list-tabs ul li a:hover {
    color: #5392b3 !important;
    border-bottom: 2px solid #5392b3 !important;
}

.profile-primary-content .item-list-tabs ul li.current a {
    background-color: transparent !important;
    color: #5392b3 !important;
    border-bottom: 2px solid #5392b3 !important;
}

#public-personal-li {
    display: none
}

.profile-primary-content .activity-meta .button {
    padding: 5px 8px !important;
    min-height: 0 !important;
    font-family: 'ProximaNova-Semibold', sans-serif;
    width: initial !important;
    max-width: initial !important;
    min-width: initial !important;
    text-transform: capitalize;
}

.profile-primary-content .activity-meta .button span {
    background: none !important;
    background-color: none !important;
    color: #3a3a3a !important
}

.profile-primary-content .ac-textarea {
    padding: 0 !important;
    border: none !important;
    border: 1px solid #e0e0e0 !important;
}

.profile-primary-content .ac-textarea textarea {
    padding: 10px !important;
}

.profile-primary-content .activity-comments input[type=submit] {
    background-color: #5392b3 !important;
    max-width: 150px !important
}

.profile-primary-content .activity-comments input[type=submit]:hover {
    background-color: #3a3a3a !important
}

.profile-primary-content .activity-comments .ac-reply-cancel {
    font-family: 'ProximaNova-Semibold', sans-serif
}

.profile-primary-content #whats-new-content #aw-whats-new-submit {
    background-color: #5392b3 !important;
    max-width: 150px !important
}

.profile-primary-content #whats-new-content #aw-whats-new-submit:hover {
    background-color: #3a3a3a !important
}

.profile-primary-content .field-visibility-settings-toggle {
    margin-top: 20px !important
}

.profile-primary-content button.visibility-toggle-link,
.profile-primary-content #profile-group-edit-submit {
    background-color: #5392b3 !important;
    max-width: 150px !important
}

.profile-primary-content #groups-order-select label {
    display: none;
}

.profile-primary-content #groups-list li {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 30px;
}

.profile-primary-content ul#groups-list li div.action {
    right: 20px !important;
}

.profile-primary h2,
.profile-primary h4 {
    text-transform: capitalize;
}

.profile-primary .profile-panel h2 {
    margin: 0 !important;
    margin-bottom: 20px !important;
}

.profile-primary .profile-panel h4 {
    margin-bottom: 0 !important;
}

.profile-primary .activity-list li {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 30px !important
}

.profile-primary .profile-panel {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 30px;
}

.profile-primary #groups-list li {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 30px !important
}

.profile-primary .profile-panel a {
    color: #202020;
}

.profile-primary #settings-form th {
    border-bottom: 0
}

.profile-primary #settings-form th.title.field-group-name {
    padding: 10px;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    color: #102540;
}

/* ==========================================================================
   Groups
   ========================================================================== */

.groups #buddypress div.dir-search {
    width: 90%;
    max-width: 980px;
    float: none !important;
    margin: 0 !important;
    margin: auto !important;
    padding: 15px;
    background-color: #d2a667;
    border-radius: 5px;
}

.groups #buddypress div.dir-search #groups_search,
.groups #buddypress div.dir-search #groups_search_submit {
  width: 100%;
  margin: 0;
  margin-bottom: 15px
}

@media (min-width: 718px) {
    .groups #buddypress div.dir-search #groups_search,
    .groups #buddypress div.dir-search #groups_search_submit {
        margin-bottom: 0;
    }

    .groups #buddypress div.dir-search #groups_search {
        width: 78%;
        margin-right: 2%;
        float: left;
    }

    .groups #buddypress div.dir-search #groups_search_submit {
        width: 20%
    }
}

.groups #buddypress div.dir-search #groups_search {
    background: url('images/search-arrow.jpg') no-repeat 1% / 95% !important;
    background-color: #fff !important;
    background-size: 12px !important;
    font-family: 'Sentinel-Medium', sans-serif;
    font-size: 11px;
    color: #343434;
    padding: 10px 10px 10px 30px;
}

.groups #buddypress div.dir-search #groups_search_submit {
    font-family: 'ProximaNova-Bold', sans-serif;
    font-size: 16px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    min-width: 100px;
    max-width: 100%;
    min-height: 40px;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 0px;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: always;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #212121;
    transition: .2s;
}

.groups #buddypress div.dir-search #groups_search_submit:hover,
.groups #buddypress div.dir-search #groups_search_submit:focus {
  background-color: #4992ae
}

.groups-primary-navigation .item-list-tabs ul li {
    float: none !important;
    display: block !important;
    margin-bottom: 15px !important
}

.groups-primary-navigation .item-list-tabs ul li a {
    display: block;
    text-align: center;
    font-family: 'ProximaNova-Semibold', sans-serif;
    background-color: #7a7a7a !important;
    color: #fff !important;
    padding: 10px 15px 8px 15px !important;
    /*border: 1px solid #e0e0e0;*/
    text-transform: uppercase;
    font-size: 12px;
}

.groups-primary-navigation .item-list-tabs ul li.selected a {
    background-color: #3a3a3a !important
}

.groups-primary-navigation .item-list-tabs ul li a:hover {
    background-color: #3a3a3a !important
}

.groups-primary-navigation .item-list-tabs ul li.current.selected a:hover {
    background-color: #3a3a3a !important
}

@media (min-width: 667px) {
    .groups-primary-navigation .item-list-tabs ul li {
        display: inline-block !important;
        margin-left: 5px !important
    }

    .groups-primary-navigation .item-list-tabs ul li:first-child {
        margin-left: 0 !important
    }
}

.groups .item-list-tabs ul li#groups-order-select select {
    background: url('images/arrow-down-select.png') no-repeat 95% / 10% !important;
    background-size: 14px !important;
    width: 200px;
    background-color: #fff !important;
    border: 1.5px solid #1f487c;
}

.groups .item-list-tabs ul li#groups-order-select label {
    display: none;
}

#groups-dir-list {
    background-color: #fff;
    padding: 30px;
}

#groups-dir-list .pag-count {
    display: none;
}

.groups #groups-list li {
    background-color: #fff;
    padding: 0 !important;
    /*padding: 20px !important;*/
    /*margin-bottom: 30px !important;*/
    font-family: 'Sentinel-Medium', sans-serif
}

.groups #groups-list li .item-title {
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
}

.groups #groups-list li .item-title a {
    color: #1f487c
}

.groups #groups-list li .action {
    position: relative !important;
    text-align: left !important;
    top: 0 !important;
}

.groups #groups-list li .action a.join-group,
.groups #groups-list li .action a.leave-group {
    display: inline-block;
    margin-bottom: 10px;
    background-color: #1f487c !important;
    color: #fff !important;
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 12px;
    text-transform: uppercase; 
}

.groups #groups-list li .action a.join-group:hover,
.groups #groups-list li .action a.leave-group:hover {
    background-color: #212121 !important
}

@media (min-width: 768px) {
    .groups #groups-list li .action {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important
    }

    .groups #groups-list li .action .meta {
        margin-top: 0 !important
    }
}

div.groups-avatar {
    max-width: 150px;
    position: relative;
    top: -30px
}

.groups-button-action {
    position: absolute;
    top: 60px;
    right: -110px
}

.groups-primary-main-nav ul li {
    float: none !important;
    display: block !important;
    margin-bottom: 15px !important
}

.groups-primary-main-nav ul li a {
    display: block;
    text-align: center;
    font-family: 'ProximaNova-Semibold', sans-serif;
    background-color: #7a7a7a !important;
    color: #fff !important;
    padding: 10px 15px 8px 15px !important;
    text-transform: uppercase;
    font-size: 12px;
}

.groups-primary-main-nav ul li.selected a {
    background-color: #3a3a3a !important
}

.groups-primary-main-nav ul li a:hover {
    background-color: #3a3a3a !important
}

.groups-primary-main-nav ul li.current.selected a:hover {
    background-color: #3a3a3a !important
}

@media (min-width: 667px) {
    .groups-primary-main-nav ul li {
        display: inline-block !important;
        margin-left: 5px !important
    }

    .groups-primary-main-nav ul li:first-child {
        margin-left: 0 !important
    }
}

.groups-primary .activity-list li {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

.groups-primary-content .active-meta .button {
    padding: 5px 8px !important;
    min-height: 0 !important;
    font-family: 'ProximaNova-Semibold', sans-serif;
    width: initial !important;
    max-width: initial !important;
    min-width: initial !important;
    text-transform: capitalize;
}

.groups-primary-content #groups-members-search input#members_search_submit {
    background-color: #4992ae !important;
    color: #fff !important;
    padding: 0.7917em 1.5em !important;
    /*margin-top: 15px !important;*/
}

.groups-primary-content #members-group-list li {
    background-color: #fff;
    padding: 20px !important;
    margin-bottom: 30px !important
}

.groups-primary-content #members-group-list #member-list li .action {
    top: 20px;
    right: 20px;
}

/* Landing Groups Page */

.groups-directory-banner-search-mobile input {
    min-height: 40px
}

.landing-groups-group-panel {
    width: 100%;
    font-family: 'ProximaNova-Light', sans-serif;
    font-size: 12px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center
}

@media (min-width: 1024px) {
    .landing-groups-group-panel {
        display: flex;
        align-items: center;
        text-align: left;
    }
}

.landing-groups-group-panel:first-child {
    padding-top: 0;
}

.landing-groups-group-panel:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.landing-groups-group-panel p {
    margin-bottom: 0;
}

.landing-groups-avatar {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .landing-groups-avatar {
        width: 10%;
        margin-bottom: 0
    }

    .landing-groups-activity {
        width: 15%
    }
}

.landing-groups-activity {
    padding-right: 10px
}

.landing-groups-activity a.bp-group-home-link {
    font-family: 'ProximaNova-Bold', sans-serif;
    font-size: 20px;
    color: #102540;
    margin-bottom: 10px
}

/*
@media (min-width: 1024px) {
    .landing-groups-activity a.bp-group-home-link
}
*/

.landing-groups-description {
    font-size: 14px
}

@media (min-width: 1024px) {
    .landing-groups-description {
        width: 56.25%;
        font-size: 16px
    }
}

.landing-groups-except {
    margin: 0;
    color: #7a7678;
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-align: left;
}

@media (min-width: 1024px) {
    .landing-groups-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 45px;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
}

@media (min-width: 1024px) {
    .landing-groups-action {
        width: 18.75%;
        text-align: right
    }
}

.landing-groups-group a {
    display: inline-block;
}

.landing-groups-item p {
    margin-bottom: 0;
}

.landing-groups-action .group-button .join-group,
.landing-groups-action .group-button .leave-group {
    display: inline-block;
    width: 100%;
    line-height: 2.4;
    min-height: 40px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #fff !important;
    background-color: #4992ae !important;
    border: 1px solid #4992ae !important;
    border-radius: 0px
}

.landing-groups-action .group-button .leave-group {
    background-color: #21497b !important;
    border: 1px solid #21497b !important;
}

.landing-groups-action .group-button {
    max-width: 200px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .landing-groups-action {
        padding-left: 10px
    }
    
    .landing-groups-action .group-button {
        max-width: 100%
    }
}

/* Group Profile */

.group-profile-secondary-content {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 15px
}

h3.group-profile-secondary-content-title {
    font-family: 'ProximaNova-Bold', sans-serif;
    font-size: 18px
}

/*p.group-profile-secondary-content-description {*/
.group-profile-secondary-content p {
    color: #7a7678 !important;
    font-family: 'ProximaNova-Semibold', sans-serif !important
}

.group-profile-secondary-content-administrators ul li {
    display: inline-block;
}

.group-profile-secondary-content-administrators ul li a {
    display: inline-block;
    margin-left: 10px;
}

.group-profile-secondary-content-administrators ul li a:hover {
    opacity: .8
}

.group-profile-secondary-content-administrators ul li a:first-child {
    margin-left: 0
}

.group-profile-secondary-content-administrators a img {
    border-radius: 50px;
    border: 1px solid #e0e0e0;
}
 
.group-profile-action {
    font-family: 'ProximaNova-Light', sans-serif;
    font-size: 14px
}

.group-profile-action .group-button .join-group,
.group-profile-action .group-button .leave-group {
    display: inline-block;
    width: 100%;
    line-height: 2.4;
    min-height: 40px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #fff !important;
    background-color: #4992ae !important;
    border: 1px solid #4992ae !important;
    border-radius: 0px
}

.group-profile-action .group-button .leave-group {
    background-color: #21497b !important;
    border: 1px solid #21497b !important;
}

.groups-primary-content {
    background-color: #fff;
    padding: 20px;
}

.single-group #activity-stream li {
    padding: 0 !important
}

.groups-primary-content .button {
    display: inline-block !important
}

/* ==========================================================================
   Advanced Search
   ========================================================================== */

.advanced-search-banner img {
    min-height: 250px
}

.bps_filters {
    display: none;
}

.bps_form .editfield {
    width: 100% !important;
    float: left;
    display: inline-block;
    margin: 0 !important;
    margin-bottom: 15px !important;
    vertical-align: top
}

.bps_form .editfield div.checkbox {
    height: 260px !important;
    overflow: auto !important;
    border: 1px solid #e0e0e0;
    padding: 20px;
}

@media (min-width: 768px) {
    .bps_form .editfield {
        width: 32% !important;
        margin-right: 2% !important;
        margin-bottom: 30px !important
    }

    .bps_form .editfield:nth-of-type(3n) {
        margin-right: 0 !important
    }

    .bps_form .editfield.field_name,
    .bps_form .editfield.field_zipcode {
        width: 49% !important;
        margin-right: 2% !important
    }

    .bps_form .editfield.field_zipcode {
        margin-right: 0 !important
    }
}

.bps_form {
    font-family: 'ProximaNova-Semibold', sans-serif
}

.bps_form input[type=text] {
    width: 100% !important;
    background-color: #fff !important
}

.bps_form select {
    background: url('images/arrow-down-select.png') no-repeat center right 10px !important;
    background-size: 12px !important;
}

.page-template-page-advanced-search #buddypress .standard-form span.label {
    text-transform: uppercase !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    color: #102540 !important
}

.page-template-page-advanced-search .field_undergraduate-school label,
.page-template-page-advanced-search .field_law-school label,
.page-template-page-advanced-search .field_years-of-practice label,
.page-template-page-advanced-search .field_name label,
.page-template-page-advanced-search .field_zipcode label {
    text-transform: uppercase !important;
    margin: 0 !important;
    margin-bottom: 5px !important;
    color: #102540 !important
}


.bps_form input[type="submit"] {
    background-color: #1f487c !important;
    width: 100%;
    max-width: 250px;
}

.bps_form input[type="submit"]:hover {
    background-color: #212121 !important
}

.page-template-page-advanced-search .home-banner #members-dir-search {
    width: 90%;
    max-width: 980px;
    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
    z-index: 800;
}

select#field_36 {
    width: 100%
}

/* ==========================================================================
   Post a Job
   ========================================================================== */

.job-manager-form fieldset {
    border: none !important;
}

#submit-job-form label,
#submit-job-form div.field {
    width: 100% !important;
    display: block;
}

#submit-job-form label {
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #1f487c;
    text-transform: uppercase;
}

.job-manager-form .account-sign-in {
    line-height: 1.6
}

.job-manager-form .account-sign-in .button {
    max-width: initial;
    width: initial;
    display: block;
    margin-top: 15px;
    max-width: 150px !important;
    background-color: #1f487c;
}

.job-manager-form .account-sign-in .button:hover {
    background-color: #212121
}

#submit-job-form .button {
    max-width: 250px
}

#submit-job-form .button:hover {
    background-color: #212121
}

/* ==========================================================================
   Job Application
   ========================================================================== */

.single_job_listing .company {
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    color: #1f487c;
}

.single_job_listing .company a {
    text-transform: capitalize;
}

.single_job_listing .application .application_button {
    max-width: 250px
}

.single_job_listing .application .application_button:hover {
    background-color: #212121
}

/* ==========================================================================
   Inputs
   ========================================================================== */

/* General Buttons */

button,
input,
select,
textarea {
  border-radius: 0;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: normal;
}

input,
textarea {
  border: 1px solid #e0e0e0;
  color: #707070;
}

input:focus,
textarea:focus {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border: 1px solid rgba(51, 51, 51, 0.3);
  color: #333;
}

textarea {
  min-height: 100px
}

input:focus,
select:focus {
  outline: 2px solid #c1c1c1;
  outline: 2px solid rgba(51, 51, 51, 0.3);
}

select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background: url('images/arrow-down-select.png') no-repeat center right 10px !important;
  background-size: 8px !important;
  font-size: 14px;
  padding: 0 5px;
  min-height: 40px
}

form select {
  margin-bottom: 15px
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  background-color: #333;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: 'ProximaNova-Semibold', sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 0.7917em 1.5em;
  text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background-color: #707070;
  background-color: rgba(51, 51, 51, 0.7);
  outline: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 0.375em;
  padding: 10px;
  width: 100%;
  margin-bottom: 15px
}

form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="password"],
form textarea {
    min-height: 40px
}

input[type="checkbox"],
input[type="radio"] {
  margin-bottom: 0
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: 0;
}

.post-password-form {
  position: relative;
}

.post-password-form label {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-transform: uppercase;
}

.post-password-form input[type="submit"] {
  padding: 0.7917em;
  position: absolute;
  right: 0;
  bottom: 0;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
  padding: 0;
}

/* Site Buttons */

.aaan-btn {
  width: 100%;
  background-color: #212121
}

.aaan-btn:hover {
  background-color: #4992ae
}

@media (min-width: 1024px) {
  .aaan-btn {
    text-align: left;
  }
}

.aaan-btn {
    background: url('images/arrow_right.png') no-repeat center right 10px;
    background-color: #212121;
    background-size: 10px;
}

.easy-network-options a.aaan-btn {
    font-size: 11px
}

@media (min-width: 1024px) {
  .easy-network-options a.aaan-btn {
      font-size: 14px
  }
}

.aaan-btn {
  display: block;
  padding: 10px 15px;
  font-family: 'ProximaNova-Semibold', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff !important
}

.view-all-account-features-btn .aaan-btn {
  margin-left: auto;
  margin-right: auto;
  font-size: 14px
}

a.button.expand-btn.action-a,
a.button.expand-btn.action-b {
   display: block;
}

/* Groups Forms */

.groups-primary-content .standard-form {
  background-color: #fff;
  padding: 20px;
}

.groups-primary-content .standard-form input#group-name,
.groups-primary-content .standard-form #group-desc {
  width: 100%
}

.groups-primary-content .standard-form #group-desc {
  margin-bottom: 15px
}

.groups-primary-content .standard-form legend {
  font-family: 'ProximaNova-Semibold', sans-serif;
  text-transform: uppercase;
}

/* Buddypress Buttons */

input#bp-browse-button {
  color: #fff !important;
  padding: 0.7917em 1.5em !important;
}

input#save,
input#aw-whats-new-submit,
#buddypress div.activity-comments form input,
#buddypress .standard-form div.submit input,
.job-manager-form fieldset .account-sign-in .button,
#submit-job-form .button {
  background-color: #4992ae !important;
  color: #fff !important;
  padding: 0.7917em 1.5em !important;
  margin-top: 15px !important
}

.job-manager-form fieldset .account-sign-in .button {
  font-family: 'ProximaNova-Semibold', sans-serif;
  text-transform: uppercase;
}

input#aw-whats-new-submit,
#buddypress div.activity-comments form input,
#buddypress .standard-form div.submit input,
#submit-job-form .button {
  margin-top: 0 !important
}

.job-manager-form fieldset .account-sign-in .button, #submit-job-form .button {
  margin-top: 15px !important
}

input#save:hover,
#buddypress div.activity-comments form input:hover,
#buddypress .standard-form div.submit input:hover,
.job-manager-form fieldset .account-sign-in .button:hover,
#submit-job-form .button:hover {
  background-color: #212121 !important
}

button.visibility-toggle-link {
    color: #fff !important;
}

/* Memberships Buttons */

.pmpro_btn.pmpro_btn-submit-checkout {
    background-color: #1f487c;
    border-radius: 0;
    -webkit-appearance: button;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 0.7917em 1.5em;
    margin-top: 15px;
    text-transform: uppercase;
}

.pmpro_btn.pmpro_btn-submit-checkout:hover {
    background-color: #212121
}

/* ==========================================================================
   Accordions
   ========================================================================== */

.accordions-head {
    font-family: 'ProximaNova-Semibold', sans-serif;
    text-transform: uppercase;
    margin: 0 !important;
    margin-top: 15px !important
}

.accordions-head:first-child {
    margin-top: 0 !important
}

/* ==========================================================================
   Align
   ========================================================================== */

.alignright {
    float: right !important;
    margin-bottom: 25px !important;
    margin-left: 20px !important;
    height: 200px !important;
}

/* ==========================================================================
   Main Search Bar
   ========================================================================== */

#bps_shortcode717 {
    margin: auto;
    padding: 15px;
    background-color: #d2a667;
    border-radius: 5px
}

#bps_shortcode717 .editfield,
#bps_shortcode717 input {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

#bps_shortcode717 .editfield {
    margin-bottom: 15px !important
}

#bps_shortcode717 input {
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    #bps_shortcode717 {
        display: flex;
    }

    #bps_shortcode717 .editfield {
        width: 80% !important;
        max-width: 80% !important;
        margin-right: 2% !important
    }

    #bps_shortcode717 .submit {
        margin-right: 0 !important
    }

    #bps_shortcode717 .editfield {
        margin-bottom: 0 !important
    }
}

#bps_shortcode717 .editfield label,
#bps_shortcode717 .editfield .description {
    display: none;
}

#bps_shortcode717 .submit {
    clear: none !important;
    padding: 0 !important
}

#bps_shortcode717 div.submit input {
    height: 40px;
    border: none !important;
    background-color: #000 !important
}

#bps_shortcode717 #field_any_contains,
#bps_shortcode717 #field_8_contains {
    font-family: 'Sentinel-Medium', sans-serif;
    font-size: 14px
}

@media (min-width: 667px) {
    #bps_shortcode717 #field_any_contains,
    #bps_shortcode717 #field_8_contains {
        font-size: 16px
    }
}

#bps_shortcode717 #field_any_contains {
    background: url('images/search-arrow.jpg') no-repeat center left 10px;
    background-color: #fff !important;
    background-size: 14px !important;
    color: #343434;
    padding-left: 30px
}

#bps_shortcode717 #field_8_contains {
    background: url('images/search-pin.png') no-repeat center left 10px;
    background-color: #fff !important;
    background-size: 14px !important;
    color: #343434;
    padding-left: 30px
}

/* ==========================================================================
   Gravity Forms
   ========================================================================== */

.gform_body ul {
    list-style: none;
    list-style-type: none !important;
    padding-left: 0;
    margin-bottom: 0
}

body .gform_wrapper ul li.gfield {
    margin-top: 0 !important
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

.gform_body label {
    display: inline-block;
    color: #102540;
    font-family: 'ProximaNova-Semibold', sans-serif;
    font-size: 16px !important;
    text-transform: uppercase;
    margin-bottom: 5px
}

.gf_left_half,
.gf_right_half {
    width: 100% !important;
    margin-right: 0 !important;
}

@media (min-width: 1024px) {
    .gf_left_half,
    .gf_right_half {
        width: 49% !important;
        float: left !important;
        margin-right: 2% !important;
    }

    .gf_right_half {
        margin-right: 0 !important
    }
}

.gform_footer input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #4992ae !important;
}

.gform_footer input[type="submit"]:hover {
    background-color: #212121 !important
}

@media (min-width: 667px) {
    .gform_footer input[type="submit"] {
        max-width: 250px !important;
    }
}

/* ==========================================================================
   Groups
   ========================================================================== */

.groups-primary-content #subnav {
    /*padding-bottom: 5px;
    margin-bottom: 0 !important;*/
    padding-bottom: 20px;
    margin: 0 !important;
}

.groups-primary-content #subnav li.groups-members-search,
.groups-primary-content #subnav li#group_members-order-select {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

@media (min-width: 768px) {
    .groups-primary-content #subnav li.groups-members-search,
    .groups-primary-content #subnav li#group_members-order-select {
        display: inline-block !important;
        width: 50% !important;
        float: left !important
    }
}

.groups-primary-content div.activity.single-group {
    padding-top: 20px !important;
    border-top: 1px solid #e0e0e0 !important;
}

.groups-primary-content div#members-group-list.group_members.dir-list {
    border-top: 1px solid #e0e0e0 !important;
}

.groups-primary-content #subnav #search-members-form input {
    width: 100% !important;
    margin-bottom: 15px !important;
}

@media (min-width: 768px) {
    .groups-primary-content #subnav #search-members-form input {
        margin-bottom: 0 !important
    }
}

.groups-primary-content #subnav #search-members-form input#members_search_submit {
    display: inline-block;
    width: 100%;
    line-height: 2.4;
    min-height: 40px;
    margin-bottom: 10px;
    /*padding: 10px 0;*/
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #fff !important;
    background-color: #4992ae !important;
    border: none !important;
    /*border: 1px solid #4992ae !important;*/
    border-radius: 0px
}

.groups-primary-content #subnav #search-members-form input#members_search_submit:hover {
    background-color: #212121 !important
}

@media (min-width: 768px) {
    .groups-primary-content #subnav #search-members-form input#members_search {
        width: 69% !important;
        float: left
    }

    .groups-primary-content #subnav #search-members-form input#members_search_submit {
        width: 30% !important
    }
}

.groups-primary-content .item-list-tabs ul li#activity-filter-select {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: right !important;
}

@media (min-width: 768px) {
    .groups-primary-content li#group_members-order-select {
        text-align: right
    }
}

.groups-primary-content #whats-new-form {
    padding-top: 30px;
}

a.view.activity-time-since.bp-tooltip {
    display: none;
}

.groups-primary-content #members-group-list {
    padding-top: 20px;
}

.groups-primary-content #subnav li.feed {
    display: none !important
}

.groups-primary-content #subnav li#activity-filter-select {
    text-align: left
}

.groups-primary-content ul#member-list li {
    padding: 30px 20px !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e0e0e0;
}

.groups-primary-content ul.activity-list li img,
.groups-primary-content ul#member-list li img {
    border-radius: 50px;
    border: 1px solid #e0e0e0;
}

.groups-primary-content ul.activity-list li img {
    width: 50px !important;
    height: 50px !important
}

.groups-primary-content img.group-2-avatar {
    display: none !important
}

.groups-primary-content #whats-new-avatar a {
    display: inline-block;
}

.groups-primary-content #whats-new-avatar img {
    border-radius: 50px;
}

body.manage-members .groups-primary-content #members-dir-search {
    display: none;
}

.groups-primary-content #group-settings-form .avatar {
    border-radius: 50px!important
}

/* ==========================================================================
   Create Group
   ========================================================================== */

#create-group-form {
    background-color: #fff;
    padding: 20px;
}

.create-group-tabs-list {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

/*.create-group-tabs-list li {
    display: inline-block;
}*/

/*.create-group-tabs-list li a {
    display: inline-block;
}*/

/*.create-group-tabs-list li {
    width: 100%;
    display: block;
    
    margin-bottom: 15px
}

@media (min-width: 667px) {
    .create-group-tabs-list li {
        width: 50%;
        display: inline-block;

    }
}*/

.create-group-tabs-list li {
    border-bottom: 1px solid #e0e0e0
}

@media (min-width: 667px) {
    .create-group-tabs-list {
        display: flex;
    }

    .create-group-tabs-list li {
        flex: 1;
        border-bottom: none;
    }
}

.create-group-tabs-list li a,
.create-group-tabs-list li span {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px;
    background-color: #fafafa;
    color: #102540;
    font-family: 'ProximaNova-Semibold', sans-serif
}

.create-group-tabs-list li.current a {
    background-color: #4992ae;
    color: #fff;
    border: 1px solid #e0e0e0;
}

.create-group-tabs-list li.current a:hover {
    background-color: #212121
}

#create-group-form label,
#create-group-form legend {
    font-family: 'ProximaNova-Semibold', sans-serif
}

#create-group-form input#group-name,
#create-group-form textarea#group-desc {
    width: 100%;
    border: none;
    border: 1px solid #e0e0e0;
}

.create-group-body .left-menu {
    float: none !important;
    text-align: center;
    margin-bottom: 40px
}

.create-group-body .left-menu img {
    width: 100%;
    width: 300px !important;
    margin: auto;
}

.create-group-body .main-column {
    margin: 0 !important;
    width: 100%;
    max-width: 800px;
    margin: auto !important;
    text-align: center;
}

.create-group-body #previous-next input {
    width: 100%;
    margin-bottom: 15px
}

@media (min-width: 667px) {
    .create-group-body #previous-next input {
        width: initial
    }
}

/* ==========================================================================
   Ratings
   ========================================================================== */

.bupr-row {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom: none !important
}

.bupr-full-description a,
.bupr-row.multi-review.inline-content  {
    margin-left: 0 !important;
}

.bupr-row.multi-review.inline-content {
    margin-top: 15px
}

.bupr-row.multi-review.inline-content .bupr-col-6 {
    width: auto !important;
    margin-right: 15px;
    font-family: 'ProximaNova-Semibold', sans-serif;
    color: #212121;
}

.bgr-single-review {
    display: inline-block;
    background-color: #fff;
    padding: 15px;
}

.bupr-single-reivew {
    display: inline-block;
}

.bupr-star-rate {
    color: #d3a668 !important
}

.bupr-full-description p {
    display: -webkit-box;
    -webkit-line-clamp: 1.5;
    -webkit-box-orient: vertical;
    max-height: 50px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    color: #7a7678;
}

.bupr-full-description i {
    font-style: normal !important
}

.bupr-bp-member-review-no-popup-add-block {
    background-color: #fff;
    padding: 15px;
}

.bupr-bp-member-review-no-popup-add-block #review_desc {
    font-family: 'Sentinel-Book', sans-serif
}

.bp-member-add-form .bupr-col-3 {
    width: auto !important;
    margin-right: 15px
}

.bupr-bp-member-review-no-popup-add-block #bupr_save_review {
    max-width: 200px;
    margin: 0;
}

/* ==========================================================================
   Auto Complete
   ========================================================================== */

#bps_shortcode717 input,
#bps_shortcode717 .editfield {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#bps_shortcode717 input {
    padding: 10px !important;
    margin-bottom: 15px !important;
    font-family: 'Sentinel-Medium', sans-serif
}

@media (min-width: 768px) {
    #bps_shortcode717 .editfield {
        max-width: 80% !important;
        margin-right: 2% !important
    }

    #bps_shortcode717 input {
        margin-bottom: 0 !important
    }
}

#bps_shortcode717 .submit {
    clear: both;
}

#bps_shortcode717 input[type="submit"] {
    max-width: 100%;
    min-height: 40px;
    padding: 0 20px !important;
    margin-bottom: 0 !important;
    background-color: #000 !important;
    font-family: 'ProximaNova-Semibold', sans-serif
}

#bps_shortcode717 input[type="submit"]:hover {
    background-color: #4992ae !important
}

#bps_shortcode717 {
    margin: auto;
    padding: 15px;
    background-color: #d2a667;
    border-radius: 5px;
}

@media (min-width: 768px) {
    #bps_shortcode717 {
        display: flex;
    }
}

#bps_shortcode717 #field_any_contains {
    background: url('images/search-arrow.jpg') no-repeat center left 10px;
    background-color: #fff !important;
    background-size: 14px !important;
    color: #343434;
    padding-left: 30px !important;
}

#bps_shortcode717 .field_zipcode input {
    background: url('images/search-pin.png') no-repeat center left 10px;
    background-color: #fff !important;
    background-size: 14px !important;
    color: #343434;
    padding-left: 30px !important;
}

.autocomplete-suggestions {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    text-align: left;
}

.autocomplete-suggestion:hover {
    background-color: #f5f5f5
}

.autocomplete-suggestion {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.autocomplete-suggestion:last-child {
    border-bottom: 0;
}

.autocomplete-suggestion strong {
    color: #4992ae
}