/* Fudge presets */
html{font-size:120%;}

/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete 
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
@media only screen and (min-width: 760px) {
    blockquote{margin:1em 40px;}
    #accreditation{display:grid;grid-template-columns:2fr 1fr;grid-gap:.5em}
    img#SWTClogo{max-width:300px!important;}
    div#searchBox_mobile{position:relative;}

    .title-container{left:0;bottom:0em;right:0;top:auto;width:100%;}

    #footer-info-container{-ms-grid-columns:1fr 3fr;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}
    #footer-info-container .contact-info{-ms-grid-row:1;-ms-grid-column:1;}
    #footer-info-container .footer-links{-ms-grid-row:1;-ms-grid-column:2;}

    .footer-links{columns:2 1em;grid-column:2 / -1;}
    .footer-links > div{break-inside:avoid;}
    .circle-image{max-width:33%}

    .news{width:50%;/*padding-left:2em;*/}
    .related{width:50%;/*padding-left:2em;*/}
    .action, .event{width:50%;/*padding-left:2em;*/}
    .circle-image{display:inline-block;margin:0;}
    .twocolumns,ul.listitems{-moz-column-count:2;-moz-column-gap:2em;-webkit-column-count:2;-webkit-column-gap:2em;column-count:2;column-gap:2em;padding-left:0;}
    ul.twocolumns{margin-left:1.5em;}
    ul.twocolumns li{margin-left:1em;}
    ul.threecolumns{column-count:3;}

    /*Columns*/
    .content .instructor-box{clear:both;margin-top:1em;max-width:400px;}
    .three-column-grid .icon-heading{-ms-grid-column-span:3;-ms-grid-columns:100%;width:100%;}
    .two-column-grid .col{/*max-width:550px;*/margin-bottom:2em;}
    .three-column-grid .col{margin:0 0 2em 0;}
    /* for MS browsers */
    .two-column-grid .col:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;}
    .two-column-grid .col:nth-child(2){-ms-grid-row:1;-ms-grid-column:2;}
    .two-column-grid .col:nth-child(3){-ms-grid-row:2;-ms-grid-column:1;}
    .two-column-grid .col:nth-child(4){-ms-grid-row:2;-ms-grid-column:2;}
    .two-column-grid .col:nth-child(5){-ms-grid-row:3;-ms-grid-column:1;}
    .two-column-grid .col:nth-child(6){-ms-grid-row:3;-ms-grid-column:2;}
    .two-column-grid .col:nth-child(1).two-columns{-ms-grid-row:1;-ms-grid-column:1;}
    .three-column-grid .col:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;}
    .three-column-grid .col:nth-child(2){-ms-grid-row:1;-ms-grid-column:2;}
    .three-column-grid .col:nth-child(3){-ms-grid-row:1;-ms-grid-column:3;}
    .three-column-grid .col:nth-child(4){-ms-grid-row:2;-ms-grid-column:1;}
    .three-column-grid .col:nth-child(5){-ms-grid-row:2;-ms-grid-column:2;}
    .three-column-grid .col:nth-child(6){-ms-grid-row:2;-ms-grid-column:3;}
    .three-column-grid .col:nth-child(7){-ms-grid-row:3;-ms-grid-column:1;}
    .three-column-grid .col:nth-child(8){-ms-grid-row:3;-ms-grid-column:2;}
    .three-column-grid .col:nth-child(9){-ms-grid-row:3;-ms-grid-column:3;}
    .three-column-grid .col:nth-child(10){-ms-grid-row:4;-ms-grid-column:1;}
    .three-column-grid .col:nth-child(11){-ms-grid-row:4;-ms-grid-column:2;}
    .three-column-grid .col:nth-child(12){-ms-grid-row:4;-ms-grid-column:3;}
    .three-column-grid .icon-heading ~ .col:nth-child(2){-ms-grid-row:2;-ms-grid-column:1;}
    .three-column-grid .icon-heading ~ .col:nth-child(3){-ms-grid-row:2;-ms-grid-column:2;}
    .three-column-grid .icon-heading ~ .col:nth-child(4){-ms-grid-row:2;-ms-grid-column:3;}
    .three-column-grid .icon-heading ~ .col:nth-child(5){-ms-grid-row:3;-ms-grid-column:1;}
    .three-column-grid .icon-heading ~ .col:nth-child(6){-ms-grid-row:3;-ms-grid-column:2;}
    .three-column-grid .icon-heading ~ .col:nth-child(7){-ms-grid-row:3;-ms-grid-column:3;}
    .three-column-grid .icon-heading ~ .col:nth-child(8){-ms-grid-row:4;-ms-grid-column:1;}
    .three-column-grid .icon-heading ~ .col:nth-child(9){-ms-grid-row:4;-ms-grid-column:2;}
    .three-column-grid .icon-heading ~ .col:nth-child(10){-ms-grid-row:4;-ms-grid-column:3;}
    .three-column-grid .icon-heading ~ .col:nth-child(11){-ms-grid-row:5;-ms-grid-column:1;}
    .three-column-grid .icon-heading ~ .col:nth-child(12){-ms-grid-row:5;-ms-grid-column:2;}
    .three-column-grid .icon-heading ~ .col:nth-child(13){-ms-grid-row:5;-ms-grid-column:3;}
    .content{-ms-grid-columns:1fr 1fr;}
    .two-column-grid{display:-ms-grid;display:grid;grid-gap:2em;-ms-grid-columns:1fr 1fr;grid-template-columns:50% 50%;}
    .two-column-grid.plain{grid-gap:0 2em;}
    .two-column-grid.checkbox{grid-gap:0;}
    #CourseDescriptionDiv .two-column-grid{max-width:90%;}
    #CourseDescriptionDiv .two-column-grid>.col{width:100%;}
    #CourseDescriptionDiv .two-column-grid>.col>p{vertical-align:bottom;}
    
    /* Images */
    img.icon.right{float:right;}
    .side-image.right,.content-image.right{float:right;}
    .side-image.left,.content-image.left{float:left;}

    /*Image Box*/
    .img-box-content{padding-bottom:0;}
    .col:nth-of-type(odd)>.img-box>img,.juxtapose .img-box:nth-of-type(odd)>img{grid-column:1/2;}
    .col:nth-of-type(odd)>.img-box>.img-box-content,.juxtapose .img-box:nth-of-type(even)>img{grid-column:2/-1;grid-row:1/-1;}
    .col:nth-of-type(even)>.img-box>img,.juxtapose .img-box:nth-of-type(even)>img{grid-column:2/-1;}
    .col:nth-of-type(even)>.img-box>.img-box-content,.juxtapose .img-box:nth-of-type(even)>.img-box-content{grid-column:1/2;grid-row:1/-1;}
    /* for MS browsers */
    .juxtapose .img-box:nth-child(1)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(1)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(2)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(2)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(3)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(3)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(4)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(4)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(5)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(5)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(6)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(6)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(7)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(7)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(8)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(8)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(9)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(9)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(10)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(10)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(11)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(11)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(12)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(12)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(13)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(13)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(14)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(14)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(15)>img{-ms-grid-row:1;-ms-grid-column:1;}
    .juxtapose .img-box:nth-child(15)>.img-box-content{-ms-grid-row:1;-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(16)>img{-ms-grid-column:2;}
    .juxtapose .img-box:nth-child(16)>.img-box-content{-ms-grid-row:1;-ms-grid-column:1;}

    /*Forms*/
    .form-section form,.form-section fieldset{grid-template-columns:repeat(2,1fr);}
    .form-section form>div,form .note{padding:0 1em;}
    .program-aside form .text{margin-bottom:1em;width:100%;display:grid;grid-template-columns:1fr 2fr;}
    .program-aside form .text label{grid-column:1/2;padding-right:.5em;}
    .program-aside form .text input,.program-aside form .text select{grid-column:2/-1;}
    .program-aside form .text label{text-align:right;}
    .program-aside form .commentfield label,.program-aside form .commentfield textarea{grid-column:1/-1;}
    .program-aside form .commentfield label{width:100%;padding-bottom:.5em;}
    .program-aside form .text input,.program-aside form .text select{padding-top:.2em;}
    
    .dark-alt .SWTCWebForm .text{margin-bottom:1em;width:100%;display:grid;grid-template-columns:1fr 2fr;}
    .dark-alt .SWTCWebForm .text label{grid-column:1/2;padding-right:.5em;}
    .dark-alt .SWTCWebForm .text input,.dark-alt .SWTCWebForm .text select{grid-column:2/-1;}
    .dark-alt .SWTCWebForm .text label{text-align:right;}
    .dark-alt .SWTCWebForm .commentfield label,.dark-alt .SWTCWebForm .commentfield textarea{grid-column:1/-1;}
    .dark-alt .SWTCWebForm .commentfield label{width:100%;padding-bottom:.5em;}
    .dark-alt .SWTCWebForm .text input,.dark-alt .SWTCWebForm .text select{padding-top:.2em;}

    /* misc */
    .columns2{column-count:2;}
    figure.left{float:left;padding:.3em 1em .3em 0;}
    figure.right{float:right;padding:.3em 0 .3em 1em;}
}

/*** Columns ***/