@charset "UTF-8";

.container {
    width: 100%;
    margin: auto;
    /* max-width: 78em; */
    *zoom: 1;
    width: 95%;
    margin-top: 40px;
}


.primary ul, .primary ol {
    margin: 0 0 0.5em 2em
}

.primary ul li, .primary ol li {
    margin-bottom: 0.5em
}

.primary ul {
    list-style: disc;
    margin-top: 0.5em
}

.primary ol {
    list-style: decimal
}



button, button:focus {
    border: 0 none;
    outline: none;
    background-color: inherit;
    font-size: 1em
}

button::-moz-focus-inner {
    border: 0 none;
    outline: none
}

.btn {
    padding: 0.5em 1em;
    text-decoration: none;
    color: #fff;
    background-color: #0a8bc1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.btn:hover, .btn:focus {
    text-decoration: none;
    background-color: #065778;
    color: #fff
}


.main-content {
    border-top: 1px solid #deded6;
    background: #f4f4f4 url(/parent-theme/themes/tributewtc-education/img/bgd-texture@2x.jpg) left top repeat-x;
    padding-top: 22px;
    background-size: 600px 22px;
    padding-bottom: 100px;
}

.main-content:after {
    content: "";
    display: table;
    clear: both
}

.main-content img {
    max-width: 100%
}


.clear {
    clear: both
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="submit"],
button[type="submit"] {
    padding: 0.5em 1em;
    text-decoration: none;
    color: #fff;
    background-color: #0a8bc1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 0 none;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    text-decoration: none;
    background-color: #065778;
    color: #fff
}

input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus {
    cursor: pointer
}

input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea {
    padding: 0.5em 0.65em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #898989;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 500px;
    border: 1px #d6d6d5 solid
}



select {
    border: 1px solid #d6d6d5;
    height: 3em;
    line-height: 3em;
    width: 100%;
    max-width: 500px;
}

#theme-page select, .woocommerce select {
    display: inline-block;
}

form label {
    display: block
}

form .input {
    margin-bottom: 0.5em
}



.breadcrumbs-wrapper {
    font-weight: 300;
    border-bottom: 1px solid #d6d6d5;
    margin-bottom: 1.5em;
    padding: 0.5em 0;
    margin-top: 0
}

.breadcrumbs-wrapper .breadcrumbs {
    font-size: 0.875em;
    margin: 0;
}

.breadcrumbs-wrapper .breadcrumbs li {
    list-style-type: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-bottom: 0
}

.breadcrumbs-wrapper .breadcrumbs li .divider {
    margin-left: 0.5em;
    color: #898989
}

.primary {
    margin-bottom: 2em;
    background-color: #fff;
    padding: 5%
}

@media (min-width: 45em) {
    .primary {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline;
        float: left;
        width: 65.5%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-right: 0;
        margin: 0;
        padding: 1em 2em;
        float: right
    }
}

.secondary {
    padding-bottom: 4em
}

@media (min-width: 45em) {
    .secondary {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline;
        float: left;
        width: 31%;
        margin-right: 3.5%;
        margin-left: 0;
        margin-top: 2em
    }
    .without-secondary-navigation .secondary {
        margin-top: 8em
    }
}


.secondary-navigation {
    font-weight: 300;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
    background-color: #fff;
    padding: 1em 0.5em 0.5em 0.5em;
    margin-bottom: 1.5em
}

@media (min-width: 45em) {
    .secondary-navigation {
        padding: 0
    }
    .secondary-navigation h2 {
        border-bottom: 2px solid #e3e3e2;
        padding: 0.5em 0 0.5em 0.75em;
        font-weight: 300;
        margin-bottom: 0.35em;
        line-height: 1.2;
        color: #404040;
        font-size: 1.6em
    }
    .secondary-navigation h2 a {
        color: #404040;
        text-decoration: none;
        font-weight: 300
    }
    .secondary-navigation h2 a:hover,     .secondary-navigation h2 a:focus {
        color: #1a1a1a
    }
}

.secondary-navigation ul {
    margin: 0;
    padding: 0 1em 0.75em 1em
}

.secondary-navigation ul li {
    list-style-type: none;
    border-bottom: 1px solid #e3e3e2;
    padding: 0.5em
}

.secondary-navigation ul li:last-child {
    border: 0 none
}

.secondary-navigation ul li>a {
    display: inline-block;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    font-size: 1.125em
}

.secondary-navigation ul li>a:hover, .secondary-navigation ul li>a:focus {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-animation-name: hover-right;
    -moz-animation-name: hover-right;
    -ms-animation-name: hover-right;
    -o-animation-name: hover-right;
    animation-name: hover-right;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    color: #065778
}

.secondary-navigation ul ul {
    padding-left: 0.4em
}

.secondary-navigation ul ul li {
    border: 0 none;
    padding: 0.25em
}

.secondary-navigation ul ul li a {
    color: #065778;
    font-size: 1em
}

.secondary-navigation ul ul li ul {
    padding-bottom: 0
}

.secondary-navigation ul ul li ul li {
    border: 0 none
}
.page-title {
    margin-left: 0;
    margin-right: 0;
}

.page-subtitle {
    font-size: 1.4em;
    margin-top: -0.7em;
    margin-bottom: 0.75em;
    margin-left: 0;
    margin-right: 0;
    color: #898989
}


.alignleft {
    display: block;
    margin: 0.5em auto;
    width: auto
}

@media (min-width: 28.125em) {
    .alignleft {
        float: left;
        margin: 0 1em 1em 0
    }
}

.alignright {
    display: block;
    margin: 0.5em auto;
    width: auto
}

@media (min-width: 28.125em) {
    .alignright {
        float: right;
        margin: 1em 0 1em 1em
    }
}

.aligncenter {
    display: block;
    margin: 0.5em auto;
    width: auto
}

@media (min-width: 28.125em) {
    .aligncenter {
        margin: 0.5em auto
    }
}


.messages {
    margin: 1em 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.messages .success, .messages .error {
    padding: 0.35em 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.messages .success {
    background-color: #DFF0D8;
    color: #468847;
    border-color: #c1e2b3
}

.messages .error {
    background-color: #F2DEDE;
    color: #B94A48;
    border-color: #e4b9b9
}


@media (min-width: 60em) {
    .primary-navigation ul.mobile-menu {
        display: none;
    }
}

@media (max-width:60em) {
    .primary-navigation ul.primary-menu {
        display: none;
    }
}