/*******************************************************************************
*
*   G L O B A L  C S S
*
*	Theme Name: 	MCRI RNAseq organiser
*	Theme URI: 		TBA
*	Description: 	Stylesheet for organiser interface
*	Version: 		1.0
*	Author: 		Breon Schmidt
*
*******************************************************************************/

/*------------------------------------------------------------------------------
Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input, textarea, button
{
    background:transparent;
    border:0;
    font-size:100%;
	list-style:none;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline;
}

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

nav ul
{
    list-style:none;
}

blockquote, q
{
    quotes:none;
}

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

a
{
    background:transparent;
    border:0;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

ins
{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark
{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    border-bottom:1px dotted #000;
    cursor:help;
}

table
{
    border-collapse:collapse;
    border-spacing:0;
}

hr
{
    border:0;
}

.clear
{
    clear:both;
}

.float-left
{
    float:left;
}

.float-right
{
    float:right;
}

.bottomless
{
    border-bottom:none !important;
}

/*------------------------------------------------------------------------------
Fonts
------------------------------------------------------------------------------*/

body,
p
{
    font-family:'Open Sans', arial;
    font-size:16px;
    line-height:24px;
}

body a:hover
{
    text-decoration:underline;
}

h1::-moz-selection,
h1::selection,
h2::-moz-selection,
h2::selection,
h3::-moz-selection,
h3::selection,
p::-moz-selection,
p::selection
{
    background: #aaaaaa;
}

h2
{
    color:#1a2847;
    font-size:34px;
    font-family:"Playfair Display", serif;
    line-height: 40px;
}

/*------------------------------------------------------------------------------
Buttons
------------------------------------------------------------------------------*/

.copy em strong a{background:#3f97c8; font-weight:normal; font-style:normal;}
.copy em strong a:hover{background:#1a2847;}
.copy strong em a{background:#3f97c8; font-weight:normal; font-style:normal;}
.copy strong em a:hover{background:#1a2847;}

a.btn-blue{background:#3f97c8;}
a.btn-blue:hover{background:#1a2847;}
a.btn-dblue{background:#1a2847;}
a.btn-dblue:hover{background:#3f97c8;}

.btn-blue a{background:#3f97c8;}
.btn-blue a:hover{background:#1a2847;}
.btn-dblue a{background:#1a2847;}
.btn-dblue a:hover{background:#3f97c8;}

button.btn-blue{background:#3f97c8;}
button.btn-blue:hover{background:#1a2847;}

.copy strong em a,
.copy em strong a,
a.btn-large,
.btn-large a,
button.btn-large
{
    text-decoration:none;
    color:#ffffff;
    border-radius:40px;
    font-family:"Merriweather", serif;
    font-size:16px;
    text-align:center;
    padding:13px 25px;
}

button.btn-large
{
    padding:13px 60px;
}

.copy strong em a,
.copy em strong a
{
    display:inline-block;
    margin:20px 0 0;
}

.copy strong a:hover,
a.btn-large:hover,
.btn-large a:hover,
button.btn-large:hover
{
    color:#ffffff;
    text-decoration:none;
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}

/*------------------------------------------------------------------------------
Global
------------------------------------------------------------------------------*/

/*--Information-----------------------*/

#frame-info
{
    padding:10px 0;
}

#frame-info small a
{
    color:#5b5b5b;
    font-size:12px;
    text-decoration: none;
}

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

#frame-header
{
    background:#1a2847;
}

#frame-header #logo-main
{
    margin-bottom:12px;
    margin-top:18px;
}

#frame-header #logo-main img
{
    max-width:100%;
}

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

#navigation-main ul
{
    text-align:right;
    padding:40px 0;
}

#navigation-main li
{
    display: inline-block;
    font-family: 'Merriweather', serif;
    font-size:15px;
    margin:0 0 0 20px;
}

@media(max-width:1200px)
{
    #navigation-main li
    {
        font-size:14px;
        margin:0 0 0 15px;
    }
}

@media (min-width:992px){
    #navigation-main
    {
        display:block !important;
    }
}

@media(max-width:991px)
{
    #navigation-main
    {
        background:#3f97c8;
        display:none;
        top:0;
        position:fixed;
        bottom:0;
        right:0;
        left:0;
        z-index: 99999;
        align-items: center;
        justify-content: center;
    }

    #navigation-main li
    {
        font-size:20px;
        text-align:center;
        display:block;
        width:100%;
        float:none;
        clear:both;
        padding:20px 0;
        margin:10px 0;
    }
}

#navigation-main li a
{
    color:#ffffff;
    padding:0 0 5px;
    text-decoration:none;
}

#navigation-main li a:hover,
#navigation-main li a.active
{
    border-bottom:2px solid #3f97c8;
}

#navigation-main li.btn-large a
{
    background:#3f97c8;
    font-size:15px;
    padding:10px 20px;
}


#navigation-main li.btn-large a:hover
{
    background:#ffffff;
    color:#3f97c8;
    border:none;
}

@media(max-width:991px)
{
    #navigation-main li:hover a
    {
        color:#1a2847;
        -webkit-transition:all 0.4s;
        transition:all 0.4s;
        text-decoration:none;
    }

    #navigation-main li.btn-large a
    {
        background:#1a2847;
        margin:30px 0 0;
        color:#ffffff;
        font-size:17px;
        padding:15px 30px;
        -webkit-transition:all 0.4s;
        transition:all 0.4s;
    }

    #navigation-main li.btn-large:hover a
    {
        background:#ffffff;
        color:#3f97c8;
        border:none;
    }
}

/*--Mobile menu --*/

.container
{
    padding:0 30px;
}

@media (max-width:600px)
{
    padding:0 15px;
}

#frame-header .container
{
    position:relative;
}

#frame-header .mobile-icon
{
    position: absolute;
    cursor: pointer;
    top:50%;
    margin-top:-22px;
    right: 30px;
    z-index: 99999999;
}

#frame-header .mobile-icon.active
{
    position:fixed;
    margin:0;
}

#frame-header .mobile-icon span
{
    background: #ffffff;
    height: 2px;
    width: 40px;
    display: block;
    margin: 10px 0 0;
    position: relative;
}

#frame-header .mobile-icon.active span.ham-middle
{
    opacity:0;
    -moz-opacity:0;
    -webkit-animation:iconMorphMiddle 0.3s;
    animation:iconMorphMiddle 0.3s;
}

#frame-header .mobile-icon.inactive span.ham-middle
{
    opacity:1;
    -moz-opacity:1;
    -webkit-animation:iconMorphMiddleReturn 0.3s;
    animation:iconMorphMiddleReturn 0.3s;
}
#frame-header .mobile-icon.active span.ham-top
{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    top:12px;
    -webkit-animation:iconMorphTop 0.3s;
    animation:iconMorphTop 0.3s;
}

#frame-header .mobile-icon.active span.ham-bottom
{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:relative;top:-12px;
    -webkit-animation:iconMorphBottom 0.3s;
    animation:iconMorphBottom 0.3s;
}

#frame-header .mobile-icon.inactive span.ham-top
{
    -webkit-animation:iconMorphTopReturn 0.3s;
    animation:iconMorphTopReturn 0.3s;
}

#frame-header .mobile-icon.inactive span.ham-bottom
{
    -webkit-animation:iconMorphBottomReturn 0.3s;
    animation:iconMorphBottomReturn 0.3s;
}

@-webkit-keyframes iconMorphTop {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 12px
    }
}

@keyframes iconMorphTop {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 12px
    }
}

@-webkit-keyframes iconMorphBottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -12px
    }
}

@keyframes iconMorphBottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -12px
    }
}

@-webkit-keyframes iconMorphTopReturn {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
}

@keyframes iconMorphTopReturn {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
}

@-webkit-keyframes iconMorphBottomReturn {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
}
@keyframes iconMorphBottomReturn {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0
    }
}

@-webkit-keyframes iconMorphMiddle {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1
    }
    to {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0
    }
}

@keyframes iconMorphMiddle {
    0% {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1
    }
    to {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0
    }
}

@-webkit-keyframes iconMorphMiddleReturn {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0
    }
    to {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1
    }
}

@keyframes iconMorphMiddleReturn {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0
    }
    to {
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1
    }
}

/*--Footer--*/

#frame-footer
{
    background:#1a2847;
    padding:70px 0 80px;
}

#frame-footer li
{
    float:left;
    width:25%;
}

@media (max-width:991px)
{
    #frame-footer li
    {
        width:50%;
    }

    #frame-footer li.two-col
    {
        margin:30px 0 20px;
    }

    #frame-footer li:nth-child(3)
    {
        clear:both;
    }

}

@media (max-width:500px)
{
    #frame-footer .col-lg-12 > li
    {
        width:100%;
        margin:0 0 30px;
    }
}

#frame-footer h3
{
    color:#ffffff;
    font-family:"Playfair Display", serif;
    font-weight:600;
    font-size:18px;
    padding:0 0 20px;
    margin:0 0 20px;
    border-bottom:1px solid #ffffff;
}

#frame-footer li li,
#frame-footer dt,
#frame-footer dd,
#frame-footer address,
#frame-footer p,
#copyright p
{
    color:#ffffff;
    font-size:12px;
    font-style:normal;
    line-height:24px;
}

#frame-footer dl
{
    margin:20px 0 0;
}

#frame-footer dt,
#frame-footer dd
{
    float:left;
}

#frame-footer dt
{
    clear:both;
    margin:0 10px 0 0;
}

#frame-footer li li a,
#frame-footer li li,
#frame-footer dd a
{
    display:block;
    float:none;
    width:100%;
    color:#ffffff;
    padding:0 5px 0 0;
}

#frame-footer #social-networks li
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
}

#copyright p
{
    border-top:1px solid #ffffff;
    padding-top:20px;
    margin-top:20px;
}

#copyright p a
{
    color:#ffffff;
}

/*------------------------------------------------------------------------------
Homepage
------------------------------------------------------------------------------*/

/*--Splash------------------------*/

#frame-splash
{
    background:url('../images/bmp/splash-hp.jpg'); /*--Backup--*/
    background-size:cover cover;
    background-position: center center;
    width:100%;
    text-align:center;
    height:545px;
    display:table;
}

#frame-splash .splash-content
{
    width:100%;
    display:table-cell;
    vertical-align:middle;
}

@media (max-width:992px)
{
    #frame-splash
    {
        height:450px;
    }
}

#frame-splash h2
{
    font-size:40px;
    line-height: 40px;
    color:#ffffff;
    font-family:"Playfair Display", serif;
    padding:0 0 35px;
    text-shadow:1px 0 5px rgba(0,0,0,0.2);
}

@media (max-width:992px)
{

    #frame-splash
    {
        background-size:cover cover;
        background-position: bottom left -400px;
    }

    #frame-splash h2
    {
        font-size:36px;
        line-height: 36px;
    }

}

@media (max-width:767px)
{

    #frame-splash h2
    {
        font-size:36px;
        line-height: 46px;
        max-width:90%;
        margin:0 auto;
    }

}


/*--Journals--------------------------*/

#frame-journals
{
    padding-top:100px;
    padding-bottom:100px;
    text-align: center;
}

#frame-journals h2
{
    padding:0 0 20px;
}

#frame-journals .btn-dual
{
    clear:both;
}

#frame-journals .btn-dual a
{
    width: 190px;
    display: inline-block;
    margin: 0 10px;
}

@media (max-width:500px)
{
    #frame-journals h2
    {
        padding:0 0 40px;
        font-size:30px;
        line-height:36px;
    }

    #frame-journals .btn-dual
    {
        padding:40px 0 0;
        margin:0 auto;
    }

    #frame-journals .btn-dual a
    {
        display:block;
        margin:0 auto 15px;
    }
}


#journal-list
{
    padding:45px 0;
}

#journal-list li
{
    display:inline-block;
    padding:0 10px;
    width:12.8%;
    box-sizing:border-box;
}

@media (max-width:991px)
{
    #journal-list li
    {
        padding:0 5px;
    }
}

@media (max-width:767px)
{
    #journal-list li
    {
        width:20%;
    }

}

@media (max-width:500px)
{
    #journal-list
    {
        display:none;
    }
}


#journal-list li img
{
    width:100%;
    height:auto;
    box-shadow:-4px 3px 10px rgba(0,0,0,0.05);
}

/*--Authors--*/

#frame-blue
{
    background:#3f97c8;
    text-align: center;
    padding:90px 0;
}


#frame-blue.book
{
    background: #3f97c8 url(../images/svg/image-author.svg) no-repeat center bottom -30px;
    padding: 90px 0 230px;
    background-size: 480px;
}

#frame-blue h2
{
    font-size:36px;
    color:#ffffff;
    font-weight:600;
    letter-spacing:-1px;
    font-family:"Playfair Display", serif;
}

@media (max-width:767px)
{
    #frame-blue h2
    {
        font-size:30px;
        line-height:36px;
    }
}

#frame-blue p
{
    color:#ffffff;
    font-size:16px;
    max-width:420px;
    line-height: 24px;
    margin:20px auto 35px;
}

.page-template-template-submit #frame-blue p,
.page-template-template-order #frame-blue p
{
    max-width:760px;
}

@media (max-width:500px)
{
    #frame-blue.book
    {
        padding: 90px 30px 40%;
        background: #3f97c8 url(../images/svg/image-author.svg) no-repeat center bottom -5%;
        background-size: 80%;
    }
}

#frame-blue .btn-dblue:hover
{
    color:#3f97c8;
    background:#ffffff;
}

.dual-btns
{
    padding:10px 0;
}

.dual-btns a
{
    margin:0 10px;
}

@media (max-width:500px){
    .dual-btns a
    {
        display:block;
        margin:0 0 10px;
        clear:both;
    }
    
}

/*--Subpage----------------------------------------------------------*/

#frame-content,
#frame-subscription
{
    padding-bottom:100px;
    padding-top:100px;
}

#frame-content h1,
#frame-subscription h2,
.page-template-template-submit #frame-blue h1,
.page-template-template-order #frame-blue h1
{
    color: #1a2847;
    font-size: 36px;
    font-family: "Playfair Display", serif;
    line-height: 44px;
    padding:0 0 15px;
    letter-spacing:-1px;
}

.page-template-template-submit #frame-blue h1,
.page-template-template-order #frame-blue h1
{
    color:#ffffff;
    padding:0;
}

@media (max-width:1199px)
{
    #frame-content h1
    {
        font-size:30px;
        line-height:36px;
    }
}


#frame-content h2
{
    color: #939fb9;
    font-size: 20px;
    font-family: "Playfair Display", serif;
    line-height: 24px;
    padding:20px 0 15px;
}

#frame-content .copy
{
    width: 600px;
}

@media (max-width:1199px)
{
    #frame-content .copy
    {
        width:auto;
    }
}

#frame-content p,
#journal-intro p
{
    margin:15px 0;
}

#frame-content .copy img
{
    margin:15px 0;
}

#frame-content #content-area li,
#journal-intro ul li
{
    background:url("../images/svg/bullet.svg") no-repeat top 8px left;
    padding:0 0 0 20px;
    margin:15px 0;
}

@media (max-width:991px)
{
    #frame-content #sidebar
    {
        margin-bottom:30px;
        width:100%;
    }

    #frame-content #sidebar ul
    {
        border-bottom:2px solid #dcdcdc;
        padding:0 0 10px;
    }

    #frame-content
    {
        padding-bottom:90px;
        padding-top:90px;
    }
}

#frame-content #sidebar h3
{
    border-bottom:1px solid #dcdcdc;
    color:#1a2847;
    margin:5px 0 15px;
    padding:0 0 15px;
    font-weight:bold;
}

#frame-content #sidebar li
{
    margin:0 0 10px;
    font-weight:bold;
    font-size:14px;
}

#frame-content #sidebar p strong
{
    color:#1a2847;
    display:block;
    margin:10px 0 0;
}

#frame-content #sidebar li.current_page_item a:before
{
    content:"> "
}

#frame-content #sidebar li a
{
    color:#939fb9;
}

#frame-content table
{
    margin:40px 0 0;
}


#frame-content table tr td
{
    padding:10px 20px;
    border-bottom:1px solid #dddddd;
}

#frame-content table tr:first-child td
{
    background:#3f97c8;
    color:#ffffff;
    font-size:18px;
}

@media (max-width:767px)
{
    #frame-content table
    {
        width:100% !important;
    }

    #frame-content tr,
    #frame-content td
    {
        width:auto !important;
    }

    #frame-content table tr:first-child td,
    #frame-content table td
    {
        font-size:14px;
    }

}


/*--Journal Overview---------------------------------------------*/

#journal-overview
{
    text-align: center;
}

#journal-overview p
{
    width:750px;
    margin:0 auto;
    font-size:22px;
    line-height: 30px;
}

@media (max-width:767px)
{
    #journal-overview p
    {
        width:750px;
        margin:0 auto;
        font-size:16px;
        line-height: 24px;
    }
}

#journal-overview li
{
    width:24%;
    padding:60px 30px 0;
    box-sizing: border-box;
    display: inline-block;
}

@media (max-width:1199px)
{
    #journal-overview li
    {
        width:24%;
        padding:40px 20px 0;
    }
}

@media (max-width:767px){

    #journal-overview p
    {
        width:100%;
    }

    #journal-overview li
    {
        width:32%;
        padding:40px 20px 0;
    }
}

@media (max-width:500px){

    #journal-overview p
    {
        width:100%;
    }

    #journal-overview li
    {
        width:100%;
        padding:40px 50px 0;
    }
}


#journal-overview li img
{
    box-shadow: -6px 3px 20px rgba(0,0,0,0.15);
    height:auto;
    width:100%;
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}

#journal-overview li:hover img
{
    box-shadow: -10px 6px 20px rgba(0,0,0,0.15);
}

#frame-subscription
{
    background:#efefef;
    text-align: center;
}

#frame-subscription h2
{
    font-size:28px;
    line-height: 36px;
}

#frame-subscription a
{
    margin:30px 0 0;
    display:inline-block;
    padding:10px 30px;
}

#frame-subscription img
{
    margin:0 0 20px;
    height:120px;
}

@media (max-width:1199px)
{
    #frame-subscription h2
    {
        font-size:22px;
        line-height: 28px;
    }
}

@media (max-width:767px)
{

    #frame-subscription h2
    {
        font-size:28px;
        line-height: 36px;
    }

    #frame-subscription .col-lg-4
    {
        padding-bottom:60px;
    }

    #frame-subscription .col-lg-4:last-child
    {
        padding-bottom:0;
    }

    #frame-subscription p
    {
        padding:0 20px;
    }
}

/*--Journal View-------------------------------------------------*/

#journal-intro
{
    background: linear-gradient(to right,  #dcdcdc 0%,#dcdcdc 30%,#f3f3f3 30%,#f3f3f3 100%);
}

#journal-intro .row
{
    display:table;
}

#journal-intro .col-lg-4,
#journal-intro .col-lg-8
{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    float:none;
}

#journal-intro .col-lg-8
{
    padding-left:70px;
}

#journal-intro .col-lg-4
{
    background:#dcdcdc;
}

#journal-intro .col-lg-4 img
{
    box-shadow: -6px 3px 20px rgba(0,0,0,0.15);
    max-width:100%;
    height:auto;
}

@media (max-width:991px)
{
    #journal-intro .col-lg-4 img
    {
        box-shadow:none;
    }

}

#journal-intro .col-lg-8
{
    background:#f3f3f3;
}

#journal-intro .col-lg-8 > div
{
    padding:100px 0;
}

#journal-intro h1
{
    color: #1a2847;
    font-size: 36px;
    font-family: "Playfair Display", serif;
    line-height: 44px;
    padding:0px;
    letter-spacing:-1px;

}

#journal-intro h2
{
    color:#3c97cf;
    font-size:20px;
    line-height:24px;
    margin:0 0 20px;
}

#journal-intro h3
{
    margin:20px 0 0;
    color:#333333;
    font-size:20px;
    line-height:24px;
}


#journal-intro dt,
#journal-intro dd
{
    float:left;
}

#journal-intro dt
{
    clear: both;
    width:60px;
    font-weight:bold;
}

#journal-intro dd
{
    margin:0 0 5px;
}

#journal-intro ul,
#journal-intro ol
{
    padding:0;
}

#journal-intro .cta
{
    padding:40px 0 20px;
}

#journal-intro .cta a
{
    margin-right:20px;
}

#frame-specifics
{
    padding-top:90px;
    padding-bottom:90px;
}

@media (max-width:991px)
{
    #frame-specifics #editorial-board
    {
        padding-top:50px;
    }
}

#frame-specifics #editorial-board h2
{
    border-bottom:1px solid #ededed;
    font-size:18px;
    margin:0 0 15px;
    padding:5px 0;
    color:#1a2847;
    font-family:"Open Sans","San Serif";
}

#frame-specifics #editorial-board ul
{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    margin:0 0 30px;
}

#frame-specifics #editorial-board li
{
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    font-size:12px;
    color:#606060;
    line-height:15px;
    margin:0 0 10px;
}

#frame-specifics #editorial-board li h3,
#frame-specifics #editorial-board li p
{
    font-size:12px;
    color:#606060;
    line-height:15px;
}

#frame-specifics #editorial-board li h3
{
    font-weight:bold;
}

#tabs
{
    border-bottom:1px solid #ededed;
}

#tabs div
{
    font-size:14px;
    font-weight:bold;
    color:#939fb9;
    display:inline-block;
    padding:12px 30px;
    background:#ffffff;
    cursor: pointer;
}

#tabs div.active
{
    padding:11px 30px 12px;
    color:#1a2847;
    border-top:3px solid #3c97cf;
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    position:relative;
    top:2px;
}

.tab-content
{
    display:none;
    padding:20px 30px 0;
}

.tab-content.active
{
    display:block;
}

.tab-content li
{
    margin:10px 0 0;
}

.tab-content h3
{
    color:#1a2847;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
}

.tab-content p
{
    color:#606060;
    font-size:12px;
}

@media (max-width:991px)
{
    #journal-intro
    {
        background: linear-gradient(to bottom,  #dcdcdc 0,#dcdcdc 370px,#f3f3f3 370px,#f3f3f3 100%);
    }

    #journal-intro .col-lg-4,
    #journal-intro .col-lg-8
    {
        display:block;
        height:100%;
        float:none;
    }

    #journal-intro .col-lg-4
    {
        height:370px;
        text-align:center;
    }

    #journal-intro .col-lg-4 img
    {
        width:auto;
        max-height:370px;
        padding:60px 0;
    }

    #journal-intro .col-lg-8
    {
        padding-left:15px;
    }

}


@media (max-width:767px)
{

    #frame-specifics #editorial-board ul
    {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    #journal-intro .cta a
    {
        display:block;
        margin-bottom:20px;
    }



}

@media (max-width:600px)
{
    #journal-intro .cta a
    {
        display:block;
        margin-right:0;
        margin-bottom:20px;
    }

}

@media (max-width:500px)
{

    #tabs div
    {
        padding:6px 10px;
    }

    .tab-content h3
    {
        font-size:12px;
    }

    .tab-content
    {
        padding:20px 0 0;
    }

    #tabs div.active
    {
        padding:5px 10px 6px;
    }
    #frame-specifics #editorial-board ul
    {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1s;
    }
}

/*--Contact Form--------------------------------------------------------------*/

#frame-content .frm_forms input
{
    border:none;
    border-radius:0;
    border:none;
}

#frame-content .frm_forms select
{
    border:1px solid #dddddd;
    padding:10px;
    margin:10px 0;
    box-sizing: border-box;
    max-width:100%;
    width:100%;
}

.form-field.active
{
    background:#eef6fa;
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}

.form-field.frm_blank_field
{
    background:#fbf3f3;
}

.frm_forms .frm_form_field
{
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding:15px 30px 10px;
    margin:0;
}

.frm_forms .frm_form_field.frm_first
{
    border-left:none;
}

.frm_forms .frm_section_heading
{
    border-bottom:none;
    padding:0;
}

#frame-content .frm_forms form
{
    max-width:800px;
    margin:0 auto;
}

#frame-content .frm_forms h3
{
    background:#1a2847;
    color:#ffffff;
    padding:10px 30px;
    font-size:13px;
    border:none;
    font-weight:600;
    text-transform:uppercase;
}

#frame-content .frm_forms p
{
    color:#3f97c8;
    font-size:30px;
    font-family:"Playfair Display", serif;
    line-height: 36px;
    text-align:center;
    margin:0 0 40px;
}

#frame-content .frm_forms textarea
{
    width:100%;
}

#frame-content .frm_forms input,
#frame-content .frm_forms label,
#frame-content .frm_forms textarea,
#frame-content .frm_forms select
{
    font-family:'Open Sans', arial;
    font-size:12px;
    display:block;
    font-weight:bold;
}

#frame-content .frm_forms select
{
    background: url("../images/svg/icon-down.svg") no-repeat right 10px center;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    font-size:16px;
}

#frame-content .frm_forms label
{
    color:#3a3a3a;
    font-weight:bold;
    line-height:14px;
}

#frame-content .frm_forms input,
#frame-content .frm_forms textarea,
#frame-content .frm_forms select
{
    color:#3f97c8;
}

#frame-content .frm_forms .frm_submit
{
    text-align:center;
}

#frame-content .frm_forms .frm_submit button
{
    margin:30px 0;
}

#frame-content .frm_dropzone.dz-clickable.frm_single_upload
{
    max-width:100%;
    margin:10px 0;
}

.frm_description
{
    color:#7d7d7d;
    font-size:11px;
}

#frm_field_conf_82_container.frm_hidden_container label.frm_primary_label,
#frm_field_conf_115_container.frm_hidden_container label.frm_primary_label
{
    visibility: visible;
}


@media (max-width:767px)
{
    .frm_forms .frm_form_field
    {
        border-left:none;
    }
}


/*--Update Form widths --*/

@media (min-width:768px){

    .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third
    {
        width:33.3%;
    }

    .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half
    {
        width:50%;
    }

    .frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth
    {
        width:20%;
    }

    .frm_form_field.frm_two_fifths
    {
        width:40%;
    }

}