﻿body {  }

div#divDebugLog { margin:15px; border-top:solid 2px red;}
div.divDebug { font-size:13pt; }

/*
    body#inner div.wrapper { overflow:hidden; }
*/
div.wrapper { overflow:hidden; }

div.event-info { float:left; clear:both; padding-right:10px; }
div.event-info h6 { margin-top:3px;    }

.counter-inn ul li:after{ right:10px; }
.counter-inn ul li:before{  left:5px; }

section.counter-main h2 { font-size:16pt!important; }
section.counter-main li span { font-size:23pt!important; }

section.about-terrapinn h2 { margin-bottom:15px; }
section.about-terrapinn p { font-size:14pt; margin:15px 0; }


div.testing-about2 p { font-size:14pt; margin:15px 0; }

ul.ContactsListing li { float:left; height:260px; width:274px; padding-right:30px; }


ol { position: relative; margin:10px 0 10px 30px; }
ol li {font-family:'Figtree'; font-size: 14px;    line-height: 1.5;    padding: 0;    margin: 0;    color: #606060;    font-weight: 400;}
ol li p {        font-family: 'Figtree';        font-size: 14px;        line-height: 1.5;        padding: 0;        margin: 0;        color: #606060;        font-weight: 400;    }

div#quick-status {  }
div#quick-status p {font-size:10pt; color: #606060; }
div#quick-status ul { list-style-type: disc; list-style-position: inside; margin-left: 8px; margin-bottom:10px;  }
div#quick-status ul li { margin:0px; font-size:10pt; color:#606060; font-weight:normal; margin-left: 3px; }

section.contact ul li div.individual-contact h3 { font-size:15pt!important; margin-bottom:5px; }

.quick-sendBtn{ float:right; background-color:#FF6D37; border:1px solid transparent; border-radius:15px; font-size:14px; height:29px; line-height:29px; color:#fff; text-transform:uppercase;font-family:'Merlo Round Bold'; font-weight:700; padding:0 36px}
.quick-sendBtn:hover,.quick-sendBtn:focus{ background-color:transparent; color:#fff; border-color:#fff;}

.footer-main{ padding:64px 0 30px; background-color:#003C4D;}
.footer-main .footer-form h4{ margin-bottom:15px; }
footer.footer-main h4 a { color:#fff; }
footer.footer-main h4 a:hover{ color:#ff6c37;}

p#LegalSection { text-align:center; color:#ff6c37; margin-top:30px; }
p#LegalSection a { font-size: 12px; color: #fff; font-family: 'Figtree'; font-weight: 400; position: relative; white-space: nowrap; }
p#LegalSection a:hover{ color:#ff6c37;}
p#LegalSection a:hover:before{ background-color:#ff6c37;}

.EventResults .HasEvents { margin-bottom:45px;   border-radius:20px; background: rgba(255, 255, 255, .75);  }
.EventResults ul {list-style: none; margin-top: 14px; }
.EventResults ul li{ display: inline-block; width: 48%; vertical-align: top; margin-bottom: 42px;}
.EventResults ul li:nth-child(odd){margin-right: 3%;}

.EventResults ul li .event-member{ max-width: 258px; margin-right: 20px; display: inline-block; vertical-align: top;}
.EventResults ul li .event-info { display: inline-block; vertical-align: top; margin-top: 13px;  width:100%; }
.EventResults ul li .event-info ul > li { width: auto; margin-right: 24px; position: relative; margin-bottom: 0;  }
.EventResults ul li .event-info h4{font-family:Figtree; font-size: 24px; color:#003c4d;}
.EventResults ul li .event-info h6{font-family:'Merlo Round Bold'; font-size: 18px; color:#57c2b1;}
.EventResults ul li .event-info p{font-family:'Figtree'; font-size: 18px; color:#000;}
.EventResults ul li .event-info ul > li:after{position: absolute; content: '|'; right: -14px; top:0; bottom: 0; margin: auto; color:#ff6d37; font-size: 18px;}
.EventResults ul li .event-info ul > li:last-child {margin: 0;}
.EventResults ul li .event-info ul > li:last-child:after{display: none;}
.EventResults ul li .event-info ul > li a{font-family:Figtree; font-size: 18px; color:#000;font-size: 400;}
.EventResults ul li .event-info ul > li a:hover{color:#ff6d37;}
.EventResults ul li .event-info img { float:right; padding-left:50px; padding-bottom:10px; }

.EventResults .transform-title h1{ margin-bottom: 68px; padding-bottom: 17px; }
.EventResults .transform-title h2{ font-family:Figtree; font-size: 36px; color:#ff6d37; margin-bottom: 87px; position: relative; }

ul.event-link li a {     text-transform: uppercase; font-size:10pt; }

ul.sbOptions { border-radius:6px; }

ul#Alumni li { border-radius:4px; }
/* ul#Alumni li:hover { border:solid 1px gray; } */
ul#Alumni img { background:#fff; padding:5px; border-radius:4px; }

ul.staff-carousel { max-height:440px!important;  }
ul.staff-carousel div.about-name { padding:10px 0; bottom:40px; }
ul.staff-carousel div.about-name span { font-size:16pt!important;  line-height:100%; }

ul.staff-carousel li { max-height:440px!important; }
ul.staff-carousel li img { max-width:388px!important;  margin:0 auto;}

.about-tr-in-section ul {list-style: none;position: relative;}
.about-tr-in-section ul li{ position: relative; max-width: 190px; width: 100%; margin: 0 30px 30px 0; display: inline-block; vertical-align: top; text-align: center;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.about-tr-in-section ul li:hover{background: #fff;}
.about-tr-in-section ul li:hover a{color:#003C4D;}
.about-tr-in-section ul li:nth-child(3n+3){ margin: 0 0 36px 0;}
.about-tr-in-section ul li a { display:block;font-family:Figtree; background:#fff; border-radius:10px;  font-size: 18px; color:#fff; text-transform: uppercase;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s; padding:  16px 15px 16px;}

div.testing-about p { font-size:12pt!important;   }
section.about-main2 { top:-100px; position:relative; }


.ui-autocomplete { z-index:800; background:#fff; } 
.ui-autocomplete li { font-size:12pt; cursor:pointer; }  
.ui-autocomplete li:hover { overflow:hidden!important; }   

/* SEARCH */
.SearchItem { max-width:982px; margin-bottom:15px; padding:8px; background:#fff; border:solid 1px #DADBDC; overflow:auto; font-size:12pt; } 
.SearchItem div { float:left; }
.SearchItem .Title { float:left; font-weight:bold; }   
.SearchItem .Title b { color:maroon; }
.SearchItem .URL { float:left; display:none; }
.SearchItem .Description { float:left; font-size:smaller; padding-top:10px; overflow:auto; width:80%;  }
.SearchItem .Thumbnail { float:left; clear:left; padding:10px 10px 0 0; }
.SearchItem .Thumbnail img {  max-height:60px; max-width:160px; padding:2px; border:solid 0px #B6B8BA; background:#fff; }
			  
.SearchItem .EvtInfo div { clear:left; }
.SearchItem .EvtInfo { background:#fff; border:solid 0px #EB9207; padding:4px 8px; margin-top:6px; font-size:11pt; }              
.SearchItem .EvtInfo .EvtName { font-weight:bold; }
.SearchItem .EvtInfo .EvtDate { padding:2px 0 0 5px;font-size:smaller; }

div.SearchPaging { font-size:12pt; }
div.error404 p { margin:10px 0; }

div.error404 input#txtSearch { border:solid 1px gray!important; }

/* correct IE alignment issue (not centered) */
img.hover-img {   margin:0 auto;  left:0; right:0;      }


/*
div.logo-main img { background: rgba(42,42,42,0.6); padding:4px 5px 7px 5px; border-radius:4px; }

body#home div.header-top { background: rgba(42,42,42,0.8) }
div.logo-main img { background: none!important; }
*/

/********* EXTRAS *********/

div.EventResults h1 { margin-bottom:30px!important; }
div.EventResults h2 { margin-bottom:50px!important; }
div.EventResults ul li div.event-info { overflow:auto; }
div.EventResults ul>li { clear:both; float:left;  width:100%; }
div.EventResults ul li ul li { float:left; clear:none; }
div.EventResults hr { clear:both; margin-top:25px; }
div.EventResults ul li div.event-info h6 { font-size:18pt; margin:7px 0 5px 0; }

div.EventResults ul li div.event-info h4 { font-size:22pt; }
div.EventResults ul li div.event-info h4 a { color:#003C4D; }
div.EventResults ul li div.event-info p { font-size:18pt; line-height:110%; }
div.EventResults ul li div.event-info p.EDesc { font-size:14pt; line-height:115%; margin-top:10px; }
div.EventResults ul li div.event-info ul li a { font-size:14pt; font-weight:normal!important; }
div.EventResults ul li .event-info ul > li:after { font-size: 14pt; }
div.EventResults ul li div.event-info a img { margin-right:25px; /* margin-top:30px; */ }

/*
div.EventResults ul li div.event-info h4 { font-size:22pt; }
div.EventResults ul li div.event-info h6 { font-size:18pt; margin:10px 0 10px 0; }
div.EventResults ul li div.event-info p { font-size:18pt; line-height:110%; }
div.EventResults ul li div.event-info p.EDesc { font-size:14pt; line-height:115%; margin-top:10px; }
div.EventResults ul li div.event-info ul li a { font-size:14pt; font-weight:normal!important; }
div.EventResults ul li .event-info ul > li:after { font-size: 14pt; }

    */

@media (min-width:640px) {
    body#home a.logo img {
        background: rgba(42,42,42,0.6);
        padding: 4px 5px 7px 5px;
        border-radius: 4px;
        width: 400px !important;
    }

    body#home div.logo-active a.logo img {
        background: none !important;
    }
}

@media (max-width:768px) {
    div.counter-img img { margin: 5px; }
}
 @media (max-width:640px) {
    div.logo-main a img { width:200px!important; }

    div.logo-active a.logo img { width: 200px !important; }

    /*
    div.row { margin-left: 0px; margin-right: 0px;}
    */
    
    body#inner section.banner-main { display:none; }
    body#home section.banner-main { padding-bottom:0px; }

    .EventResults .transform-title h1 { margin-bottom:25px; }
    .EventResults .transform-title h2 { margin-bottom:10px; }


    body#home div.about-title h1 { margin-bottom:25px!important; }
    body#home div.about-title h2 { margin-bottom:0px!important; }
    body#home section.about-terrapinn { bottom:-100px; }

    div.map-name span { font-size:14pt; }

    div#EventResults hr { width:40%; margin:10px auto; clear:both; }
    div.EventResults hr { width:40%; margin:10px auto; clear:both; }

    div#EventResults ul > li { clear:both; width:100%; margin-bottom:0px; }
    div.EventResults ul > li { clear:both; width:100%; margin-bottom:0px; }

    div#EventResults ul ul { width:100%; margin-bottom:20px;  }
    div.EventResults ul ul { width:100%; margin-bottom:20px;  }
    div#EventResults ul ul li { width: auto; min-width: 0; }
    div.EventResults ul ul li { width: auto; min-width: 0; }

    div#EventResults ul li div.event-info { width:100%; }
    div.EventResults ul li div.event-info { width:100%; }
    div#EventResults ul > li div.event-info ul { clear:none; float:left; }

    .EventResults ul li .event-info img { display:none; }
    div#EventResults ul li .event-info img { display:none!important; }

    div.select-wrap div.inputBox { margin-top:10px; }
    
    div.indus-image img { width:80px; }
    div.indus-image h2 { font-size:14pt; }
    
    section.counter-main div.counter-img { max-width:220px; }
}



@media (max-width:400px) {

    div.map-name span { font-size: 10pt; }
    div.indus-image h2 { font-size:12pt; }

    section.about-terrapinn p { font-size:11pt; }

    section.counter-main div.counter-img { max-width:168px; }
}