/*#section_0 { background-color: #fff; border-top: none; border-bottom: none; background: url(/wp-content/uploads/2020/03/ut-icon-pattern-bg-light.png);} */ /**/ section.widget.text-32.widget_text { width: 100%; text-align:center; padding: 20px 0px; } /**/ #section_0 .colContent { max-width: 44em; } a.orange-link{ color: #C25700 !important; text-decoration: underline !important; } .nestedRow img.nobg-noborder { border: 0px rgba (255,255,255,0) !important; background-color: none !important; } .alert-info, .alert-success, .alert-warning, .alert-danger { color: #333333; color: rgba(0,0,0,0.7); } .alert-info a, .alert-success a, .alert-warning a, .alert-danger a { color: #2f4b63; text-decoration: underline; } body { font-size: 15px; line-height: 1.48; } section.dynamicSection h3 { float: none; margin-top: 0px; } section.dynamicSection.even { border-top: 1px solid #CCCCCA; border-bottom: 1px solid #CCCCCA; } section.dynamicSection.ut_news_widget { border-top-color: #fff; border-bottom-color: #fff; } section.dynamicSection { background-color: #FFF; } section #section_0 { padding-top:0; margin-top:0; } section.ut_news_widget img { background-color: #fff; border: 1px solid #CCCCCA; padding: 4px; border-radius: 4px; margin-top: 1px; } .nestedRow img { background-color: #fff; border: 1px solid #CCCCCA; padding: 4px; border-radius: 4px; } .panel-title { font-size: 15px; } .flexo { display: flex; flex-wrap: wrap; margin: -0.5em; } .flexo > * { flex: 1 0 15em; margin: 0.5em; } .flexo-quad > * { min-width: 18em; } /*.panel-default>.panel-heading { background-color: #F2F2F0; border-color: #CCCCCA; }*/ .panel-heading h4 a { text-decoration: none; } .panel-heading h4 a:hover { text-decoration: none; } /*Requirements H5 styling*/ details > .req-h5 { font-weight: bold; color: #416a8b; } /*Requirements H5 margin EXCEPT the first instance*/ details > .req-h5 ~ .req-h5 { margin-top: 20px; } /* Details accordion styling*/ .main details { user-select: none; border-left: 3px #FF8200 solid; border-bottom: 1px #ddd solid; box-shadow: 0 1px 1px rgba(0,0,0,.05); padding: 12px 15px; margin-bottom: 1em; } .main details:hover{ border-left: 3px solid #0A5771; } .icon-closed { display: inline; } .icon-open { display: none; } details[open] summary span.icon-closed { display: none; } details[open] summary span.icon-open { display: block; } details p { margin-top: 12px; } summary { display: flex; cursor: pointer; justify-content: space-between; align-items: flex-start; } summary::-webkit-details-marker { display: none; } summary .h4{ margin:0; padding-right: 20px; font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",Geneva,"Helvetica Neue",Arial,sans-serif; line-height:1.4; } /*Details Accordion end*/ /*FAQ Styling*/ /*Cursor Hover*/ .faq_styling h4 { font-size: 16px; cursor: pointer; } .faq_styling h4 a { text-decoration: none; background-color: #ffffff; font-family: 'Gotham Narrow'; } .faq_styling li a { cursor: pointer !important; } .faq_styling p a { cursor: pointer !important; } /*Panel Heading Styling*/ div.panel-default.faq_styling>.panel-heading+.panel-collapse>.panel-body { border-top: none; } .faq_styling a.collapsed{ text-decoration: none; color: #444444; } .faq_styling a.collapsed:hover{ text-decoration: none; background: #ffffff; } .faq_styling div.panel-heading h4 a:hover{ color: #444444; } .faq_styling div.panel-heading h4 a:visited{ color: #444444; } .faq_styling .panel-heading h4 a{ text-decoration: none; background-color: #ffffff; color: #444444; } /*Panel Body Styling*/ .faq_styling .panel-heading{ background-color: #ffffff; } div.panel.panel-default.faq_styling{ margin-bottom: 15px; padding-bottom: 0px; border-radius: 0px 0px; border-top: none; border-right: none; border-left: 3px solid #ff8200; } div.panel.panel-default.faq_styling:hover{ border-left: 3px solid #0A5771; /*transform: translateY(-5px);*/ } /* Collapsible Arrows*/ .faq_styling .panel-heading [data-toggle="collapse"]:after { content: "▼"; float: right; } .faq_styling .panel-title [aria-expanded="true"]:after { content: "▲"; float: right; } /*Contact Us Picture container*/ .contact-container { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center; } .contact-entry{ margin: 30px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; } .contact-entry p{ text-align: center; } .contact-entry img { margin-bottom:10px; } /*Contact Us Picture container end*/ /*UT Promise Video container*/ .video-container{ margin: 25px 0px; } /*UT Promise Video container end*/ /*UT Promise Home Video container*/ .home-video-container{ margin: 0px 0px 35px; } /*UT Promise Video container end*/ /*Quiz Panel style*/ .quiz-panel { margin: 0px 0px 35px; } .quiz-panel .panel-body { padding: 35px 20px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; } .quiz-content { width: 50%; } .quiz-panel .panel { margin:0; } .quiz-panel h3 { margin: 0px 0px 15px; font-size: 20px; font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",Geneva,"Helvetica Neue",Arial,sans-serif; } .quiz-panel p { margin: 0px 0px 25px; } .quiz-panel a { font-weight:900; text-shadow:none; background-color: #416a8b; border: 1px #fff solid; color: #fff; } .quiz-panel a:hover { background-color: #0066c0; color: #fff; } .quiz-panel img { width: 100%; max-width: 40%; height: auto; } /*Quiz Panel style end*/ /*Mentor Picture-Button container*/ .mentor-btn-container{ margin: 30px 0px; } .mentor-btn-entry{ display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; } .mentor-btn-container a { font-weight:900; } /*Mentor Picture-btn container end*/ /*Requirements button container*/ .req-btn-container { margin: 30px 0px 0px 0px; } .req-btn-entry { display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; } .req-btn-container a { font-weight:900; } /*Requirements button container end*/ /*Mentor info container*/ .info-container a { font-weight: 900; margin-top: 15px; } /*Mentor info container end*/ /*Mentor Platform Panel*/ .mentor-panel { margin: 35px 0px; display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: flex-start; } .mentor-panel .panel-body { padding: 35px 40px; } .mentor-panel .panel { margin:0; padding:0px; overflow: hidden; border-radius: 7px; background-size: cover; background-image: linear-gradient(45deg, rgba(34,41,67,1), rgba(34,41,67,0.1), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2024/05/utpromise-mentor-panel.jpg'); background-position: 50% 25%; border:none; width: 100%; } .mentor-panel a:hover { background-color: #416a8b; border: 1px #416a8b solid; color: #fff; } .mentor-panel h3 { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; margin: 0px 0px 15px; font-size: 20px; font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",Geneva,"Helvetica Neue",Arial,sans-serif; } .mentor-panel p { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; width: 60%; margin: 0px 0px 25px; } .mentor-panel a { font-weight:900; box-shadow: 1px 2px 4px rgba(0,0,0,0.5); text-shadow:none; background-color: #fff; border: 1px #fff solid; color: #416a8b; } /*Mentor Platform Panel end*/ /*Student Platform Panel*/ .student-panel { margin: 35px 0px; display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: flex-start; } .student-panel .panel-body { padding: 35px 40px; } .student-panel .panel { margin:0; padding:0px; overflow: hidden; border-radius: 7px; background-size: cover; background-image: linear-gradient(45deg, rgba(34,41,67,1), rgba(34,41,67,0.1), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/07/ut-promise_students-portal-panel.jpg'); background-position: center; border:none; width: 100%; } .student-panel a:hover { background-color: #416a8b; border: 1px #416a8b solid; color: #fff; } .student-panel h3 { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; margin: 0px 0px 15px; font-size: 20px; font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",Geneva,"Helvetica Neue",Arial,sans-serif; } .student-panel p { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; width: 60%; margin: 0px 0px 25px; } .student-panel a { font-weight:900; box-shadow: 1px 2px 4px rgba(0,0,0,0.5); text-shadow:none; background-color: #fff; border: 1px #fff solid; color: #416a8b; } /*Student Platform Panel end*/ /*Home Eligible Panel*/ .utpromise-home-panel { margin: 35px 0px; display: flex; flex-flow: column nowrap; align-items: flex-start; justify-content: flex-start; } .utpromise-home-panel .panel-body { padding: 35px 40px; } .utpromise-home-panel .panel { margin:0; padding:0px; overflow: hidden; border-radius: 7px; background-size: cover; background-image: linear-gradient(45deg, rgba(34,41,67,1), rgba(34,41,67,0.1), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/07/ut-promise_home-panel.jpg'); background-position: center; border:none; width: 100%; } .utpromise-home-panel a:hover { background-color: #416a8b; border: 1px #416a8b solid; color: #fff; } .utpromise-home-panel h3 { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; margin: 0px 0px 15px; font-size: 20px; font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans",Geneva,"Helvetica Neue",Arial,sans-serif; } .utpromise-home-panel p { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; width: 50%; margin: 0px 0px 25px; } .utpromise-home-panel a { font-weight:900; box-shadow: 1px 2px 4px rgba(0,0,0,0.5); text-shadow:none; background-color: #fff; border: 1px #fff solid; color: #416a8b; } /*Home Eligible Panel end*/ /*Community Service Tracking*/ .comm-service-container { margin: 30px 0px; } .comm-service-container h3 { margin: 0px 0px 20px; } .comm-service-container h4 { margin: 20px 0px 0px; } /*Community Service Tracking end*/ /*Sponsor Logos styling*/ .sponsor-container { margin: 0; padding: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; } .sponsor-container img { max-width: 250px; } /*Sponsor Logos styling end*/ @media (min-width: 700px) { .page-template-template-layout-builder section h2 { margin-top: 1em; } } .page-template-template-layout-builder footer ul.jetpack-social-widget-list li:before { display: block; width: 11px; height: 11px; border-top: 0px solid #333; border-right: 0px solid #333; border-width: 0px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; top: 13px; left: -6px; } a.social-link { display: inline-flex; align-items: center; color: #212121; font-weight: bold; text-decoration: none; } .social-link:hover, .social-link:focus { color: #565656; } /* Because the icon's dimensions are set with ems, we can affect it's size using font size */ .social-link-icon { font-size: 2.5em; } #ut-custom-menu-widget-22 h3 { font-size: 21px; text-transform: none; } .row.utpromise-bg-gray { background: url(/wp-content/uploads/2019/08/bg-utpromise-light-gray.png) top center no-repeat; background-size: cover; border: 1px solid #ddd; border-radius: 4px; padding: 1em 1em; } .row.utpromise-bg-multi { background: url(/wp-content/uploads/2019/08/bg-utpromise-light-multi.png) center no-repeat; background-size: cover; border: 1px solid #ddd; border-radius: 4px; padding: 1em 1em; } main a.btn{ text-decoration: none; } main a.btn-primary{ color: #fff; } @media (min-width: 700px) { #section_3 div.colContent { width: 100%; background-color: rgba(255,2255,255,0.25); } } .wpfront-message a { color: #2f4b63; } .wpfront-message a:hover { color: #000000; } #wpfront-notification-bar div.wpfront-close { opacity: 60%; } p.inno-graph { max-width: 54em; margin: 0 auto; padding-bottom: 2em; } .border-utk { border: 2px solid #ff8200; } .border-utc { border: 2px solid #e0aa0f; } .border-utm { border: 2px solid #002649; } .border-uthsc { border: 2px solid #006a4d; } .border-utia { border: 2px solid #818c97; } .panel.border-utk a, .panel.border-utc a, .panel.border-utm a, .panel.border-uthsc a, .panel.border-utia a { color: #477397; } .wp-caption-panel { border: 1px solid #fff; } .xtra-top-padd > li { padding-top: 9px; } sup > a { text-decoration: none!important; } dt { display: block; margin-top: 1em; } dd { display: block; padding-bottom: 1em; border-bottom: 1px solid #ccc; } a.btn-home-page { color: #416a8b; } @media screen and (max-width: 768px){ .embed-responsive-viewport { width: 100%; height: 720px; height: 100vh; padding-bottom: 0px; } } @media screen and (max-width: 800px) { .student-panel { align-items: flex-start; justify-content: center; text-align: center; } .student-panel p { width: 100%; } .student-panel .panel { background-image: linear-gradient(45deg, rgba(34,41,67,1), rgba(34,41,67,0.1)), url('http://tennessee.edu/wp-content/uploads/2023/07/ut-promise_students-portal-panel.jpg'); background-position: center; } .utpromise-home-panel { align-items: flex-start; justify-content: center; text-align: center; } .utpromise-home-panel p { width: 100%; } .utpromise-home-panel .panel { background-image: linear-gradient(45deg, rgba(34,41,67,1), rgba(34,41,67,0.1)), url('http://tennessee.edu/wp-content/uploads/2023/07/ut-promise_home-panel.jpg'); background-position: center; } } @media screen and (min-width:601px) and (max-width:899px) { .entry-first { margin-bottom: 35px; } } @media screen and (max-width:600px) { .mentor-btn-container { margin: 35px 0px 0px; } } @media screen and (max-width:900px) { .sponsor-container { flex-flow: column nowrap; align-items: space-between; justify-content: center; } .quiz-panel .panel-body { padding: 35px; flex-flow: column nowrap; align-items: space-between; justify-content: center; text-align: center; } .quiz-panel img { max-width: 100%; } .quiz-content { width: 100%; } } @media screen and (min-width: 1380px){ .breakout-dataviz { z-index: 300; margin: 0 -10%; margin: 0 -8vw; padding-bottom: 76%; } .flexo-xtrawide{ margin-left: -18em; margin-right: -18em; } } .gallery-icon { margin-right: 1em; } /*CAMPUS GUIDES 2023*/ /* GC H3 Styling*/ #cg-h3-styling{ padding-bottom:10px; } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { #cg-h3-styling{ padding-bottom:0px; } } /*GC H3 Styling END*/ /* CG DIVIDER STYLING*/ hr.utk-solid{ border-top: 3px solid #ff8200; max-width: 100px; } hr.utc-solid{ border-top: 3px solid #FDB736; max-width: 100px; } hr.uts-solid{ border-top: 3px solid #C8102E; max-width: 100px; } hr.utm-solid{ border-top: 3px solid #0B2341; max-width: 100px; } hr.uthsc-solid{ border-top: 3px solid #115740; max-width: 100px; } /* CG DIVIDER STYLING END*/ /*Map*/ .utsystem-campus-map{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100%; } .utsystem-campus-map > *{ flex: 1; } .utsystem-campus-map-panel{ height: 100%; min-height: 330px; width: 100%; } .west-campus-map{ padding-right: 10px; align-self: stretch; } .middle-campus-map{ padding-right: 10px; align-self: stretch; } .east-campus-map{ align-self: stretch; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { } @media screen and (max-width: 480px) { .utsystem-campus-map{ display: flex; flex-flow: column-reverse wrap; align-items: center; justify-content: center; width: 100%; } } /*MAP END*/ /* UT Promise "AD" Section*/ .utpromise-cg-section{ padding: 20px 0px 20px 0px; } .utpromise-cg-ad{ display:flex; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .utpromise-cg-section-img { flex-shrink: 1; } } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .utpromise-cg-ad{ flex-flow: column wrap; } } /* UT promise "AD" Section End*/ /*CAMPUS BANNER IMGS*/ .campus-intro-banner { margin-bottom: 30px !important; } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .campus-intro-banner { margin-bottom: 10px !important; } } /*CAMPUS BANNER IMGS END*/ /*CAMPUS TOP STATS - PROFILE*/ .cg-stats-panel{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-evenly; width: 100%; } .cg-stats{ padding-left: 40px; padding-right: 40px; } .cg-stats > *{ flex: 1; } .cg-stats{ height: 100%; max-height: 125px; min-width: 250px; } .cg-stat-1,.cg-stat-2, .cg-stat-3, .cg-stat-4 { align-self: stretch; } @media screen and (max-width: 480px) { .cg-stats-panel{ display: flex; flex-flow: column-reverse wrap; align-items: center; justify-content: center; width: 100%; } } /*CAMPUS TOP STATS - PROFILE END*/ /* UT GUARANTEED ADMISSIONS SECTION*/ .cg-guaranteed-admiss-section{ padding: 20px 0px 20px 0px; } .cg-guaranteed-admiss{ display:flex; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cg-guaranteed-admiss-img { flex-shrink: 1; } } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .cg-guaranteed-admiss { flex-flow: column wrap; } } @media screen and (min-device-width: 300px) and (max-device-width: 820px){ .cg-guaranteed-admiss div:nth-child(2){ margin-bottom: -20px !important; } } /* UT GUARANTEED ADMISSIONS SECTION END*/ /*Big Stat Quote Section*/ .cg-big-stat-section{ Display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding: 80px 0px 80px 0px; } .cg-big-stat{ margin-right: 50px; margin-left: 50px; } .cg-big-stat-txt{ font-size: 42px; text-align: center; width: 50vw; } .uts-sub-stat{ font-size: 22px; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cg-big-stat-section{ Display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding: 60px 0px 60px 0px; } .cg-big-stat-txt{ font-size: 42px; text-align: center; width: 100%; } } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .cg-big-stat-section{ Display: flex; flex-flow: column wrap; align-items: center; justify-content: center; padding: 30px 0px 30px 0px; } .cg-big-stat-txt{ font-size: 25px; text-align: center; width: 100%; } .uts-sub-stat{ font-size: 10px !important; max-width: 100%; } } /*BIG STAT QUOTE END*/ /*CAMPUS CTA PANELS*/ .campus-cta-container{ display: flex; flex-flow: column wrap; align-items: center; justify-content: space-evenly; width: 100%; padding: 20px; } .campus-cta-container p { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; font-size: 30px; margin-bottom:20px; } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .campus-cta-container p { text-shadow: 1px 2px 4px rgba(0,0,0,0.5); color: #fff; margin-bottom: 15px; font-size: 20px; text-align: center; } .campus-cta-panel{ padding: 0px 0px 0px 0px !important; margin-top: 30px !important; } } .campus-cta-container .btn { color: #fff; border-color: #fff; font-size: 18px; border-width: 1.5px; } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .campus-cta-container .btn { color: #fff; border-color: #fff; font-size: 14px; } } .campus-cta-container .btn:hover{ color: #333333; background: #fff; } div.campus-cta-panel{ margin: 30px 0px 30px 0px; } .campus-cta-panel{ padding: 100px 0px 100px 0px; } .utk-cta{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.7), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/SmokeywithFansAtUTKnoxGame.jpg'); background-position: center; border:none; width: 100%; } .utc-cta{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.7), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/UTC-MascotwithMarchingBand-scaled.jpg'); background-position: center; border:none; width: 100%; } .uts-cta{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.7), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/UTSouthern-Students-Graduating.jpg'); background-position: center; border:none; width: 100%; } .utm-cta{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.7), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/UTM-Skyhawk-Mascot-scaled.jpg'); background-position: 50% 30%; border:none; width: 100%; } .uthsc-cta{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.7), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/UTHSC-Students-scaled.jpg'); background-position: 50% 30%; border:none; width: 100%; } /*CAMPUS CTA PANELS END*/ /*ANNUAL COST OF ATTENDANCE TABLE*/ .cg-tuition-costs{ display: flex; flex-flow: row wrap; align-items:flex-end; } table.cost-table { table-layout: fixed; } .cost-flex-container img { padding-top: 0px; } @media screen and (max-device-width: 1024px) { } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .cost-flex-container img { padding-top: 0px; } .cost-flex-container h3 { padding-bottom: 0px !important; margin-top: 0px !important; } } @media screen and (min-device-width: 300px) and (max-device-width:820px) { .cg-tuition-costs-img{ display: none; } div.row.cg-tuition-costs div:nth-child(2){ margin-bottom: -20px !important; } } /*ANNUAL COST OF ATTENDANCE TABLE END*/ /* CAMPUS LIFE SECTION*/ .campus-life-section{ margin-bottom: 50px !important; } /*CAMPUS LIFE SECTION Mobile*/ @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .campus-life-section{ margin-bottom: 10px !important; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cost-flex-container img{ padding-top: 30px; } } /* CAMPUS LIFE SECTION END*/ /*CAMPUS ICONS*/ div.cg-uthsc-icons{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 30px; } div.cg-uthsc-icon-1, div.cg-uthsc-icon-2,div.cg-uthsc-icon-3{ display: flex; flex-direction: row wrap; width: 100%; max-width: 300px; justify-items: space-evenly; align-self: stretch; } .cg-uthsc-icon-panel{ width: 100%; max-width: 500px; height: 100%; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { div.cg-uthsc-icons{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 30px; } div.cg-uthsc-icon-1, div.cg-uthsc-icon-2,div.cg-uthsc-icon-3{ display: flex; flex-direction: row wrap; width: 100%; max-width: 240px; align-self: stretch; } .cg-uthsc-icon-panel{ width: 100%; max-width: 300px; height: 100%; } } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { div.cg-uthsc-icons{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100%; padding-bottom: 30px; } div.cg-uthsc-icon-1, div.cg-uthsc-icon-2,div.cg-uthsc-icon-3{ display: flex; flex-direction: column wrap; width: 100%; max-width: 300px; align-self: stretch; padding-bottom: 15px; } } /*other campus icons*/ .cg-icons-div{ display: flex; flex-flow: row wrap; align-items: center; justify-content: start; width: 100%; } .cg-icon-1, .cg-icon-2,.cg-icon-3{ display: flex; flex-flow: column wrap; align-self: stretch; margin-right: 40px; width: 100%; max-width: 200px; } .cg-icon-panel{ width: 100%; max-width: 500px; height: 100%; } .cg-icon-1 h4, .cg-icon-2 h4, .cg-icon-3 h4{ text-align: center; } /*CAMPUS ICONS Mobile*/ @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .cg-icons-div{ display: flex; flex-flow: row wrap; align-items: center; justify-content: space-evenly; width: 100%; } .cg-icon-1, .cg-icon-2,.cg-icon-3{ display: flex; flex-flow: column wrap; align-self: stretch; margin-right: 40px; width: 100%; max-width: 170px; } } @media screen and (min-device-width: 300px) and (max-device-width: 500px) { .cg-icons-div{ display: flex; flex-flow: column wrap; align-items: center; justify-content: space-evenly; width: 100%; } div.cg-icon-1, div.cg-icon-2, div.cg-icon-3{ display: flex; flex-flow: nowrap; margin-right: 10px; align-self: stretch; width: 100%; max-width: 100%; } .cg-icon-1 img, .cg-icon-2 img,.cg-icon-3 img{ width: 100%; max-width: 125px; } .cg-icon-panel{ width: 100%; max-width: 100%; height: 100%; } .cg-icon-panel .panel-body{ display: flex; flex-flow: nowrap; align-items: center; } .cg-icon-1 h4, .cg-icon-2 h4, .cg-icon-3 h4{ text-align: left; flex-shrink: 1; font-size: 18px; } } /*CAMPUS ICONS END*/ /*CAMPUS ONLINE RESOURCES PANEL*/ .uthsc-resource-panel{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.1), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/TOP100_Ed-Boling_31.jpg'); background-position: 50; border:none; width: 100%; min-height: 190px; } .campus-resources-panel{ background-color: #F3EFEC; border: none; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { .uthsc-resource-panel{ margin:0; overflow: hidden; background-size: cover; background-image: linear-gradient(1deg, rgba(34,41,67,1), rgba(34,41,67,0.1), rgba(0,0,0,0)), url('http://tennessee.edu/wp-content/uploads/2023/11/TOP100_Ed-Boling_31.jpg'); background-position: 50; border:none; width: 100%; min-height: 190px; margin-bottom: 30px; } } /*CAMPUS ONLINE RESOURCES PANEL END*/