/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #00205B;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #00205B;
    --dt-color-secondary: #00A346;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #007D3A;
    --dt-color-accent: #8DC8E8;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #506F82;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/**
ATC template
author: Janusz Chudzynski
email:jchudzynski@uwf.edu
description: used by mobile and desktop version of the ATC template. It's a slimed down version of the w3.css
version 1.2
*/

/* Icons  */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/**GRID*/
.atc-row-padding,.atc-row-padding>.atc-half,.atc-row-padding>.atc-third,.atc-row-padding>.atc-twothird,.atc-row-padding>.atc-threequarter,.atc-row-padding>.atc-quarter,.atc-row-padding>.atc-col{padding:0 8px}
.atc-col,.atc-half,.atc-third,.atc-twothird,.atc-threequarter,.atc-quarter{float:left;width:100%}
.atc-col.s1{width:8.33333%}.atc-col.s2{width:16.66666%}.atc-col.s3{width:24.99999%}.atc-col.s4{width:33.33333%}
.atc-col.s5{width:41.66666%}.atc-col.s6{width:49.99999%}.atc-col.s7{width:58.33333%}.atc-col.s8{width:66.66666%}
.atc-col.s9{width:74.99999%}.atc-col.s10{width:83.33333%}.atc-col.s11{width:91.66666%}.atc-col.s12{width:99.99999%}
@media (min-width:601px){.atc-col.m1{width:8.33333%}.atc-col.m2{width:16.66666%}.atc-col.m3,.atc-quarter{width:24.99999%}.atc-col.m4,.atc-third{width:33.33333%}
.atc-col.m5{width:41.66666%}.atc-col.m6,.atc-half{width:49.99999%}.atc-col.m7{width:58.33333%}.atc-col.m8,.atc-twothird{width:66.66666%}
.atc-col.m9,.atc-threequarter{width:74.99999%}.atc-col.m10{width:83.33333%}.atc-col.m11{width:91.66666%}.atc-col.m12{width:99.99999%}}
@media (min-width:993px){.atc-col.l1{width:8.33333%}.atc-col.l2{width:16.66666%}.atc-col.l3{width:24.99999%}.atc-col.l4{width:33.33333%}
.atc-col.l5{width:41.66666%}.atc-col.l6{width:49.99999%}.atc-col.l7{width:58.33333%}.atc-col.l8{width:66.66666%}
.atc-col.l9{width:74.99999%}.atc-col.l10{width:83.33333%}.atc-col.l11{width:91.66666%}.atc-col.l12{width:99.99999%}}
/**END OF GRID*/


.atcuwfblue{
  background-color:  #0d4e96;
  /*var(--ic-brand-button--primary-bgd);*/
}

.atc .tipborder{
  border:1px solid lightgray;
  margin: 5px;
}

.atc .atc_instructor_card{
  height: 200px;
  width: 200px;
  text-align: left;
}

.atc .profile_photo{
    border:1px solid lightgray;
    height: 200px;
    width: 200px;
}

/*Used to group modules and center them*/
.atc .modules{
  text-align: center;;
}

/* Box */
.atc .atcmodule{
  max-width: 230px;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

.atc .atcmodule img{
  margin: auto;
  width: 100%;
  max-width: 230px;
}

.atc .atcmodule a img{
  margin: auto;
  width: 100%;
  max-width: 250px;
}


.atc .banner{
    /* max-height: 80px */
    width: 100%
  }

.atc .tip{
  color: red;
  font-style: italic;
  text-align: center
}

.atc i{
  color:gray;
}

.atc .section_start {
  border:1px solid lightgray;
  display: block;
  text-align: center;
  padding: 3px;
  max-width: 250px;
}

.atc .canvas_support {
  text-align: center;
  background-color: #0d4e96;
  color:white;
  padding-top: 10px;
  padding-bottom: 10px;
}

body.primary-nav-expanded .ic-app-header__logomark {
    height: 55px;
    margin-top: 20px;
    margin-bottom: 15px;
}