/*
Theme Name: Fundata Calea Victoriei 2017
Description: Tema pentru Fundatia Calea Victoriei
Author: New Black Design
*/
@import "css/normalize.min.css";

* {
    box-sizing: border-box;
}

*:focus {
    -moz-outline-style: none;
    outline:            none;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0;
}

input[type="submit"]:focus, input[type="button"]:focus {
    outline: none;
}

.cf:before,
.cf:after {
    content: ' ';
    display: table;
}

.cf:after {
    clear: both;
}

/*/ desc="FONTS" ********************************************************************************/

@font-face {
    font-family: 'OpenSans';
    font-style:  normal;
    font-weight: normal;
    src:         url('fonts/Open-Sans-regular.woff2') format('woff2'),
                 url('fonts/Open-Sans-regular.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style:  normal;
    font-weight: bold;
    src:         url('fonts/Open-Sans-700.woff2') format('woff2'),
                 url('fonts/Open-Sans-700.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style:  italic;
    font-weight: normal;
    src:         url('fonts/Open-Sans-italic.woff2') format('woff2'),
                 url('fonts/Open-Sans-italic.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans';
    font-style:  italic;
    font-weight: bold;
    src:         url('fonts/Open-Sans-700italic.woff2') format('woff2'),
                 url('fonts/Open-Sans-700italic.woff') format('woff');
}

@font-face {
    font-family: 'Quando';
    font-style:  normal;
    font-weight: normal;
    src:         url('fonts/Quando-regular.woff2') format('woff2'),
                 url('fonts/Quando-regular.woff') format('woff');
}

/**/

/* =Layout
-------------------------------------------------------------- */

#container {
    float:  left;
    margin: 17px 0 0;
    width:  100%;
}

#container-home {
    float:  left;
    margin: 0 -240px 0 0;
    width:  100%;
}

#footer {
    clear: both;
    width: 100%;
}

.one-column #content {
    margin: 0 auto;
    width:  640px;
}

.single-attachment #content {
    margin: 0 auto;
    width:  431px;
}

.inner-wrapper {
    width:     100%;
    max-width: 1240px;
    margin:    0 auto;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

body {
    font-family: 'OpenSans', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size:   13px;
}

body,
input,
textarea {
    color:     #252525;
    font-size: 15px;
}

hr {
    background-color: #252525;
    border:           0;
    clear:            both;
    height:           1px;
    margin-bottom:    18px;
}

/* Text elements */
p {
    margin-bottom: 18px;
}

ul {
    list-style: disc;
    margin:     0 0 18px 1.5em;
}

ol {
    list-style: decimal;
    margin:     0 0 18px 1.5em;
}

ol ol {
    list-style: upper-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: lower-alpha;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
}

dl {
    margin: 0 0 24px 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 18px;
}

strong {
    font-weight: bold;
}

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

big {
    font-size: 131.25%;
}

ins {
    background:      #ffc;
    text-decoration: none;
}

blockquote {
    font-style: italic;
    padding:    0 3em;
}

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

pre {
    background:    #f7f7f7;
    color:         #222;
    line-height:   18px;
    margin-bottom: 18px;
    padding:       1.5em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor:        help;
}

sup,
sub {
    height:         0;
    line-height:    1;
    position:       relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

input,
textarea {
    background: none repeat scroll right bottom #fbf8ef;
    border:     1px dotted #308a33;
    margin:     0 0 0;
    padding:    2px;
}

.textinputclass {
    background: none repeat scroll right bottom #fbf8ef;
    border:     1px dotted #308a33;
    margin:     0 0 0;
    padding:    2px;
    width:      425px;
}

a {
    color:           #308a33;
    text-decoration: none !important;
}

a:active,
a:hover {
    color:           #fac613;
    text-decoration: none !important;
}

a.no-change-link,
a.no-change-link:visited {
    color: #252525;
}

a.no-change-link:hover {
    color: #308a33;
}

.clearfix {
    clear: both;
}

.big-link {
    font-size:    20px;
    line-height:  25px;
    margin-left:  auto;
    margin-right: auto;
    text-align:   left;
    margin-top:   30px;
}

.captchaimage {
    float:         left;
    clear:         both;
    margin-bottom: 0 !important;
}

button,
.button {
    border:           none;
    border-radius:    4px;
    background-color: #5eb461;
    font-weight:      bold;
    padding:          7px 22px;
    color:            #fff;
    font-size:        19px;
    text-align:       center;
    width:            100%;
}

a.button {
    color: #fff;
}

button:hover,
.button:hover {
    background: #fac613;
}

.nice-date {
    font-weight: normal;
}

input[type="text"],
textarea {
    border:        solid 1px #5eb461;
    background:    #FFFFFF;
    color:         #383838;
    font-size:     16px;
    border-radius: 4px;
    padding:       9px 13px;
}

/* =Header
-------------------------------------------------------------- */

.top-bar {
    height:     50px;
    background: #256527;
    font-size:  15px;
    padding:    16px 0 0;
}

.top-bar-link {
    color:        #fff;
    padding-left: 35px;
    position:     relative;
    display:      inline-block;
}

.top-bar-link.has-icon {
    padding-left: 31px;
}

.top-bar-link:hover {
    color: #ebb63d;
}

.nwl-icon:before {
    content:    '';
    background: url(images/email.svg) no-repeat;
    width:      25px;
    height:     17px;
    display:    block;
    top:        2px;
    left:       0;
    position:   absolute;
}

.nwl-icon:hover:before {
    background: url(images/email-hover.svg) no-repeat;
}

#header-search-container {
    width:  960px;
    margin: 0 auto;
}

.searchform {
    float:    right;
    position: relative;
    top:      -11px;
}

.search-container {
    position: relative;
    height:   37px;
    float:    right;
}

input[type="text"].search-input {
    width:              180px;
    height:             36px;
    line-height:        36px;
    font-size:          13px;
    padding:            0 6px;
    margin-right:       23px;
    font-style:         normal;
    border:             none;
    border-bottom:      solid 1px #fff;
    color:              #fff;
    background:         transparent;
    -webkit-transition: all 0.5s;
    transition:         all 0.5s;
}

input[type="text"].search-input:focus {
    width: 250px;
}

.search-button {
    background: url(images/search.svg) no-repeat transparent;
    width:      17px;
    height:     17px;
    cursor:     pointer;
    position:   absolute;
    border:     none;
    right:      0;
    top:        12px;
}

.search-button:hover {
    background: url(images/search-hover.svg) no-repeat transparent;
}

.header {
    background:     #5eb461;
    text-align:     center;
    padding-top:    63px;
    position:       relative;
    padding-bottom: 4px;
}

.header-title-link {
    display:        block;
    position:       relative;
    z-index:        300;
    color:          #ffffff;
    letter-spacing: 1px;
}

.header-title-link:hover {
    color: #ffffff;
}

.header-title {
    max-width:     99%;
    text-align:    center;
    font-family:   'Quando', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size:     45px;
    font-weight:   normal;
    margin-bottom: 5px;
}

.header-subtitle {
    font-family:   'Quando', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    font-size:     19px;
    text-align:    center;
    color:         #ffffff;
    margin-bottom: 20px;
}

#site-title {
    float:       left;
    font-size:   30px;
    line-height: 36px;
    margin:      0 0 18px 0;
    width:       700px;
}

#site-title a {
    color:           #000;
    font-weight:     bold;
    text-decoration: none;
}

.logo-box {
    position: absolute;
    margin:   0 auto;
    left:     0;
    right:    0;
    top:      -80px;
    z-index:  100;
    width:    128px;
}

.logo {
    height:    auto;
    max-width: 100%;
    display:   block;
}

.top-decoration {
    position:   absolute;
    margin:     0 auto;
    top:        0;
    width:      100%;
    height:     100%;
    background: #5eb461;
    z-index:    50;
    left:       0;
    right:      0;
}

/* This is the custom header image */
#branding img {
    border-top:    4px solid #000;
    border-bottom: 1px solid #000;
    clear:         both;
    display:       block;
}

#header-button {
    float:      right;
    margin-top: 20px;
}

#submit-button {
    float:        right;
    margin-top:   10px;
    margin-right: 10px;
    line-height:  49px !important;
}

.sidebar-button {
    margin-top:     18px;
    margin-right:   31px;
    width:          100%;
    display:        block;
    padding-top:    11px;
    padding-bottom: 11px;
}

#content-button {
    display:  block;
    overflow: hidden;
    width:    100%;
    margin:   0 auto;
    clear:    both;
}

.social-container {
    text-align: center;
    width:      402px;
    margin:     16px auto 0;
    overflow:   hidden;
}

#newsletter-button {
    float:         right;
    margin-bottom: 30px;
    display:       inline;
    overflow:      hidden;
    margin-right:  131px;
}

.wpcf7-list-item {
    float:         left;
    clear:         both;
    margin-bottom: 10px;
}

div.wpcf7-validation-errors {
    clear: both;
}

div.wpcf7-mail-sent-ng {
    clear: both;
}

div.wpcf7-mail-sent-ok {
    clear: both;
}

/* =Menu
-------------------------------------------------------------- */

.inner-wrapper-menu {
    width:     100%;
    max-width: 1240px;
    margin:    0 auto;
}

.access {
    background: #5eb461;
    display:    block;
    margin:     0 auto;
    height:     58px;
    position:   relative;
    z-index:    100;
    box-shadow: 0 12px 10px rgba(0, 0, 0, 0.15);
}

.access .menu-header,
div.menu {
    font-size: 18px;
    width:     100%;
    display:   table;
}

.access .menu-header ul,
div.menu ul {
    list-style:   none;
    display:      table-row;
    height:       57px;
    padding-left: 0;
}

.access .menu-header li,
div.menu li {
    font-size:  17px;
    display:    table-cell;
    text-align: center;
    padding:    11px 10px 0;
    height:     57px;
}

.access .menu-header li.less-spacing {
    padding-left:  2px;
    padding-right: 2px;
}

.access a {
    color:           #134a16;
    display:         inline-block;
    line-height:     33px;
    padding:         0;
    text-decoration: none;
    font-weight:     bold;
}

.access a:hover {
    color: #fff;
}

.access ul li:hover ul {
    display: block;
}

.access ul li.current_page_item,
.access ul li.current-menu-ancestor,
.access ul li.current-menu-item {
}

.access ul li.current_page_item a,
.access ul li.current-menu-ancestor a,
.access ul li.current-menu-item a {
    color:   #ffffff;
    z-index: 1;
}

#rss-icon {
    float:    right;
    top:      19px;
    left:     930px;
    position: absolute;
}

.access .menu-header li.top-menu-button-container {
    display:  none;
    position: relative;
}

.access .menu-header li.top-menu-button-container:hover {
    cursor: pointer;
}

.access .menu-header li.top-menu-button-container:hover,
.access .menu-header li.top-menu-button-container.active {
    background: #5eb461;
}

.top-menu-button {
    width:      19px;
    height:     12px;
    background: url(images/ui.png) no-repeat -216px 0;
    cursor:     pointer;
    display:    inline-block;
    position:   relative;
    top:        12px;
}

.top-menu-button:hover {
    background: url(images/ui.png) no-repeat -216px -12px;
}

.access .menu-header ul.submenu {
    padding-bottom: 8px;
    display:        none;
    height:         auto;
    width:          250px;
    background:     #5eb461;
    box-shadow:     -6px 5px 6px rgba(0, 0, 0, .47);
    position:       absolute;
    right:          -9px;
    top:            57px;
}

/*.access .menu-header li.top-menu-button-container:hover ul.submenu,*/
/*
.access .menu-header li.top-menu-button-container.active ul.submenu {
    display: block;
}
*/

.access .menu-header ul.submenu li {
    display: block !important;
    height:  48px;
    padding: 10px 0;
}

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

.main-content-wrap {
    display:      table;
    width:        100%;
    table-layout: fixed;
}

#main {
    clear:      both;
    overflow:   hidden;
    background: #ffffff;
    padding:    22px 0 25px;
}

.content-wrapper {
    display:      table;
    table-layout: fixed;
    width:        100%;
}

#content {
    display:        table-cell;
    padding-right:  50px;
    padding-bottom: 30px;
    position:       relative;
}

.page-title + #content {
    padding-top: 0;
}

.content-block {
    clear:      both;
    margin-top: 40px;
}

#content,
#content input,
#content textarea {
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
    margin-bottom: 24px;
}

#content hr {
    margin-top: 33px;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
    margin-bottom: 0;
}

#content .entry-content ul {
    width:       100%;
    margin-left: 0;
}

#content .entry-content ul li {
    margin-bottom: 5px;
}

#content .entry-content iframe {
    max-width: 100%;
}

#content pre,
#content kbd,
#content tt,
#content var {
    font-size:   15px;
    line-height: 21px;
}

#content code {
    font-size: 13px;
}

#content dt,
#content th {
    color: #252525;
}

h1,
h2,
h4,
h5,
h6 {
    color:           #252525;
    font-size:       24px;
    margin:          0 0 20px 0;
    text-decoration: none;
}

h5 {
    font-size:   17px;
    font-weight: bold;
}

#content table {
    text-align: left;
    width:      100%;
}

#content tr td {
    padding:        0;
    vertical-align: top;
}

#content tr.odd td {
    background: #f2f7fc;
}

.hentry {
    margin: 0 0 28px 0;
}

.home .sticky {
    background:   #f2f7fc;
    border-top:   4px solid #000;
    margin-left:  -20px;
    margin-right: -20px;
    padding:      18px 20px;
}

.single .hentry {
    margin: 0 0 36px 0;
}

.page-title {
    color:       #5eb461;
    font-size:   33px;
    font-weight: bold;
    margin:      0 0 20px;
    font-family: 'Quando', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}

.page-title span {
    color:       #333;
    font-size:   16px;
    font-style:  italic;
    font-weight: normal;
}

.page-title a:link,
.page-title a:visited {
    color:           #252525;
    text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
    color: #128F85;
}

#content .entry-title {
    color:         #000;
    font-size:     18px;
    line-height:   1.3em;
    margin-bottom: 0;
}

.entry-title a:link,
.entry-title a:visited {
    color:           #252525;
    text-decoration: none;
    display:         inline-block;
    padding-bottom:  5px;
}

.entry-title a:active,
.entry-title a:hover {
    color: #128f85;
}

.entry-meta {
    color:     #888;
    font-size: 12px;
}

.entry-meta abbr,
.entry-utility abbr {
    border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
    border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary {
    
    padding:     0;
    
    line-height: 1.5;
}

#content .entry-summary p:last-child {
    margin-bottom: 12px;
}

.entry-content fieldset {
    border:  1px solid #e7e7e7;
    margin:  0 0 24px 0;
    padding: 24px;
}

.entry-content fieldset legend {
    background:  #fff;
    color:       #000;
    font-weight: bold;
    padding:     0 24px;
}

.entry-content label {
    color:     #888;
    font-size: 15px;
}

.entry-content select {
    margin: 0 0 24px 0;
}

.entry-content sup,
.entry-content sub {
    font-size: 10px;
}

.entry-content blockquote.left {
    float:        left;
    margin-left:  0;
    margin-right: 24px;
    text-align:   right;
    width:        33%;
}

.entry-content blockquote.right {
    float:        right;
    margin-left:  24px;
    margin-right: 0;
    text-align:   left;
    width:        33%;
}

.entry-content img {
    max-width: 100%;
    height:    auto;
}

.page-link {
    color:        #000;
    font-weight:  bold;
    margin:       0 0 22px 0;
    word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited {
    background:      #f1f1f1;
    color:           #333;
    font-weight:     normal;
    padding:         0.5em 0.75em;
    text-decoration: none;
}

.home .sticky .page-link a {
    background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover {
    color: #ff4b33;
}

body.page .edit-link {
    clear:   both;
    display: block;
}

#entry-author-info {
    background:  #f2f7fc;
    border-top:  4px solid #000;
    clear:       both;
    font-size:   14px;
    line-height: 20px;
    margin:      24px 0;
    overflow:    hidden;
    padding:     18px 20px;
}

#entry-author-info #author-avatar {
    background: #fff;
    border:     1px solid #e7e7e7;
    float:      left;
    height:     60px;
    margin:     0 -104px 0 0;
    padding:    11px;
}

#entry-author-info #author-description {
    float:  left;
    margin: 0 0 0 104px;
}

#entry-author-info h2 {
    color:         #000;
    font-size:     100%;
    font-weight:   bold;
    margin-bottom: 0;
}

.entry-utility {
    clear:       both;
    color:       #888;
    font-size:   12px;
    line-height: 18px;
}

.entry-meta a,
.entry-utility a {
    color: #888;
}

.entry-meta a:hover,
.entry-utility a:hover {
    color: #ff4b33;
}

#content .video-player {
    padding: 0;
}

h2.section-title {
    font-family:    'Quando', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    border-bottom:  solid 1px #308a33;
    color:          #308a33;
    font-size:      26px;
    padding-top:    2px;
    vertical-align: middle;
    width:          100%;
    margin-bottom:  40px;
    font-weight:    normal;
    padding-left:   3px;
    padding-bottom: 9px;
}

h2.section-title.small {
    font-size: 20px;
}

#footer h2.section-title {
    margin-bottom: 12px;
    color:         #fdf5de;
}

h3 {
    color:           #252525;
    text-decoration: none !important;
    font-weight:     bold;
    letter-spacing:  0.416667px;
    line-height:     19px;
    margin-bottom:   12px;
    font-size:       14px;
}

h4 {
    font-size: 14px;
}

.item-box {
    font-size:     14px;
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    -ms-flex-wrap: wrap;
    flex-wrap:     wrap;
    margin-left:   -20px;
    margin-top:    -10px;
                   /* width: 100%; */
}

.item-box + .item-box {
    margin-top: 20px;
}

.item-content h3 {
    font-size:  17px;
    margin-top: 0;
}

.item-excerpt {
    line-height: 1.6;
}

.item-img-link {
    display:          block;
    -webkit-box-flex: 1;
    -ms-flex:         1 1;
    flex:             1 1;
    max-width:        260px;
    padding-left:     20px;
    padding-top:      10px;
}

.item-img {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    width:      100%;
    height:     auto;
                /* min-width:  100px; */
}

.entry-content img {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}

.item-content {
    min-width:        250px;
    -webkit-box-flex: 2;
    -ms-flex:         2 1;
    flex:             2 1;
    padding-left:     20px;
    padding-top:      10px;
}

img.size-full.aligncenter {
    margin-left:  auto !important;
    margin-right: auto !important;
}

img.size-large.aligncenter {
    margin-left:  auto !important;
    margin-right: auto !important;
}

.size-medium {
}

img.size-medium.aligncenter {
    margin-left:  auto !important;
    margin-right: auto !important;
}

img.large-thumbnail {
    margin-left: 0 !important;
    box-shadow:  2px 2px 5px rgba(0, 0, 0, .2);
}

#newsletter-submit-button {
    width:       163px;
    height:      49px;
    float:       right;
    cursor:      pointer;
    margin-left: 10px;
}

.newsletter-field-container {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    margin-top:    22px;
    -ms-flex-wrap: wrap;
    flex-wrap:     wrap;
    margin-left:   -20px;
}

.newsletter-email-field-box {
    -webkit-box-flex: 1;
    -ms-flex:         1 0 280px;
    flex:             1 0 280px;
    padding-left:     20px;
    margin-bottom:    10px;
    flex-basis:       280px;
}

#newsletter-email-field {
    width: 100%;
}

.newsletter-email-button-box {
    -webkit-box-flex: 0;
    -ms-flex:         0 0 200px;
    flex:             0 0 200px;
    white-space:      nowrap;
}

.newsletter-email-button-box button {
    width:       calc(100% - 20px);
    margin-left: 20px;
}

#newsletter-form-input {
    width: 100%;
}

div#newsletter {
    margin-top: 50px;
}

.home div#newsletter {
    overflow:   visible;
    margin-top: 20px;
}

#newsletter p {
    margin-bottom: 5px;
}

#wpp-thumbnail {
    
}

img.wpp-thumbnail {
    margin-bottom: 19px;
    box-shadow:    2px 2px 5px rgba(0, 0, 0, .2);
    float:         none;
    /*max-width:     100%;
    height:        auto;
    width:         100%;*/
}

div.popular-posts {
}

div.popular-posts > div {
}

div.popular-posts li {
    float:            left;
    text-align:       center;
    overflow:         hidden;
    padding:          0 10px;
    list-style-type:  none;
    margin-bottom:    25px;
    -webkit-box-flex: 1;
    -ms-flex:         1 0;
    flex:             1 0;
    flex-basis: 231px;
}

div.popular-posts li:nth-child(3) {
    clear: both;
}

div.popular-posts-content a {
    font-size:       14px;
    text-decoration: none;
    color:           #252525 !important;
    letter-spacing:  0.02em;
    line-height:     20px;
    display:         block;
}

div.popular-posts-content a:hover {
    color: #308a33 !important;
}

.popular-posts-content > div {
    display:          -webkit-box;
    display:          -ms-flexbox;
    display:          flex;
    -ms-flex-wrap:    wrap;
    flex-wrap:        wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack:    justify;
    justify-content:  space-between;
    width:            calc(100% + 20px);
    margin-left:      -10px;
}

.popular-area {
    
}

.archive-meta {
    margin-bottom: 50px;
}

.inner-details-wrapper {
    position:      relative;
    display:       none;
    box-shadow:    2px 2px 5px rgba(0, 0, 0, .2);
    margin-bottom: 33px;
}

.inner-details-img {
    width:   100%;
    display: block;
    height:  auto;
}

.inner-details {
    position:   absolute;
    bottom:     0;
    width:      100%;
    background: rgba(255, 255, 255, .95);
    padding:    18px 0 33px;
}

.inner-details .sidebar-button {
    width:          291px;
    margin:         0 auto;
    position:       absolute;
    bottom:         -18px;
    right:          0;
    left:           0;
    padding-top:    5px;
    padding-bottom: 5px;
    display:        block;
}

.inner-details table {
    float:        left;
    width:        46%;
    margin-left:  2%;
    margin-right: 2%;
    table-layout: fixed;
}

.inner-details table.table-full {
    width:           96%;
    margin:          0 2%;
    display:         none;
    table-layout:    fixed;
    border-collapse: collapse;
}

.inner-details table.table-full tbody {
    display: block;
}

.inner-details td {
    min-width: 30%;
    font-size: 13px;
}

#content #newsletter-table td {
    padding-top: 10px;
}

#newsletter-table .button {
    float: left;
    width: auto;
    color: #ffffff;
}

#content .team-table {
    max-width: 100%;
}

#content .team-table td + td {
    padding-left: 15px;
    padding-top:  20px;
}

@media screen and (max-width: 600px) {
    
    #content .team-table {
        table-layout: fixed;
    }
    
    .contact-table-image {
        width: 100px;
    }
    
    .team-table-image-cell {
        width:  75px;
        height: auto;
    }
}

/* =Images
-------------------------------------------------------------- */

#content .attachment img {
    max-width: 900px;
}

#content .alignleft,
#content img.alignleft {
    display:      inline;
    float:        left;
    margin-right: 24px;
    margin-top:   4px;
}

#content .alignright,
#content img.alignright {
    display:     inline;
    float:       right;
    margin-left: 24px;
    margin-top:  4px;
}

#content .aligncenter,
#content img.aligncenter {
    clear:        both;
    display:      block;
    margin-left:  auto;
    margin-right: auto;
}

#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 12px;
    margin-top:    12px;
}

#content .wp-caption {
    background:    transparent;
    line-height:   18px;
    margin-bottom: 20px;
    font-style:    italic;
}

#content .wp-caption img {
    margin: 0 5px 15px 0;
}

.attachment img {
    margin: 0 5px 15px 0 !important;
}

#content .wp-caption p.wp-caption-text {
    color:     #128F85;
    font-size: 12px;
    margin:    5px;
}

#content .wp-smiley {
    margin: 0;
}

#content .gallery {
    margin: 0 auto 18px;
}

#content .gallery .gallery-item {
    float:      left;
    margin-top: 0;
    text-align: center;
    width:      33%;
}

#content .gallery .gallery-caption {
    color:     #888;
    font-size: 12px;
    margin:    0 0 12px;
}

#content .gallery dl {
    margin: 0;
}

#content .gallery br + br {
    display: none;
}

#content .attachment img {
             /* single attachment images should be centered */
    display: block;
    margin:  0 auto;
}

#content .single-gallery-box {
    width:       84%;
    max-width:   100%;
    margin-left: 25px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    font-size:   17px;
    line-height: 18px;
    overflow:    hidden;
}

.navigation a:link,
.navigation a:visited {
    text-decoration: none;
    line-height:     1.4;
}

.navigation a:active,
.navigation a:hover {
    line-height: 1.4;
}

.nav-previous {
    float:      right;
    text-align: right;
    width:      50%;
}

.nav-next {
    float:      left;
    text-align: left;
    width:      50%;
}

#nav-above {
    margin: 0 0 18px 0;
}

#nav-above {
    display: none;
}

.paged #nav-above,
.single #nav-above {
    display: block;
    margin:  25px 0 39px;
}

#nav-below {
    margin: 45px 0 0 0;
}

.read-more-index {
    float:      right;
    font-size:  12px;
    margin-top: 6px;
    text-align: right;
    font-style: normal;
    position:   relative;
    top:        10px;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
    clear: both;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
    color:         #000;
    font-size:     20px;
    font-weight:   bold;
    margin-bottom: 0;
}

h3#comments-title {
    padding: 24px 0;
}

.commentlist {
    list-style: none;
    margin:     0;
}

.commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height:   24px;
    margin:        0 0 24px 0;
    padding:       0 0 0 56px;
    position:      relative;
}

.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
    position: absolute;
    top:      4px;
    left:     0;
}

.comment-author {
}

.comment-author cite {
    color:       #000;
    font-style:  normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.comment-meta {
    font-size: 12px;
    margin:    0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
    color:           #888;
    text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
    color: #ff4b33;
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.reply {
    font-size: 12px;
    padding:   0 0 24px 0;
}

.reply a,
a.comment-edit-link {
    color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #ff4b33;
}

.commentlist .children {
    list-style: none;
    margin:     0;
}

.commentlist .children li {
    border: none;
    margin: 0;
}

.nopassword,
.nocomments {
    display: none;
}

#comments .pingback {
    border-bottom:  1px solid #e7e7e7;
    margin-bottom:  18px;
    padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    color:       #888;
    display:     block;
    font-size:   12px;
    line-height: 18px;
    margin:      0;
}

#comments .pingback .url {
    font-size:  13px;
    font-style: italic;
}

.inputsubmitclass {
    color:          #333;
    float:          right;
    padding-bottom: 10px;
    margin-top:     15px;
}

#respond {
    border-top: 1px solid #e7e7e7;
    margin:     24px 0;
    overflow:   hidden;
    position:   relative;
}

#respond p {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 48px 0 0;
}

h3#reply-title {
    margin: 18px 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size:   12px;
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
    color:       #ff4b33;
    font-weight: bold;
}

#respond label {
    color:     #888;
    font-size: 12px;
}

#respond input {
    margin: 0 0 9px;
    width:  98%;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    color:       #888;
    font-size:   12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    font-size: 14px;
    width:     auto;
}

/* =Widget Areas
-------------------------------------------------------------- */

#primary,
#secondary {
    vertical-align: top;
    display:        table-cell;
    padding-top:    16px;
    width:          313px;
    line-height:    24px;
}

#primary {
    width:      430px;
    background: #fbfbfb;
}

#secondary {
    display: none;
    width:   100%;
}

#secondary li {
    list-style-type: none;
}

#youtube-link {
    margin-bottom: 14px;
    display:       block;
}

#secondary {
    clear: right;
}

.widget-area ul {
    list-style:   none;
    margin-left:  0;
    padding-left: 0;
}

.widget-area ul ul {
    
}

#footer li.menu-item {
    margin-bottom: 5px;
    list-style:    none outside none;
    font-size:     15px;
    float:         left;
    width:         33.33%;
    padding-right: 15px;
    min-height:    37px;
}

.widget_search #s {
           /* This keeps the search inputs in line */
    width: 60%;
}

.widget_search label {
    display: none;
}

.widget-container {
    margin: 0 0 30px 0;
}

.widget-title {
    font-family:    'Quando', Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    border-bottom:  solid 1px #308a33;
    color:          #308a33;
    font-size:      26px;
    padding-top:    2px;
    vertical-align: middle;
    width:          100%;
    margin-bottom:  20px;
    font-weight:    normal;
    padding-left:   3px;
    padding-bottom: 9px;
    line-height:    1.4;
}

#footer .widget-title {
    border-bottom-color: #fff;
}

.widget-area a:link,
.widget-area a:visited {
    text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover {
    text-decoration: none;
}

.widget-area .entry-meta {
    font-size: 11px;
}

#wp_tag_cloud div {
    line-height: 1.6em;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    color:          #621c02;
    font-size:      18px;
    font-weight:    bold;
    padding-bottom: 4px;
    text-align:     left;
}

#wp-calendar thead {
    font-size:     14px;
    font-weight:   bold;
    line-height:   40px;
    border-bottom: solid 1px #d8cba6;
}

#wp-calendar thead th {
}

#wp-calendar tbody {
    color:     #252525;
    font-size: 13px;
}

#wp-calendar tbody td {
    background: transparent;
    border:     1px solid #fff;
    padding:    3px 0 2px;
    text-align: center;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    text-align: right;
}

.month-head {
    color: #621c02 !important;
}

.ec3_today {
    background:    #ebc033;
    border-radius: 2px;
}

#event-calendar #wp-calendar table td:hover,
#event-calendar #wp-calendar table td.ec3_today {
    border: none;
}

#event-calendar .ec3_ec {
    display: none;
}

#event-calendar #wp-calendar .ec3_eventday a {
    color: #5eb461 !important;
}

.widget_rss a.rsswidget {
    color: #000;
}

.widget_rss a.rsswidget:hover {
    color: #ff4b33;
}

.widget_rss .widget-title img {
    width:  11px;
    height: 11px;
}

.cat-item {
    list-style:     none;
    font-size:      15px;
    letter-spacing: 0.01em;
    vertical-align: middle;
    padding:        2px 0 13px 30px;
    position:       relative;
}

#wp-calendar table td, #wp-calendar table td.pad:hover, #wp-calendar table.nav tr td {
    padding: 1px !important;
}

#wp-calendar table td.ec3_postday:hover, #wp-calendar table td.ec3_today {
    background-color: #5eb461;
    color:            #fff;
    border-radius:    10px;
}

#event-calendar #wp-calendar table td.ec3_postday:hover, #event-calendar #wp-calendar table td.ec3_today a {
    color: #ffffff !important;
}

#event-calendar #wp-calendar table td.ec3_postday:hover a {
    color: #ffffff !important;
}

.cat-item a,
.cat-item a:hover {
    text-decoration: none;
    color:           #5eb461 !important;
}

.cat-item a {
    color: #252525 !important;
}

.cat-item a:hover {
    color: #5eb461;
}

.ec3_popup {
    opacity: 1 !important;
}

.ec3_popup table {
    border:           solid #2d1101 2px !important;
    background-color: #f7eac3 !important;
    font-size:        medium !important;
    color:            black !important;
    text-align:       left !important;
}

/* Main sidebars */
#main .widget-area ul {
    margin-left: 0;
    padding:     0 30px;
}

#main .widget-area ul ul {
    border:      none;
    margin-left: 0.3em;
    padding:     0;
}

#secondary {
}

.myicons {
    vertical-align: middle;
    width:          27px;
    height:         auto;
    padding-right:  6px;
    margin-right:   4px;
    position:       absolute;
    top:            4px;
    left:           0;
}

div.this-week-titles {
    float:         right;
    width:         201px;
    margin-bottom: 25px;
}

div.this-week-dates {
    clear:     left;
    float:     left;
    width:     50px;
    font-size: 15px;
}

.this-week-separator {
    height:        10px;
    margin-bottom: 5px;
    clear:         both;
}

#primary .course-details {
    line-height:   15px;
    padding:       0 0 0;
    font-size:     14px;
    width:         100%;
    margin-bottom: 50px;
}

#primary .course-details table {
}

#primary .course-details p {
    margin-bottom: 0;
}

#other-sidebar p {
    margin-bottom: 0;
}

#other-sidebar li {
    font-size:    14px;
    list-style:   none outside none;
    padding-left: 15px;
}

#details-top {
    width:       272px;
    height:      14px;
    padding:     0;
    border:      none;
    line-height: 5px;
    overflow:    hidden;
}

#details-bottom {
    line-height:      15px;
    background-color: #f7eac3;
    width:            272px;
    height:           14px;
    padding:          0;
    margin-bottom:    30px;
    overflow:         hidden;
}

.col-left {
    text-align: left;
}

.col-right {
    text-align: right;
}

.course-details td {
    text-align:     left;
    padding-bottom: 10px;
    vertical-align: top;
    font-weight:    bold;
    color:          #252525;
    font-size:      15px;
    line-height:    1.4;
}

.course-details td em {
    font-weight: normal;
    font-size:   13px;
}

#other-sidebar td {
    text-align:     left;
    padding-bottom: 5px;
    padding-top:    10px;
    border-bottom:  dashed 1px #f6e3ac;
    vertical-align: bottom;
}

.course-details td + td {
                  /* text-align:  right; */
    font-weight:  normal;
    padding-left: 20px;
}

#other-sidebar td + td {
    text-align: right;
}

.title-course-details {
    border-bottom:  none !important;
    padding-bottom: 0 !important;
    padding-top:    0 !important;
}

/* Footer widget areas */
.footer-widget-area {
    
}

.sidebar-social-btn {
    margin-left: 36px;
    display:     block;
    background:  url(images/ui.png);
    float:       left;
}

.sidebar-fb-btn {
    background-position: -131px 0;
    margin-left:         0;
    width:               14px;
    height:              31px;
}

.sidebar-fb-btn:hover {
    background-position: -131px -33px;
}

.sidebar-yt-btn {
    background-position: -145px 0;
    width:               34px;
    height:              32px;
}

.sidebar-yt-btn:hover {
    background-position: -145px -34px;
}

.sidebar-g-btn {
    background-position: -179px 0;
    width:               22px;
    height:              33px;
}

.sidebar-g-btn:hover {
    background-position: -179px -33px;
}

.sidebar-rss-btn {
    background-position: -235px 0;
    width:               31px;
    height:              32px;
}

.sidebar-rss-btn:hover {
    background-position: -235px -32px;
}

.widget_caticons {
    font-size: 16px;
}

.certificate {
    width:        90px;
    float:        left;
    margin-right: 15px;
    box-shadow:   2px 2px 5px rgba(0, 0, 0, .2);
}

.certificate-text {
    text-align: justify;
}

.mobile-social {
    display: none;
}

/* =Footer
-------------------------------------------------------------- */

.footer-container {
    background: #256527;
}

#footer {
    background: #5eb461;
    margin:     auto auto 30px;
    box-shadow: -3px 12px 24px rgba(0, 0, 0, .25) inset, -3px 12px 24px rgba(0, 0, 0, .35);
}

#footer a {
    vertical-align: middle !important;
    color:          #fff !important;
}

#footer a:hover {
    color: #f6e4bd !important;
}

#colophon {
    padding:      7px 0 0;
    display:      table;
    width:        100%;
    table-layout: fixed;
    color:        #fdf5de;
}

#site-info {
    color:          #bdcabd;
    margin:         auto;
    font-size:      14px;
    text-align:     center;
    line-height:    25px;
    letter-spacing: 0.04em;
    padding-bottom: 20px;
}

#site-generator {
    float: right;
    width: 220px;
}

#site-info a {
    color:           #bdcabd;
    text-decoration: none;
}

.design-link {
    
}

.copyright-link {
    
}

a.design-link:hover {
    
}

#site-info a:hover {
    color:           #ebb63d;
    text-decoration: none;
}

#site-generator {
    font-style: italic;
}

#site-generator a {
    color:           #666;
    display:         inline-block;
    line-height:     16px;
    padding-left:    20px;
    text-decoration: none;
}

#site-generator a:hover {
    text-decoration: none;
}

img#wpstats {
    display: block;
    margin:  0 auto 10px;
}

#footer-widget-area-1 {
    display:       table-cell;
    padding-right: 80px;
}

#footer-widget-area-2 {
    display: table-cell;
    width:   430px;
}

.footer-widget-area .widget-area {
    
}

#colophon .widget-title {
    color: #fff;
}

#colophon .textwidget {
    font-size:   14px;
    color:       #fff;
    line-height: 1.6;
}

.footer-ornament {
    background: url(images/ui.png) transparent no-repeat -131px -66px;
    width:      136px;
    height:     33px;
    margin:     21px auto 25px;
}

.newblack-logo {
    background: url(images/ui.png) transparent no-repeat -43px 0;
    width:      25px;
    height:     10px;
    display:    inline-block;
    position:   relative;
    top:        8px;
}

#site-info a:hover .newblack-logo {
    background: url(images/ui.png) transparent no-repeat -43px -10px;
    width:      25px;
    height:     10px;
}

/* =Slideshow
-------------------------------------------------------------- */

#container-slideshow {
    margin-top:    18px;
    font-size:     14px;
    margin-bottom: 35px;
    visibility:    hidden;
}

/* panes */
#flowpanes {
    clear:    both;
    float:    left;
    height:   308px;
    left:     46px;
    overflow: hidden;
    position: relative;
    width:    790px;
}

/* single pane */
#flowpanes div {
    float:   left;
    display: block;
    margin:  20px 40px;
    width:   710px;
}

#flowpanes p {
    margin-bottom: 25px;
}

#flowpanes strong {
    font-size: 14px;
}

#flowpanes img {
    float:        left;
    border:       solid 20px #ffffff;
    margin-right: 51px;
    box-shadow:   0 0 16px #e2d3a1;
    filter:       progid:DXImageTransform.Microsoft.Shadow(color=#e2d3a1, direction=0, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#e2d3a1, direction=90, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#e2d3a1, direction=180, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#e2d3a1, direction=270, strength=3);
}

/* our additional wrapper element for the items */
#flowpanes .items {
    width:    20000em;
    position: absolute;
    clear:    both;
    margin:   0;
    padding:  0;
}

#flowpanes .less, #flowpanes .less a {
    color:     #999 !important;
    font-size: 11px;
}

.entry-content span.wpcf7-list-item {
    margin-left: 0;
}

#content .gform_wrapper {
    width:     100%;
    max-width: 100%;
    margin:    0;
}

#content .gform_wrapper input[type="text"] {
    width:   100%;
    padding: 8px 5px;
}

#content .gform_wrapper textarea {
    width: 100%;
}

#content .gform_wrapper .top_label .gfield_label {
    color:       inherit;
    font-weight: normal;
}

#content .gform_wrapper .gfield_description {
    font-size:   inherit;
    font-weight: bold;
}

#content .gfield {
    margin-bottom: 15px;
}

#content .gform_wrapper .gfield_required {
    visibility: hidden;
}

#content .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label,
#content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
#content .gform_wrapper ul.gfield_radio li input[type="radio"] + label,
#content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] + label {
    font-weight: normal;
    color:       inherit;
}

/*/ desc="GRAVITY FORMS" ********************************************************************************/

#content .gform_button {
    border:           none;
    border-radius:    4px;
    background-color: #5eb461;
    font-weight:      bold;
    padding:          7px 22px;
    color:            #fff;
    font-size:        19px;
    text-align:       center;
    float:            right;
    margin-bottom:    30px;
    margin-right:     0;
}

#content .gform_button:hover {
    background: #fac613;
}

#content .gform_wrapper li.gfield.gfield_error, #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background: #ffe8da;
}

#content .gform_wrapper li.gfield.gfield_error, #content .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 10px !important;
}

#content .gform_wrapper .gfield_error .gfield_label {
    color: #790000;
}

#content .gfield_error .gfield_description.validation_message {
    color: red;
}

#content .gform_wrapper .validation_error,
.form-error {
    color: red;
}

#content .gform_confirmation_message {
    font-weight: bold;
    color:       #009c0f;
}

.form-success {
    color:       #009c0f;
    font-weight: bold;
}

.ginput_container > ul {
    margin-top: 0 !important;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0 !important;
}

.gform_wrapper.gf_browser_chrome .gform_body {
    max-width: 100% !important;
}

/**/

#content .wpsocialite {
}

#content .wpsocialite.small .socialite {
    background: transparent;
}

#content .wpsocialite.small {
    margin:  0 0 20px 0;
    padding: 0;
    display: block;
    float:   left;
    width:   306px;
}

.email-share-box {
    display:  block;
    float:    left;
    width:    80px;
    position: relative;
    right:    -23px;
}

#content .wpsocialite li {
    min-width: 100px;
}

#content .email-share-box img {
    border:         none;
    box-shadow:     none;
    
    -webkit-filter: none;
    
    filter:         none;
}

.date-box {
    font-style:    italic;
    font-size:     14px;
    margin-bottom: 12px;
}

/*<editor-fold> desc="1249 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 1249px) {
    .inner-wrapper {
        padding: 0 15px;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="969 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 969px) {
    #content {
        padding-right: 30px;
    }
    
    #footer li.menu-item {
        width: 50%;
    }
    
    #footer-widget-area-1 {
        padding-right: 30px;
    }
    
    .access .menu-header li {
        font-size: 14px;
    }
    
    #primary, #secondary {
        width: 350px;
    }
    
    .widget-title {
        font-size: 20px;
    }
    
    .item-img-link {
        max-width: none;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="879 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 879px) {
    .hidden-lower-880 {
        display: none !important;
    }
    
    .visible-lower-880 {
        display: block !important;
    }
    
    div.popular-posts li {
        flex-basis: 170px;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="854 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 854px) {
    .hidden-lower-855 {
        display: none !important;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="799 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 799px) {
    
    .hidden-lower-800 {
        display: none !important;
    }
    
    .visible-lower-800 {
        display: block !important;
    }
    
    .item-img {
    }
    
    .item-content {
    }
    
    .item-content h3 {
        font-size: 15px;
    }
    
    #primary, #secondary {
        width: 300px;
    }
    
    .cat-item {
        font-size: 13px;
    }
    
    .myicons {
        margin-right: 0;
    }
    
    .certificate {
        width:         50px;
        height:        auto;
        margin-bottom: 9px;
    }
    
    .certificate-text {
        font-size:   13px;
        text-align:  left;
        line-height: 20px;
    }
    
    .widget-title {
        font-size: 17px;
    }
    
    #footer-widget-area-2 {
        width: 240px;
    }
    
    #content img.alignleft, #content img.alignright {
        float:        none;
        margin-right: 0;
        margin-left:  0;
    }
    
    .item-img-link {
        flex-basis: 100%;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="784 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 784px) {
    .hidden-lower-785 {
        display: none !important;
    }
    
    .header-title-link {
        font-size: 35px;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="724 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 724px) {
    .access .menu-header li {
        font-size: 14px;
    }
    
    .top-menu-button {
        top: 11px;
    }
    
    input[type="text"].search-input {
        font-size:    12px;
        width:        82px;
        margin-right: 18px;
    }
    
    input[type="text"].search-input:focus {
        width: 82px;
    }
    
    .top-bar {
        font-size: 12px;
    }
    
    .access .menu-header li {
        font-size: 13px;
    }
    
    .nwl-icon:before {
        top: 0;
    }
    
    .newsletter-email-button-box {
        -webkit-box-flex:        1;
        -ms-flex:                1;
        flex:                    1;
        -ms-flex-preferred-size: 100%;
        flex-basis:              100%;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="659 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 659px) {
    
    .visible-lower-660 {
        display: block !important;
    }
    
    .hidden-lower-660 {
        display: none !important;
    }
    
    #content {
        display:       block;
        width:         100%;
        
        padding-right: 0;
        padding-top:   0;
    }
    
    #primary, #secondary {
        display:    block;
        width:      100%;
        background: none;
    }
    
    h2.section-title,
    .widget-title {
        margin-bottom: 21px;
    }
    
    .cat-item {
        font-size: 16px;
    }
    
    .myicons {
        margin-right: 4px;
    }
    
    .certificate {
        width:         90px;
        height:        auto;
        margin-bottom: 9px;
    }
    
    .certificate-text {
        font-size:   15px;
        text-align:  justify;
        line-height: 22px;
    }
    
    .widget-title {
        font-size: 26px;
    }
    
    #footer-widget-area-1 {
        padding-right: 0;
        display:       block;
        width:         100%;
    }
    
    #footer-widget-area-2 {
        display: block;
        width:   100%;
    }
    
    .home #primary .social-widget {
        display: none;
    }
    
    .home #primary .widget_caticons {
        /*display: none; */
    }
    
    #secondary {
        display: block;
    }
    
    .page-title {
        font-size: 32px;
    }
    
    .inner-details {
        position:   static;
        background: #fbfbfb;
    }
    
    #main .widget-area ul {
        padding-left:  0;
        padding-right: 0;
    }
    
    .home div#newsletter {
        margin-top: 0;
    }
    
    .item-img-link {
        flex-basis: 0;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="630 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 631px) {
    .access .menu-header li {
        padding-left:  5px;
        padding-right: 5px;
    }
    
    .access .menu-header li.less-spacing {
        padding-left:  0;
        padding-right: 0;
    }
    
    .header-title-link {
        font-size: 28px;
    }
    
    #site-info {
        text-align: left;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="599 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 599px) {
    .hidden-lower-600 {
        display: none !important;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="579 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 579px) {
    .hidden-lower-580 {
        display: none !important;
    }
    
    .page-title {
        font-size: 20px;
    }
    
    .navigation {
        font-size: 15px;
    }
    
    .header-title-link {
        font-size: 25px;
    }
    
    .header-subtitle {
        font-size:     14px;
        margin-bottom: 0;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="499 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 499px) {
    .hidden-lower-500 {
        display: none !important;
    }
    
    .header {
        padding-top: 57px;
    }
    
    .header-title-link {
        font-size: 20px;
    }
    
    .course-details td {
        font-size: 12px;
    }
    
    .course-details td em {
        font-size: 11px;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="469 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 469px) {
    .hidden-lower-470 {
        display: none !important;
    }
    
    .access .menu-header li {
        padding-left:  3px;
        padding-right: 3px;
    }
    
    .access .menu-header li.top-menu-button-container {
        padding-left: 10px;
    }
    
    .item-img-link {
        flex-basis: 100%;
    }
}

/*</editor-fold>*/

/*<editor-fold> desc="415 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 415px) {
    .logo-box {
        width: 80px !important;
        top:   -64px;
    }
    
    .social-container {
        width:  300px;
        margin: 0 auto;
    }
    
    .email-share-box {
        float:  none;
        right:  0;
        margin: 0 auto 11px;
    }
    
    #content .wpsocialite.small {
        position: relative;
        left:     -20px;
    }
    
    .header {
        padding-top: 30px;
    }
    
}

/*</editor-fold>*/

/*<editor-fold> desc="389 RESPONSIVE" ********************************************************************************/

@media all and (max-width: 389px) {
    .hidden-lower-390 {
        display: none !important;
    }
    
    .item-img {
    }
    
    .item-excerpt {
        display: none;
    }
    
    .item-content {
    }
    
    div.popular-posts li {
        float: none;
        width: 100%;
    }
    
    div.popular-posts li:nth-child(1) {
        padding: 0;
    }
    
    div.popular-posts li:nth-child(3) {
        padding: 0;
    }
    
    h2.section-title,
    .widget-title {
        font-size: 20px;
    }
    
    h2.section-title.small {
        font-size: 16px;
    }
    
    #footer li.menu-item {
        width: 100%;
    }
    
    .header-title-link {
        font-size: 17px;
    }
    
    .header-subtitle {
        font-size: 13px;
    }
    
    .read-more-index {
        top: 3px;
    }
    
    .wpp-post-title {
        text-align: left;
        font-weight: bold;
    }
}

/*</editor-fold>*/