/*********************************************************************/
/***** 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: #002F67;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #002F67;
    --dt-color-secondary: #FD605B;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #BA4B43;
    --dt-color-accent: #B2CECE;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #637273;
    --dt-color-gray: #476475;
    --dt-color-gray-contrast: #FFFFFF;
    --dt-color-gray-dark-text: #476475;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
}

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


/******* custom style *****/

.dp-wrapper .dp-link-grid.dp-link-grid-item-bg-dp-primary>ul>li:nth-child(1) a{ background:#003063!important;}
.dp-wrapper .dp-link-grid.dp-link-grid-item-bg-dp-primary>ul>li:nth-child(2) a{ background:#fd605b!important;}
.dp-wrapper .dp-link-grid.dp-link-grid-item-bg-dp-primary>ul>li:nth-child(3) a{ background:#ffc681!important;}
.dp-wrapper .dp-link-grid.dp-link-grid-item-bg-dp-primary>ul>li a:hover{background:#fff!important;}

.course-terms ul{margin:0!important;padding:0;}
.course-terms ul li a {
background: #E3F1FF;
    width: 100%;
    font-size: 20px;
    color: #292424;
    padding: 10px 20px;
    border: 1px #d3e4f5 solid;
    display: block;
    border-radius: 6px;
    text-decoration: none!important;
}
.course-terms ul li a:hover{background: #003063!important;color: #fff!important;}
.course-terms ul li a:hover:after {color:#fff!important;}
.course-terms ul li a .fa-li{
position: relative!important;
    width: 2em!important;
    padding-right: 10px!important;
	left:0;
}
.dp-wrapper .dp-link-grid.dp-link-grid-item-bg-dp-primary>ul>li a
.course-btn ul li a.online-res {background: #FD605B!important;}
.course-btn ul li a.online-res:hover{background:#fff!important;}
.course-btn ul li a.one-note {background: #FFC681!important;}
.course-btn ul li a.one-note:hover{background:#fff!important;}
	
	
	
	
	
	
	
	
/* Online Resources */
.main-banner.online-resourses .banner-content h1 {
    display: inline-block;
    width: 100%;
    margin-bottom: 7px;
}
.banner-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}
.banner-content ul li {
    float: left;
    color: #9BCCFF;
}
.banner-content ul li a {
    color: #55A5FA;
    text-decoration: none;
}
.banner-content ul li a::after{
    content: '/';
    margin: 0 4px;
}
.tools {
    padding-bottom: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E8E8E8;
    display: inline-block;
    width: 100%;
}
.no-border{border: none !important;}
.tools h4 {
    color: #292424;
    font-size: 24px;
    margin: 0 0 20px 0;
    width: 100%;
 border:none!important;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
.tools h4 img {
    margin-right: 15px;
}
.tools ul {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 60px;
}
.tools ul li{
    float: left;
}
.tools ul li a {
    font-size: 12px;
    color: #292424;
    padding: 30px 10px;
    width: 120px;
    display: inline-grid;
    text-align: center;
    text-decoration: none!important;
    line-height: normal;
    border-radius: 10px;
    margin-right: 20px;
    min-height: 115px;

    vertical-align: middle;
}
.tools ul li a i {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
}
.tools.lib ul li a{background: #FFF9F9;padding-top:25px;}
.tools.lib ul li a:hover{background: #fd605b; color:#fff;}
.tools.onl ul li a{background: #F8FBFF;padding-top:25px;}
.tools.onl ul li a:hover{background: #003063; color:#fff;}
.tools.res ul li a{background: #FBFDFF;padding-top:25px;}
.tools.res ul li a:hover{background: #55A5FA; color:#fff;}
.tools.lib ul li a i{color: #fd605b;}
.tools.lib ul li a:hover i{color: #fff;}
.tools.onl ul li a i{color: #003063;}
.tools.res ul li a i{color: #55A5FA;}
.tools ul li a:hover i{color: #fff;}

.tools .external_link_icon{display:none!important;}

@media (max-width: 767px) {
	
}
@media only screen and (min-width:768px) and (max-width:1050px) {
	
}
@media only screen and (min-width:1051px) and (max-width:1550px) {
	.course-btn{padding:10px!important;}
	.course-btn ul li a{font-size:16px;padding:10px 0!important;}
}