/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web & Mobile Solutions.
*/
/*===============MOBILE AND UP===============*/

/* Headings */
h1, h2 {font-family: "Rajdhani", sans-serif; color: #000; font-weight: bold;}
h1 { font-size: 36px; }
h2 {font-size: 30px;}
h3, h4, h5 {font-family: "Calibri", sans-serif; color: #000; font-weight: bold;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

/* End Headings */

.container-full { max-width: 100%; padding-left: 15px; padding-right: 15px;}
.container-wide { max-width: 1800px; margin: 0px auto; padding-left: 15px; padding-right: 15px;}
.container-primary { max-width: 1500px; margin: 0px auto; padding-left: 15px; padding-right: 15px; }
.container-narrow {	max-width: 1400px; margin: 0px auto; padding-left: 15px; padding-right: 15px;}

/* Padding & Margins */
.padding-0 {padding:0px;}
.padding-10, .padding-20, .padding-30, .padding-40, .padding-50, .padding-60, .padding-80 { padding: 20px; }
.padding-left-0 {padding-left: 0px;}
.padding-left-10, .padding-left-20, .padding-left-30, .padding-left-40, .padding-left-50, .padding-left-60, .padding-left-80 { padding-left: 20px; }
.padding-right-0 {padding-right: 0px;}
.padding-right-10, .padding-right-20, .padding-right-30, .padding-right-40, .padding-right-50, .padding-right-60, .padding-right-80 { padding-right: 20px; }
.padding-top-0 {padding-top: 0px;}
.padding-top-10, .padding-top-20, .padding-top-30, .padding-top-40, .padding-top-50, .padding-top-60, .padding-top-80 { padding-top: 20px; }
.padding-bottom-0 {padding-bottom: 0px;}
.padding-bottom-10, .padding-bottom-20, .padding-bottom-30, .padding-bottom-40, .padding-bottom-50, .padding-bottom-60, .padding-bottom-80 { padding-bottom: 20px; }
.margin-0 {margin: 0px;}
.margin-10, .margin-20, .margin-30, .margin-40, .margin-50, .margin-60, .margin-80 { margin: 20px; }
.margin-left-0 {margin-left: 0px;}
.margin-left-10, .margin-left-20, .margin-left-30, .margin-left-40, .margin-left-50, .margin-left-60, .margin-left-80 { margin-left: 20px; }
.margin-right-0 {margin-right: 0px;}
.margin-right-10, .margin-right-20, .margin-right-30, .margin-right-40, .margin-right-50, .margin-right-60, .margin-right-80 { margin-right: 20px; }
.margin-top-0 {margin-top: 0px;}
.margin-top-10, .margin-top-20, .margin-top-30, .margin-top-40, .margin-top-50, .margin-top-60, .margin-top-80 { margin-top: 20px; }
.margin-bottom-0 {margin-bottom: 0px;}
.margin-bottom-10, .margin-bottom-20, .margin-bottom-30, .margin-bottom-40, .margin-bottom-50, .margin-bottom-60, .margin-bottom-80 { margin-bottom: 20px; }

/* Text Styles */
.text-rajdhani { font-family: "Rajdhani", sans-serif; }
.text-arial { font-family: "Arial", sans-serif; }
.text-blue { color: #0079C2; }
.text-teal { color: #00A88F; }
/* End Text Styles */

/*Borders*/
.border-radius-10 { border-radius: 10px; }
.border-1 { border-top: 1px solid; }
.border-2 { border-top: 2px solid; }
.border-3 { border-top: 3px solid; }
.border-4 { border-top: 4px solid; }
.border-5 { border-top: 5px solid; }
.border-6 { border-top: 6px solid; }
.border-7 { border-top: 7px solid; }
.border-8 { border-top: 8px solid; }
.border-9 { border-top: 9px solid; }
.border-10 { border-top: 10px solid; }
.border-11 { border-top: 11px solid; }
.border-12 { border-top: 12px solid; }
.border-13 { border-top: 13px solid; }
.border-14 { border-top: 14px solid; }
.border-15 { border-top: 15px solid; }
.border-16 { border-top: 16px solid; }
.border-17 { border-top: 17px solid; }
.border-18 { border-top: 18px solid; }
.border-19 { border-top: 19px solid; }
.border-20 { border-top: 20px solid; }

.border-top-1 { border-top: 1px solid; }
.border-top-2 { border-top: 2px solid; }
.border-top-3 { border-top: 3px solid; }
.border-top-4 { border-top: 4px solid; }
.border-top-5 { border-top: 5px solid; }
.border-top-6 { border-top: 6px solid; }
.border-top-7 { border-top: 7px solid; }
.border-top-8 { border-top: 8px solid; }
.border-top-9 { border-top: 9px solid; }
.border-top-10 { border-top: 10px solid; }
.border-top-11 { border-top: 11px solid; }
.border-top-12 { border-top: 12px solid; }
.border-top-13 { border-top: 13px solid; }
.border-top-14 { border-top: 14px solid; }
.border-top-15 { border-top: 15px solid; }
.border-top-16 { border-top: 16px solid; }
.border-top-17 { border-top: 17px solid; }
.border-top-18 { border-top: 18px solid; }
.border-top-19 { border-top: 19px solid; }
.border-top-20 { border-top: 20px solid; }

.border-bottom-1 { border-bottom: 1px solid; }
.border-bottom-2 { border-bottom: 2px solid; }
.border-bottom-3 { border-bottom: 3px solid; }
.border-bottom-4 { border-bottom: 4px solid; }
.border-bottom-5 { border-bottom: 5px solid; }
.border-bottom-6 { border-bottom: 6px solid; }
.border-bottom-7 { border-bottom: 7px solid; }
.border-bottom-8 { border-bottom: 8px solid; }
.border-bottom-9 { border-bottom: 9px solid; }
.border-bottom-10 { border-bottom: 10px solid; }
.border-bottom-11 { border-bottom: 11px solid; }
.border-bottom-12 { border-bottom: 12px solid; }
.border-bottom-13 { border-bottom: 13px solid; }
.border-bottom-14 { border-bottom: 14px solid; }
.border-bottom-15 { border-bottom: 15px solid; }
.border-bottom-16 { border-bottom: 16px solid; }
.border-bottom-17 { border-bottom: 17px solid; }
.border-bottom-18 { border-bottom: 18px solid; }
.border-bottom-19 { border-bottom: 19px solid; }
.border-bottom-20 { border-bottom: 20px solid; }

.border-left-1 { border-left: 1px solid; }
.border-left-2 { border-left: 2px solid; }
.border-left-3 { border-left: 3px solid; }
.border-left-4 { border-left: 4px solid; }
.border-left-5 { border-left: 5px solid; }
.border-left-6 { border-left: 6px solid; }
.border-left-7 { border-left: 7px solid; }
.border-left-8 { border-left: 8px solid; }
.border-left-9 { border-left: 9px solid; }
.border-left-10 { border-left: 10px solid; }
.border-left-11 { border-left: 11px solid; }
.border-left-12 { border-left: 12px solid; }
.border-left-13 { border-left: 13px solid; }
.border-left-14 { border-left: 14px solid; }
.border-left-15 { border-left: 15px solid; }
.border-left-16 { border-left: 16px solid; }
.border-left-17 { border-left: 17px solid; }
.border-left-18 { border-left: 18px solid; }
.border-left-19 { border-left: 19px solid; }
.border-left-20 { border-left: 20px solid; }

.border-right-1 { border-right: 1px solid; }
.border-right-2 { border-right: 2px solid; }
.border-right-3 { border-right: 3px solid; }
.border-right-4 { border-right: 4px solid; }
.border-right-5 { border-right: 5px solid; }
.border-right-6 { border-right: 6px solid; }
.border-right-7 { border-right: 7px solid; }
.border-right-8 { border-right: 8px solid; }
.border-right-9 { border-right: 9px solid; }
.border-right-10 { border-right: 10px solid; }
.border-right-11 { border-right: 11px solid; }
.border-right-12 { border-right: 12px solid; }
.border-right-13 { border-right: 13px solid; }
.border-right-14 { border-right: 14px solid; }
.border-right-15 { border-right: 15px solid; }
.border-right-16 { border-right: 16px solid; }
.border-right-17 { border-right: 17px solid; }
.border-right-18 { border-right: 18px solid; }
.border-right-19 { border-right: 19px solid; }
.border-right-20 { border-right: 20px solid; }

.border-blue { border-color: #0079C2; }
.border-teal { border-color: #00A88F; }
.border-black {border-color: #000;}
/* End Borders */

/* Flex and CSS Grid */
.display-flex {display: flex;}
.flex-row { flex-direction: row; }
.flex-col {flex-direction: column;}
.display-grid {display: grid;}
.align-items-center {align-items: center;}
.justify-content-center {justify-content: center;}
/* End Flex and CSS Grid */

/* Backgrounds */
.bg-grey-dark, .bg-gray-dark {
	background-color: #707070;
}
.bg-grey-light, .bg-gray-light {
background-color: #F5F4F4;
}
.bg-black {background-color: #000;}
.bg-white {background-color: #fff;}

/* Sizing */
.height-100 {height: 100%;}

.text-white {color: #fff;}


/*End mobile and up styles*/
/*===============TABLET AND UP===============*/
@media only screen and (min-width: 760px) {

.display-flex-desktop {display: flex;}
.flex-row-desktop {flex-direction: row;}
.flex-column-desktop: {flex-direction: column;}
.equal-height {
        display: flex;       
        align-items: stretch;
        flex-wrap: wrap;
    }
	
	
}/*end media query*/
/*End tablet and up styles*/
/*===============DESKTOP ONLY===============*/
@media only screen and (min-width: 1100px) {

/* Padding & Margins */
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }
.padding-40 { padding: 40px; }
.padding-50 { padding: 50px; }
.padding-60 { padding: 60px; }
.padding-70 { padding: 70px; }
.padding-80 { padding: 80px; }
	
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }
.padding-left-60 { padding-left: 60px; }
.padding-left-70 { padding-left: 70px; }
.padding-left-80 { padding-left: 80px; }

.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-right-30 { padding-right: 30px; }
.padding-right-40 { padding-right: 40px; }
.padding-right-50 { padding-right: 50px; }
.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }
.padding-right-80 { padding-right: 80px; }

.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }

.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
	
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }
.margin-40 { margin: 40px; }
.margin-50 { margin: 50px; }
.margin-60 { margin: 60px; }
.margin-70 { margin: 70px; }
.margin-80 { margin: 80px; }

.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }

.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }	
	
}/*end media query*/
/*end desktop only styles*/
/*END OF DOCUMENT*/