/* Theme Name: Ramapo College Responsive Theme Theme URI: https://www.ramapo.edu/ Description: The Ramapo College Responsive Theme with the Mega Menu Header Author: Ramapo College Web Team Version: 0.0.0.2 */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper{max-width:1180px;margin:0 auto}.row{margin:0px 0}.row:after{content:' ';display:table;clear:both}.row{margin-left:-2.11864%;clear:both;width:100%2.11864%}.col-lg-1{padding:0 0 0 2.11864%;width:8.33333%;float:left}.col-lg-2{padding:0 0 0 2.11864%;width:16.66667%;float:left}.col-lg-3{padding:0 0 0 2.11864%;width:25%;float:left}.col-lg-4{padding:0 0 0 2.11864%;width:33.33333%;float:left}.col-lg-5{padding:0 0 0 2.11864%;width:41.66667%;float:left}.col-lg-6{padding:0 0 0 2.11864%;width:50%;float:left}.col-lg-7{padding:0 0 0 2.11864%;width:58.33333%;float:left}.col-lg-8{padding:0 0 0 2.11864%;width:66.66667%;float:left}.col-lg-9{padding:0 0 0 2.11864%;width:75%;float:left}.col-lg-10{padding:0 0 0 2.11864%;width:83.33333%;float:left}.col-lg-11{padding:0 0 0 2.11864%;width:91.66667%;float:left}.col-lg-12{padding:0 0 0 2.11864%;width:100%;float:left}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.offset-lg-12{margin-left:100%}[class^='col-delete']:last-of-type{padding-right:0}@media screen and (max-width:768px){.col-md-1{padding:0 0 0 2.11864%;width:8.33333%;float:left}.col-md-2{padding:0 0 0 2.11864%;width:16.66667%;float:left}.col-md-3{padding:0 0 0 2.11864%;width:25%;float:left}.col-md-4{padding:0 0 0 2.11864%;width:33.33333%;float:left}.col-md-5{padding:0 0 0 2.11864%;width:41.66667%;float:left}.col-md-6{padding:0 0 0 2.11864%;width:50%;float:left}.col-md-7{padding:0 0 0 2.11864%;width:58.33333%;float:left}.col-md-8{padding:0 0 0 2.11864%;width:66.66667%;float:left}.col-md-9{padding:0 0 0 2.11864%;width:75%;float:left}.col-md-10{padding:0 0 0 2.11864%;width:83.33333%;float:left}.col-md-11{padding:0 0 0 2.11864%;width:91.66667%;float:left}.col-md-12{padding:0 0 0 2.11864%;width:100%;float:left}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.offset-md-12{margin-left:100%}}@media screen and (max-width:480px){.col-sm-1{padding:0 0 0 2.11864%;width:8.33333%;float:left}.col-sm-2{padding:0 0 0 2.11864%;width:16.66667%;float:left}.col-sm-3{padding:0 0 0 2.11864%;width:25%;float:left}.col-sm-4{padding:0 0 0 2.11864%;width:33.33333%;float:left}.col-sm-5{padding:0 0 0 2.11864%;width:41.66667%;float:left}.col-sm-6{padding:0 0 0 2.11864%;width:50%;float:left}.col-sm-7{padding:0 0 0 2.11864%;width:58.33333%;float:left}.col-sm-8{padding:0 0 0 2.11864%;width:66.66667%;float:left}.col-sm-9{padding:0 0 0 2.11864%;width:75%;float:left}.col-sm-10{padding:0 0 0 2.11864%;width:83.33333%;float:left}.col-sm-11{padding:0 0 0 2.11864%;width:91.66667%;float:left}.col-sm-12{padding:0 0 0 2.11864%;width:100%;float:left}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.offset-sm-12{margin-left:100%}}.swap-content .col-lg-5{width:43.5%}.swap-content .col-lg-7{width:56.5%}html,body{width:100%;font-family:"Oswald",sans-serif;height:100%;min-width:1px!important;-webkit-font-smoothing:antialiased}*{margin:0;padding:0;box-sizing:border-box;border:none}a{text-decoration:none;color:#cb1e1e}strong,b{font-weight:bold}em,i{font-style:italic}img{max-width:100%}.row{position:relative}.wrapper{height:100%;padding:0 2%}.btn{background-color:#cb1e1e;height:42px;line-height:42px;padding:0 40px;margin-bottom:10px;color:#fff;font-family:"Sarabun",sans-serif;font-size:18px;vertical-align:middle;font-weight:300;display:inline-block;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}.btn i{color:#bc8c3e;font-size:.7em;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}.btn:hover{background-color:#a42228;color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}.btn:hover i{color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#page-wrap{position:relative;width:100%;min-height:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}body.open #page-wrap{height:100%;overflow:visible;-ms-transform:translateX(260px);-webkit-transform:translateX(260px);transform:translateX(260px);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;position:fixed}#skrollr-body{position:relative}#topnav{background-color:#25282a;width:100%;height:50px;position:relative;z-index:9999}#topnav .wrapper{background:#25282a}#topnav #top-links ul{list-style:none;height:50px;line-height:50px;float:right}#topnav #top-links ul li{display:inline-block;vertical-align:middle;margin:0 10px;position:relative}#topnav #top-links ul li i{margin:0 4px 0 0;font-size:.8em;-ms-transform:translateY(-2px);-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);transform:translateY(-2px)}#topnav #top-links ul li a:link,#topnav #top-links ul li a:active,#topnav #top-links ul li a:visited{vertical-align:middle;font-size:14px;color:#fff}#topnav #top-links ul li form{position:relative}#topnav #top-links ul li form input[type=text]{color:#fff;font-size:14px;background-color:transparent;border:1px solid #545658;padding:5px 20px 5px 5px;width:147px;height:25px}#topnav #top-links ul li form input::-webkit-input-placeholder,#topnav #top-links ul li form textarea::-webkit-input-placeholder{color:#fff}#topnav #top-links ul li form input:-moz-placeholder{color:#fff}#topnav #top-links ul li form input:-ms-input-placeholder,#topnav #top-links ul li form textarea:-ms-input-placeholder{color:#fff}#topnav #top-links ul li form #submit-link{position:absolute;right:0px;top:0px;z-index:10}#topnav #top-links ul li:last-child{margin:0 0 0 16px}#topnav #top-links ul ul{z-index:99;width:170px;position:absolute;left:-50%;top:49px;height:0;background-color:#711421;overflow:hidden;float:none;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out;text-align:center}#topnav #top-links ul ul li,#topnav #top-links ul ul li:last-child{display:block;width:150px;margin:0 10px}#topnav #top-links ul ul li a,#topnav #top-links ul ul li:last-child a{display:block;width:100%;font-size:14px;line-height:36px}#topnav #top-links ul li:hover ul,#topnav #top-links ul li:focus-within ul{padding:10px 0;height:auto;overflow:visible;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out;text-align:center}#topnav #top-links ul li ul:after{margin:0 0 0 -11px;top:-11px;width:0;height:0;left:50%;content:'';position:absolute;z-index:9999;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #862633;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out}#topnav #top-links ul li.hover ul:after{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #862633}@media screen and (max-width:1023px){#topnav{display:none}#page-wrap{padding-top:67px}.btn{background-color:#cb1e1e;height:28px;line-height:28px;padding:0 15px;margin-bottom:10px;color:#fff;font-family:"Sarabun",sans-serif;font-size:14px;vertical-align:middle;font-weight:300;display:inline-block}.btn i{color:#bc8c3e;font-size:.7em}}#main-nav{background-color:#862633;position:relative;z-index:1000;height:118px}#main-nav .wrapper #logo{background-image:url(../png/logo.png);background-size:192px 64px}#main-nav .wrapper ul li a:link,#main-nav .wrapper ul li a:active,#main-nav .wrapper ul li a:visited{color:#fff}#main-nav .wrapper ul li a:link span,#main-nav .wrapper ul li a:active span,#main-nav .wrapper ul li a:visited span{color:#fff;font-family:"Oswald",sans-serif}@media screen and (max-width:1023px){#main-nav{top:0;height:67px}#main-nav .wrapper #logo{background-image:url(../png/logo.png)}#main-nav .wrapper ul{background-color:#f4f4f4}#main-nav .wrapper ul li a:link,#main-nav .wrapper ul li a:active,#main-nav .wrapper ul li a:visited{color:#fff}#main-nav .wrapper ul li a:link span,#main-nav .wrapper ul li a:active span,#main-nav .wrapper ul li a:visited span{color:#fff}#main-nav .wrapper ul .submenu ul li{background-color:#fff}}#main-nav.merge{position:absolute;height:auto}#main-nav.merge .wrapper #logo{background-image:url(../png/logo.png)}#main-nav.merge .wrapper ul li a:link,#main-nav.merge .wrapper ul li a:active,#main-nav.merge .wrapper ul li a:visited{color:#dad8d8}#main-nav.merge .wrapper ul li a:link span,#main-nav.merge .wrapper ul li a:active span,#main-nav.merge .wrapper ul li a:visited span{color:#fff;font-size:17px;font-weight:bold}@media screen and (max-width:1023px){#main-nav.merge{top:0;height:67px}#main-nav.merge .wrapper #logo{background-image:url(../png/logo.png)}#main-nav.merge .wrapper ul{background-color:#f4f4f4}#main-nav.merge .wrapper ul li a:link,#main-nav.merge .wrapper ul li a:active,#main-nav.merge .wrapper ul li a:visited{color:#2f2f2f}#main-nav.merge .wrapper ul li a:link span,#main-nav.merge .wrapper ul li a:active span,#main-nav.merge .wrapper ul li a:visited span{color:#2f2f2f}#main-nav.merge .wrapper ul .submenu ul li{background-color:#fff}}#main-nav{width:100%;padding:26px 0 0 0}#main-nav .wrapper{position:static}#main-nav .wrapper #logo{float:left;display:inline-block;position:relative;z-index:130;display:block;opacity:1;width:192px;height:64px;background-repeat:no-repeat;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav .wrapper ul{float:right;display:inline-block;list-style:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav .wrapper ul li{display:inline-block;margin:0 14px;vertical-align:middle;z-index:100;line-height:64px}#main-nav .wrapper ul li a:link,#main-nav .wrapper ul li a:active,#main-nav .wrapper ul li a:visited{vertical-align:middle;font-size:18px;text-transform:uppercase;color:#dad8d8;text-decoration:underline;position:relative;z-index:100;vertical-align:middle;display:block;z-index:100;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav .wrapper ul li a:link span,#main-nav .wrapper ul li a:active span,#main-nav .wrapper ul li a:visited span{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}@media screen and (max-width:768px){#main-nav .wrapper ul li a:link,#main-nav .wrapper ul li a:active,#main-nav .wrapper ul li a:visited{font-size:14px}}#main-nav .wrapper ul li .submenu{z-index:99;width:100%;position:absolute;left:0;right:0;top:-5000px;height:0px;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out;text-align:center}#main-nav .wrapper ul li .submenu ul{display:inline-block;width:19%;float:none;margin:40px 0 0 0;padding:0 10px;vertical-align:top;height:0;transition:all .3s ease-in-out .3s;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s;overflow:hidden}#main-nav .wrapper ul li .submenu ul li{position:relative;line-height:33px;text-align:left;display:block;margin:0 0 12px 0;padding:0;text-transform:none}#main-nav .wrapper ul li .submenu ul li a:link,#main-nav .wrapper ul li .submenu ul li a:active,#main-nav .wrapper ul li .submenu ul li a:visited{font-size:15px;font-family:"Sarabun",sans-serif;line-height:18px;text-transform:none;text-decoration:none;overflow:hidden}#main-nav .wrapper ul li .submenu ul li a:hover{text-transform:none}#main-nav .wrapper ul li .submenu ul li.title{font-family:"Oswald",sans-serif;font-size:15px;font-weight:500;color:#3e3e3e;text-transform:uppercase}#main-nav .wrapper ul li .submenu ul li.title a:link,#main-nav .wrapper ul li .submenu ul li.title a:active,#main-nav .wrapper ul li .submenu ul li.title a:visited{color:#3e3e3e!important;font-family:"Oswald",sans-serif;font-size:15px;font-weight:500;text-transform:uppercase}#main-nav .wrapper ul li .submenu ul li.hide-desktop{display:none!important}#main-nav .wrapper ul li .submenu ul li.hide-mobile{display:block}#main-nav .wrapper ul li .submenu ul li.title .third-level{margin:10px 0;display:block;width:100%;padding:0}#main-nav .wrapper ul li .submenu ul li.title .third-level li a{padding:0;color:#862633!important;font-family:"Sarabun",sans-serif;font-size:15px;line-height:18px;text-transform:none}#main-nav .wrapper ul li .submenu ul li.title .third-level li:last-child{border:none}#main-nav .wrapper ul li:last-child{margin:0 0 0 18px}#main-nav .wrapper ul li.has-menu:hover a:link,#main-nav .wrapper ul li.has-menu:hover a:active,#main-nav .wrapper ul li.has-menu:hover a:visited{color:#862633}#main-nav .wrapper ul li.has-menu:hover a:link span,#main-nav .wrapper ul li.has-menu:hover a:active span,#main-nav .wrapper ul li.has-menu:hover a:visited span{color:#862633}#main-nav .wrapper ul li.active .submenu{height:530px;top:0px;padding:116px 0 0 0;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out}#main-nav .wrapper ul li.active .submenu ul{height:400px;transition:all .3s ease-in-out .3s;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s}#main-nav .wrapper ul li.hide-desktop{display:none}#main-nav .wrapper ul li a:hover{cursor:pointer}#main-nav .wrapper ul li.has-menu a.parent:after{margin:0 0 0 -11px;bottom:-26px;width:0;height:0;left:50%;content:'';position:absolute;z-index:101;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;border-left:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent}#main-nav .wrapper ul li.has-menu.active a.parent:after{border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #f1f1f1;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}#main-nav .wrapper #submenu-overlay{background-color:#f1f1f1;width:100%;z-index:50;position:absolute;left:0;right:0;overflow:hidden;top:-5000px;height:0px;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}#main-nav .wrapper #submenu-overlay div{background-color:#fff;height:116px;width:100%;display:block;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}#main-nav.hovered .wrapper ul li a:link,#main-nav.hovered .wrapper ul li a:active,#main-nav.hovered .wrapper ul li a:visited{color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav.hovered .wrapper ul li a:link span,#main-nav.hovered .wrapper ul li a:active span,#main-nav.hovered .wrapper ul li a:visited span{color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav.hovered .wrapper ul li.active a:link,#main-nav.hovered .wrapper ul li.active a:active,#main-nav.hovered .wrapper ul li.active a:visited{color:#862633}#main-nav.hovered .wrapper ul li.active a:link span,#main-nav.hovered .wrapper ul li.active a:active span,#main-nav.hovered .wrapper ul li.active a:visited span{color:#862633}#main-nav.hovered .wrapper #submenu-overlay{height:530px;top:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav.hovered .wrapper #logo{background-image:url(../png/logo2.png);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out}#main-nav.red-border{border-bottom:7px solid #862633}#main-nav #mini-head h1{line-height:62px;padding:0 0 0 33px;vertical-align:middle;display:inline-block;border-left:1px solid #f4f4f4;margin:0 0 0 32px;font-size:36px;font-family:"Oswald",sans-serif;font-weight:300;color:#2f2f2f}#main-nav #mini-head a{float:right;display:inline-block;color:#862633}#main-nav #mini-head .callout{display:inline-block;height:28px;padding:0 19px;font-size:14px;border:1px solid #9b9b9b;line-height:28px;margin:18px 50px 0 0;position:absolute;right:0;top:24px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav #mini-head .callout span{color:#bc8c3e;font-size:10px;margin:0 0 0 5px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav #mini-head .callout:hover{background-color:#bc8c3e;color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav #mini-head .callout:hover span{color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}@media screen and (max-width:768px){#main-nav #mini-head h1{font-size:18px;line-height:72px}}@media screen and (max-width:1024px){#main-nav #mini-head{display:none}}@media screen and (max-width:1023px){#main-nav li.hide-desktop{display:block!important}}.mini-site #main-nav .wrapper ul{display:none}@media screen and (max-width:1023px){#main-nav{background-color:#862633;top:0;padding:15px 0 0 0;height:67px;position:absolute;z-index:500}#main-nav .wrapper #logo{background-image:url(../png/logo.png);background-size:115.5px 38.5px;width:116px;height:39px;float:none;margin:0 auto}#main-nav .wrapper ul{position:absolute;top:0;left:auto;-ms-transform:translateX(-1000px);-webkit-transform:translateX(-1000px);transform:translateX(-1000px);padding:0px 0;background-color:#f4f4f4;width:260px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;overflow:scroll;height:100vh}#main-nav .wrapper ul li{display:block;line-height:49px;border-bottom:1px solid #dddddd;margin:0}#main-nav .wrapper ul li a:link,#main-nav .wrapper ul li a:active,#main-nav .wrapper ul li a:visited{color:#1b1b1b;text-decoration:none;padding:0 15px}#main-nav .wrapper ul li a:link span,#main-nav .wrapper ul li a:active span,#main-nav .wrapper ul li a:visited span{color:#1b1b1b}#main-nav .wrapper ul li a.parent{border-bottom:0px solid #dddddd;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out}#main-nav .wrapper ul li .submenu{position:relative;left:0;right:0;top:0px;bottom:0;height:0px;overflow:hidden}#main-nav .wrapper ul li .submenu .wrapper{padding:0 0px}#main-nav .wrapper ul li .submenu ul{display:block!important;height:auto!important;left:0;width:100%;position:relative;margin:0;padding:0}#main-nav .wrapper ul li .submenu ul li{line-height:49px;display:none;margin:0}#main-nav .wrapper ul li .submenu ul li a:link,#main-nav .wrapper ul li .submenu ul li a:active,#main-nav .wrapper ul li .submenu ul li a:visited{line-height:49px}#main-nav .wrapper ul li .submenu ul li:last-child{border-bottom:1px solid #dddddd}#main-nav .wrapper ul li .submenu ul li.hide-desktop{display:block!important}#main-nav .wrapper ul li .submenu ul li.hide-mobile{display:none!important}#main-nav .wrapper ul li .submenu ul li.hide-desktop,#main-nav .wrapper ul li .submenu ul li.title{display:block}#main-nav .wrapper ul li .submenu ul li.hide-desktop a:link,#main-nav .wrapper ul li .submenu ul li.hide-desktop a:active,#main-nav .wrapper ul li .submenu ul li.hide-desktop a:visited,#main-nav .wrapper ul li .submenu ul li.title a:link,#main-nav .wrapper ul li .submenu ul li.title a:active,#main-nav .wrapper ul li .submenu ul li.title a:visited{color:#862633!important;font-size:14px;font-family:"Sarabun",sans-serif;text-transform:none;text-decoration:none;overflow:hidden}#main-nav .wrapper ul li .submenu ul li.hide-desktop a:hover,#main-nav .wrapper ul li .submenu ul li.title a:hover{color:#862633!important}#main-nav .wrapper ul li .submenu ul li.title .third-level{margin:0px 0}#main-nav .wrapper ul li .submenu ul li.title .third-level li a{padding:0 15px 0 25px;line-height:49px}#main-nav .wrapper ul li .submenu ul li.title .third-level li:last-child{border:none}#main-nav .wrapper ul li:last-child{margin:0 0 0 0px;border:none}#main-nav .wrapper ul li.active .submenu{height:0px;top:0px;padding:0px 0 0 0;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out}#main-nav .wrapper ul li.active .submenu ul{height:auto;transition:all .3s ease-in-out .3s;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s}#main-nav .wrapper ul li.clicked{border:none}#main-nav .wrapper ul li.clicked a.parent{border-bottom:1px solid #dddddd;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out}#main-nav .wrapper ul li.clicked .submenu{height:auto;top:0px;padding:0px 0 0 0;transition:height 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out}#main-nav .wrapper ul li.clicked .submenu ul{height:auto;transition:all .3s ease-in-out .3s;-webkit-transition:all .3s ease-in-out .3s;-moz-transition:all .3s ease-in-out .3s}#main-nav .wrapper ul li.has-menu{background-color:#f4f4f4}#main-nav .wrapper ul li.has-menu a.parent:after{margin:0 0 0 0px;bottom:0px;width:49px;height:49px;left:auto;right:0px;content:'';position:absolute;z-index:101;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;background-image:url(../png/plus.png);background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:11px 11px}#main-nav .wrapper ul li.has-menu.active a.parent:after{border:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav .wrapper ul li.clicked a.parent:after{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;background-image:url(../png/minus.png);background-size:11px 11px}#main-nav .wrapper ul a.parent-sub:after{margin:0 0 0 0px;bottom:0px;width:49px;height:49px;left:auto;right:0px;content:'';position:absolute;z-index:101;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;background-image:url(../png/plus.png);background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:11px 11px}#main-nav .wrapper ul li.has-menu.active a.parent-sub:after{border:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav .wrapper ul li.spacer{height:49px}#main-nav .wrapper ul .submenu li.clicked a.parent-sub:after{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;background-image:url(../png/minus.png);background-size:11px 11px}#main-nav .wrapper ul .submenu li.clicked .third-level li{display:block!important}#main-nav .wrapper ul li#mobile-search{background-color:#862633;height:67px}#main-nav .wrapper ul li#mobile-search form{position:relative}#main-nav .wrapper ul li#mobile-search form input[type=text]{color:#fff;font-size:14px;background-color:transparent;border:0px solid #c68080;padding:0px 20px 0px 15px;width:200px;height:42px;margin:22px 0 0 0}#main-nav .wrapper ul li#mobile-search form input::-webkit-input-placeholder,#main-nav .wrapper ul li#mobile-search form textarea::-webkit-input-placeholder{color:#fff;opacity:1!important}#main-nav .wrapper ul li#mobile-search form input:-moz-placeholder{color:#fff;opacity:1!important}#main-nav .wrapper ul li#mobile-search form input:-ms-input-placeholder,#main-nav .wrapper ul li#mobile-search form textarea:-ms-input-placeholder{color:#fff;opacity:1!important}#main-nav .wrapper ul li#mobile-search form #submit-link-mobile{position:absolute;right:0px;top:17px;z-index:10;color:#fff}#main-nav.hovered .wrapper ul li a:link,#main-nav.hovered .wrapper ul li a:active,#main-nav.hovered .wrapper ul li a:visited{color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav.hovered .wrapper ul li a:link span,#main-nav.hovered .wrapper ul li a:active span,#main-nav.hovered .wrapper ul li a:visited span{color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#main-nav.hovered .wrapper ul li.active a:link,#main-nav.hovered .wrapper ul li.active a:active,#main-nav.hovered .wrapper ul li.active a:visited{color:#862633}#main-nav.hovered .wrapper ul li.active a:link span,#main-nav.hovered .wrapper ul li.active a:active span,#main-nav.hovered .wrapper ul li.active a:visited span{color:#862633}#main-nav.hovered .wrapper #submenu-overlay{display:none}#main-nav.open .wrapper{padding:0}#main-nav.open .wrapper ul{overflow:auto;height:100vh;-webkit-overflow-scrolling:touch;display:block;position:absolute;-ms-transform:translateX(-260px);-webkit-transform:translateX(-260px);transform:translateX(-260px)}#main-nav.open .wrapper ul ul{-ms-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}#scroll-nav{display:none}}#scroll-nav{position:fixed;z-index:99999;top:0px;padding:0px 0 0 0;width:100%;height:0px;overflow:hidden;background-color:#fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-box-shadow:0px 1px 12px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 12px 0px rgba(0,0,0,0.2);box-shadow:0px 1px 12px 0px rgba(0,0,0,0.2)}#scroll-nav .wrapper{position:static}#scroll-nav .wrapper #logo2{float:left;display:inline-block;position:relative;z-index:130;margin:7px 0 0 0;display:block;opacity:1;width:35px;height:35px;background-image:url(../png/arch-sm.png);background-repeat:no-repeat;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#scroll-nav .wrapper ul{float:right;display:inline-block;list-style:none}#scroll-nav .wrapper ul li{display:inline-block;margin:0 10px;vertical-align:middle;z-index:100;line-height:50px}#scroll-nav .wrapper ul li a:link,#scroll-nav .wrapper ul li a:active,#scroll-nav .wrapper ul li a:visited{vertical-align:middle;font-size:15px;color:#d8bcbc;text-transform:uppercase;text-decoration:underline;position:relative;z-index:100;vertical-align:middle;display:block;z-index:100;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#scroll-nav .wrapper ul li a:link span,#scroll-nav .wrapper ul li a:active span,#scroll-nav .wrapper ul li a:visited span{color:#862633;font-family:"Sarabun",sans-serif;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out}#scroll-nav .wrapper ul li:last-child{margin:0 0 0 10px}#scroll-nav .wrapper ul li:hover a:link,#scroll-nav .wrapper ul li:hover a:active,#scroll-nav .wrapper ul li:hover a:visited{color:#862633}#scroll-nav .wrapper ul li:hover a:link span,#scroll-nav .wrapper ul li:hover a:active span,#scroll-nav .wrapper ul li:hover a:visited span{color:#862633}#scroll-nav.is-scrolled{height:50px}#home-slideshow{width:100%;height:660px;position:relative;z-index:1}#home-slideshow .slide{background-size:cover;width:100%;height:660px;background-position:center center;z-index:1!important}#home-slideshow .slide .slide-wrap{overflow:hidden;margin:0 auto;width:100%;max-width:1180px;position:relative;top:50%;z-index:110;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit--webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-moz--webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}#home-slideshow .slide .slide-wrap a.btn{transition:none;-webkit-transition:none;-moz-transition:none}#home-slideshow .slide .slide-wrap h1{width:100%;padding:0 0 0 45%;font-weight:bold;font-size:68px;text-transform:uppercase;color:#fff;line-height:60px;margin:0 0 20px 0;z-index:110;position:relative}#home-slideshow .slide .slide-wrap p{width:100%;padding:0 0 0 45%;font-size:20px;line-height:26px;margin:0 0 20px 0;font-family:"Sarabun",sans-serif;color:#fff;font-weight:300;z-index:110;position:relative}#home-slideshow .slide:after{position:absolute;top:0;left:0;width:100%;background-image:url(../png/hero_overlay.png);background-repeat:repeat-x;height:100%;content:'';z-index:1}#home-slideshow .cycle-pager{position:absolute;z-index:110;bottom:20px;text-align:center;width:100%;margin:0 auto;text-align:center}#home-slideshow .cycle-pager span{width:10px;height:10px;color:#fff;font-size:55px;cursor:pointer}#home-slideshow .cycle-pager span.cycle-pager-active{color:#bc8c3e}#home-slideshow #prev,#home-slideshow #next{position:absolute;z-index:110;top:50%;margin:-10px 0 0 0;color:#fff;font-size:30px;cursor:pointer}#home-slideshow #prev{left:5%}#home-slideshow #next{right:5%}@media screen and (max-width:1024px){#home-slideshow .slide .slide-wrap h1{font-size:48px;line-height:52px;margin:0 0 20px 0}}@media screen and (max-width:768px){.wrapper{padding:0 2%}#home-slideshow{height:312px;top:0px}#home-slideshow .slide{height:312px}#home-slideshow .slide .slide-wrap{padding:0 15px}#home-slideshow .slide .slide-wrap h1{padding:0 0 0 0;font-size:34px;line-height:30px;margin:0 0 20px 0}#home-slideshow .slide .slide-wrap p{padding:0 0 0 0;font-size:14px;line-height:18px;margin:0 0 20px 0}#home-slideshow .cycle-pager{bottom:0px}#home-slideshow .cycle-pager span{width:10px;height:10px;color:#fff;font-size:35px;cursor:pointer}#home-slideshow #prev,#home-slideshow #next{font-size:15px;top:auto;bottom:15px}#home-slideshow #prev{left:25%}#home-slideshow #next{right:25%}}#breadcrumbs{background-color:#f7f7f5;z-index:999}#breadcrumbs .wrapper{background-color:#f7f7f7;padding:13px 2% 7px 2%}#breadcrumbs .wrapper p{font-size:14px;color:#2f2f2f;font-family:"Sarabun",sans-serif}#breadcrumbs .wrapper p a:link,#breadcrumbs .wrapper p a:active,#breadcrumbs .wrapper p a:visited{color:#862633}#breadcrumbs .wrapper h1,#content-block h1{font-size:32px;line-height:44px;color:#2f2f2f;font-weight:300;font-family:"Oswald",sans-serif}#breadcrumbs .wrapper h1 span{display:none;font-size:.7em;margin:15px 0 0 0;cursor:pointer;z-index:10}#breadcrumbs .wrapper h1 span .fa-circle{color:#bc8c3e}#breadcrumbs .wrapper h1 span .fa-minus{display:none}#breadcrumbs .wrapper h1 span .fa-stack-1x{top:1px}#breadcrumbs .wrapper ul{display:none;position:absolute;z-index:9999;left:0;background-color:#862633;width:100%;list-style:none;margin:0}#breadcrumbs .wrapper ul li{padding:0 0%;font-family:"Oswald",sans-serif;line-height:50px;position:relative;margin:0}#breadcrumbs .wrapper ul li:not(:first-child){border-top:1px solid #9c2323}#breadcrumbs .wrapper ul li a{color:#fff;padding:0 3%;display:block}#breadcrumbs .wrapper ul li ul.submenu{display:none;position:relative;top:auto;background-color:#581414}#breadcrumbs .wrapper ul li ul.submenu li a{padding:0 6%}#breadcrumbs .wrapper ul li ul.submenu li:first-child{border:none}#breadcrumbs .wrapper ul li ul.submenu li{border-top:1px solid #794343}#breadcrumbs .wrapper ul li.menu-item-has-children{cursor:pointer}#breadcrumbs .wrapper ul li.menu-item-has-children>a:after{position:absolute;right:20px;top:0px;content:'\f067'; font-family: FontAwesome; color: #fff; z-index: 10; } #breadcrumbs .wrapper ul li.clicked > a:after { content: '\f068'; } #breadcrumbs .wrapper #bc-menu li.clicked ul.submenu.menu-depth-1, #breadcrumbs .wrapper #bc-menu li ul.submenu.menu-depth-1 li.clicked ul.menu-depth-2 { display: block; } @media screen and (max-width: 768px) { #breadcrumbs { border: none; } #breadcrumbs .wrapper { padding: 0; line-height: 58px; vertical-align: middle; } #breadcrumbs .wrapper p { display: none; } #breadcrumbs .wrapper h1, #content-block h1 { line-height: 24px; vertical-align: middle; font-size: 22px; margin: 0 3% 0 3%; padding: 17px 50px 17px 0; position: relative; z-index: 10; } #breadcrumbs .wrapper h1 span { display: inline-block; position: absolute; right: 0; top: 50%; margin: -14px 0 0 0; } } @media screen and (max-width: 400px) { #breadcrumbs .wrapper h1, #content-block h1 { height: auto; position: relative; top: 50%; } } .panel { width: 100%; position: relative; z-index: 998; } .panel .wrapper { padding: 40px 40px 64px 40px; } .panel .wrapper .row { padding: 0 0 20px 0%; } .panel .wrapper h2 { font-size: 32px; line-height: 44px; color: #2f2f2f; font-weight: 300; font-family: "Oswald", sans-serif; margin: 0 0 10px 0; } .panel .wrapper p { font-size: 15px; line-height: 22px; color: #2f2f2f; font-weight: 300; font-family: "Sarabun", sans-serif; margin: 0 0 10px 0; } .panel .wrapper ul { margin: 15px 0 15px 15px; } .panel .wrapper ul li { font-size: 15px; line-height: 22px; color: #862633; font-weight: 300; font-family: "Sarabun", sans-serif; margin: 0 0 5px 0; } .panel .wrapper ul li span { color: #2f2f2f; } .panel .wrapper .social li span { color: #fff; } .panel .wrapper #trigger ul { margin: 0; padding: 10px 0; } .panel .wrapper .person { text-align: center; } .panel .wrapper .person div { max-width: 329px; margin: 0 auto; } .panel .wrapper .person div img { width: 100%; } .panel .wrapper .person div h4 { color: #bc8c3e; font-size: 14px; text-transform: uppercase; border-bottom: 1px dotted #606060; text-align: left; font-weight: 300; margin: 10px 0; padding: 0 0 10px 0; } .panel .wrapper .person div h2 { text-align: left; font-size: 24px; line-height: 28px; color: #000; margin: 10px 0 10px 0; } .panel .wrapper .person div h2 a { color: #fff; } .panel .wrapper .person div .title { text-align: left; color: #000; font-size: 14px; line-height: 24px; font-weight: 500; text-transform: uppercase; } .panel .wrapper .person div p { color: #000; text-align: left; } .panel .wrapper .person div p a { color: #cb1e1e; text-transform: uppercase; } .panel .wrapper .page { text-align: center; } .panel .wrapper .page div { max-width: 329px; margin: 0 auto; } .panel .wrapper .page div img { width: 100%; } .panel .wrapper .page div h3 { color: #862633; font-size: 28px; line-height: 26px; font-weight: 300; font-family: "Oswald", sans-serif; text-align: left; margin: 10px 0; } .panel .wrapper .page div p { color: #2f2f2f; font-family: "Sarabun", sans-serif; font-size: 14px; line-height: 18px; margin: 0; text-align: left; } .panel .wrapper .page div p a { color: #c41e1e; text-transform: uppercase; } .panel .card { text-align: center; } .panel .card a { font-size: 18px; padding: 17px; display: block; text-align: center; border: 1px solid #d5d5d5; width: 100%; color: #2f2f2f; font-weight: bold; max-width: 325px; margin: 0 auto; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -moz-box-shadow: 2px 2px 3px #f2f2f2; -webkit-box-shadow: 2px 2px 3px #f2f2f2; box-shadow: 2px 2px 3px #f2f2f2; } .panel .card a img { display: block; margin: 0 auto 17px auto; position: relative; z-index: 5; width: 64px; height: 64px; } .panel .card a:after { position: absolute; width: 64px; height: 64px; content: ''; background-color: #862633; z-index: 1; top: 18px; left: 50%; border-radius: 32px; margin: 0 0 0 -32px; } .panel .card a:hover { background-color: #f4f4f4; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel .card a:hover:after { background-color: #bc8c3e; } .panel #news-slideshow .slide { width: 100%; text-align: center; } .panel #news-slideshow .slide .item { width: 44%; margin: 0 3%; float: left; display: inline-block; text-align: left; } .panel #news-slideshow .slide .item a { color: #cb1e1e; font-size: 24px; line-height: 30px; } .panel #news-slideshow .slide .item a img { display: block; } .panel #news-slideshow .slide .item a span { display: block; max-width: 460px; margin: 20px 0; font-weight: 300; } .panel #news-slideshow .cycle-pager { text-align: center; width: 100%; margin: 20px 0 0 0; } .panel #news-slideshow .cycle-pager span { cursor: pointer; font-size: 55px; margin: 0 1px; color: #fff; } .panel #news-slideshow .cycle-pager .cycle-pager-active { color: #bc8c3e; } .panel #calendar-slideshow .slide { width: 100%; text-align: center; } .panel #calendar-slideshow .slide .cal-item { width: 27%; margin: 0 3%; float: left; display: inline-block; text-align: left; } .panel #calendar-slideshow .slide .cal-item .date { float: left; width: 40%; background-color: #750505; height: 115px; position: relative; font-family: "Oswald", sans-serif; vertical-align: middle; } .panel #calendar-slideshow .slide .cal-item .date p { top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .panel #calendar-slideshow .slide .cal-item .date span.month { color: #fff; font-size: 22px; font-weight: 500; display: block; text-align: center; line-height: 24px; } .panel #calendar-slideshow .slide .cal-item .date span.day { font-size: 50px; color: #fff; font-weight: 500; display: block; text-align: center; line-height: 50px; } .panel #calendar-slideshow .slide .cal-item .info { float: left; width: 60%; background-color: #862633; height: 115px; position: relative; padding: 0 15px 0 22px; } .panel #calendar-slideshow .slide .cal-item .info p { top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .panel #calendar-slideshow .slide .cal-item .info a { font-family: "Sarabun", sans-serif; font-size: 18px; line-height: 18px; color: #fff; font-weight: 300; display: block; } .panel #calendar-slideshow .slide .cal-item .info span { font-family: "Sarabun", sans-serif; font-size: 14px; line-height: 18px; color: #fff; font-weight: 500; display: block; margin: 10px 0 0 0; } .panel #calendar-slideshow .slide .cal-item .full { width: 100%; background-color: #cb1e1e; text-align: center; height: 115px; } .panel #calendar-slideshow .slide .cal-item .full a { font-family: "Oswald", sans-serif; font-size: 22px; line-height: 22px; color: #fff; font-weight: 300; display: block; top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .panel #calendar-slideshow .slide .cal-item .full a i { color: #bc8c3e; font-size: 0.6em; transition: all 0.3s ease-in-out 0s; } .panel #calendar-slideshow .slide .cal-item a { color: #cb1e1e; font-size: 24px; line-height: 30px; } .panel #calendar-slideshow .slide .cal-item a img { display: block; } .panel #calendar-slideshow .slide .cal-item a span { display: block; max-width: 460px; margin: 20px 0; font-weight: 300; } .panel #calendar-slideshow .cycle-pager { text-align: center; width: 100%; margin: 0px 0 0 0; } .panel #calendar-slideshow .cycle-pager span { cursor: pointer; font-size: 55px; margin: 0 1px; color: #f4f4f4; } .panel #calendar-slideshow .cycle-pager .cycle-pager-active { color: #bc8c3e; } .panel #faqs-slideshow { /*min-height: 148px; */ min-height: 110px} .panel #faqs-slideshow .slide { width: 100%; text-align: center; } .panel #faqs-slideshow .slide .faq-item { width: 27%; margin: 0 3%; float: left; display: inline-block; text-align: left; border: 1px solid #c56464; } .panel #faqs-slideshow .slide .faq-item .icon { float: left; width: 20%; background-color: #f4f4f4; /*height: 148px;*/ height:110px; position: relative; font-family: "Oswald", sans-serif; vertical-align: middle; text-align: center; } .panel #faqs-slideshow .slide .faq-item .icon .fa { margin: 20px 0 0 0; color: #cb1e1e; font-size: 1.3em; } .panel #faqs-slideshow .slide .faq-item .info { float: left; width: 80%; background-color: #fff; /*height: 148px;*/ height: 110px; position: relative; padding: 20px 15px 0 22px; } .panel #faqs-slideshow .slide .faq-item .info p { position: relative; margin: 0; height: 100%; } .panel #faqs-slideshow .slide .faq-item .info a.q { font-family: "Oswald", sans-serif; font-size: 18px; line-height: 22px; color: #862633; font-weight: 300; display: block; } .panel #faqs-slideshow .slide .faq-item .info a.cat { font-family: "Oswald", sans-serif; font-size: 17px; line-height: 26px; color: #cb1e1e; font-weight: 300; display: block; position: absolute; left: 0; bottom: 10px; } .panel #faqs-slideshow .slide .faq-item a { color: #cb1e1e; font-size: 24px; line-height: 30px; } .panel #faqs-slideshow .slide .faq-item a img { display: block; } .panel #faqs-slideshow .slide .faq-item a span { display: block; max-width: 460px; margin: 20px 0; font-weight: 300; } .panel #faqs-slideshow .cycle-pager { text-align: center; width: 100%; margin: 0px 0 0 0; display: none; } .panel #faqs-slideshow .cycle-pager span { cursor: pointer; font-size: 55px; margin: 0 1px; color: #f4f4f4; } .panel #faqs-slideshow .cycle-pager .cycle-pager-active { color: #bc8c3e; } .panel #person-slideshow { width: 100%; } .panel #person-slideshow .cycle-pager { text-align: center; width: 100%; margin: 0px 0 0 0; position: absolute; bottom: 0px; } .panel #person-slideshow .cycle-pager span { cursor: pointer; font-size: 55px; margin: 0 1px; color: #fff; } .panel #person-slideshow .cycle-pager .cycle-pager-active { color: #bc8c3e; } .panel #person-slideshow.desktop { width: 100%; } .panel #person-slideshow.desktop .person { visibility: visible !important; position: relative !important; } .panel #person-slideshow.desktop .cycle-pager { display: none; } .panel #page-slideshow { width: 100%; } .panel #page-slideshow .cycle-pager { text-align: center; width: 100%; margin: 0px 0 0 0; position: absolute; bottom: 0px; } .panel #page-slideshow .cycle-pager span { cursor: pointer; font-size: 55px; margin: 0 1px; color: #fff; } .panel #page-slideshow .cycle-pager .cycle-pager-active { color: #bc8c3e; } .panel #page-slideshow.desktop { width: 100%; } .panel #page-slideshow.desktop .cycle-pager { display: none; } @media screen and (min-width: 769px) { .panel #page-slideshow.desktop .page { position: relative !important; visibility: visible !important; } } @media screen and (max-width: 1024px) { .panel .card a { min-height: 157px; } .panel #faqs-slideshow .slide .faq-item .info a.q { font-size: 15px; line-height: 18px; } .panel #faqs-slideshow .slide .faq-item .info a.cat { font-size: 13px; line-height: 15px; } } @media screen and (max-width: 1024px) { .panel #calendar-slideshow .slide .cal-item { width: 100%; margin: 0 0 10px 0; } } @media screen and (max-width: 768px) { .panel .wrapper { padding: 25px 10px; } .panel .wrapper h2 { font-size: 24px; line-height: 22px; font-weight: 300; } .panel .wrapper p { font-size: 14px; line-height: 18px; font-weight: 300; } .panel .wrapper #person-slideshow { min-height: 450px; } .panel .wrapper #person-slideshow .person { position: absolute !important; } .panel .wrapper #person-slideshow .person div h2 { font-size: 22px; line-height: 26px; } .panel .wrapper #person-slideshow .person div h4 { font-size: 13px; } .panel .wrapper #person-slideshow .person div .title, .panel .wrapper #person-slideshow .person div p { line-height: 18px; font-size: 13px; } .panel .wrapper #person-slideshow .cycle-pager { display: block !important; } .panel .wrapper #page-slideshow { min-height: 380px; } .panel .wrapper #page-slideshow .page { position: absolute !important; } .panel .wrapper #page-slideshow .page div h2 { font-size: 22px; line-height: 26px; } .panel .wrapper #page-slideshow .page div h4 { font-size: 13px; } .panel .wrapper #page-slideshow .page div .title, .panel .wrapper #page-slideshow .page div p { line-height: 18px; font-size: 13px; } .panel .wrapper #page-slideshow .cycle-pager { display: block !important; } .panel #calendar-slideshow .slide .cal-item { width: 100%; margin: 0 0 10px 0; } .panel #calendar-slideshow .slide .cal-item .info span { font-size: 13px; line-height: 15px; } .panel #calendar-slideshow .slide .cal-item .info a { font-size: 14px; line-height: 16px; } .panel #faqs-slideshow .slide .faq-item { width: 100%; margin: 0 0 10px 0; background-color: #f4f4f4; } .panel #faqs-slideshow .slide .faq-item .icon { height: auto; } .panel #faqs-slideshow .slide .faq-item .info { height: auto; padding: 20px 15px 20px 22px; } .panel #faqs-slideshow .slide .faq-item .info p { position: relative; margin: 0; height: 100%; } .panel #faqs-slideshow .slide .faq-item .info a.q { font-size: 18px; line-height: 22px; } .panel #faqs-slideshow .slide .faq-item .info a.cat { font-size: 15px; line-height: 18px; position: relative; left: auto; bottom: auto; } .panel .card { padding: 0; } .panel .card a { margin: 3%; width: auto; } } @media screen and (max-width: 480px) { .panel .wrapper .row { padding: 0; } .panel #news-slideshow { padding: 0 0 0px 0; } .panel #news-slideshow .slide { width: 100%; text-align: center; } .panel #news-slideshow .slide .item { width: 94%; margin: 0 3%; float: left; display: inline-block; text-align: left; } .panel #news-slideshow .cycle-pager { position: relative; bottom: 0px; } } .panel.grey { background-color: #F3F3F1; text-align: center; } .panel.red-border { border-bottom: 7px solid #862633; } .panel.red-border .wrapper { background-color: #fff; } .panel.red-border-small { border-bottom: 5px solid #862633; } .panel.red-border-small .wrapper { background-color: #fff; } .panel.pull-up { overflow: visible; } .panel.pull-up .wrapper { top: -10px; /* top: -32px; */ position: relative; padding-top: 20px; } @media screen and (max-width: 768px) { .panel.pull-up { max-height: 2000px; } .panel.pull-up .wrapper { top: 0px; } } .panel.light-grey { background-color: #363636; } .panel.dark-grey { background-color: #2b2b2b; } .panel.white { background-color: #f4f4f4; } .panel.title { text-align: center; height: 80px; line-height: 79px; } .panel.title .wrapper { padding: 0; } .panel.title .wrapper h2 { font-size: 20px; font-weight: 300; vertical-align: middle; height: 79px; line-height: 74px; text-transform: uppercase; display: inline-block; margin: 0; } .panel.title .wrapper h2 img { vertical-align: middle; margin: 0 5px; -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); transform: translateY(-3px); } .panel.title .wrapper .callout { display: inline-block; height: 34px; padding: 0 19px; font-size: 14px; border: 1px solid #9b9b9b; line-height: 28px; margin: 0px 30px 0 0; position: absolute; right: 0; top: 24px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.title .wrapper .callout span { color: #bc8c3e; font-size: 10px; margin: 0 0 0 5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.title .wrapper .callout:hover { background-color: #bc8c3e; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.title .wrapper .callout:hover span { color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } @media screen and (max-width: 768px) { .panel.title .wrapper h2 { font-size: 18px; line-height: 72px; } .panel.title .wrapper .callout { display: none; } } .panel.slideshow .wrapper { padding: 40px 40px 40px 40px; } .panel.title.light-grey .wrapper h2 { color: #fff; } .panel.title.light-grey .wrapper .callout { color: #fff; } .panel.title.white .wrapper h2 { color: #862633; } .panel.title.white .wrapper .callout { color: #cb1e1e; border: 1px solid #aaaaaa; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.title.white .wrapper .callout:hover { background-color: #bc8c3e; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.title.white .wrapper .callout:hover span { color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.reduce-pad-bot .wrapper { padding: 40px 40px 20px 40px; } .panel.title.red { background-color: #581414; } .panel.title.red .wrapper { /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#581414+0,90211f+50,581414+100 */ background: #581414; /* Old browsers */ background: -moz-linear-gradient(left, #581414 0%, #90211f 50%, #581414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581414), color-stop(50%, #90211f), color-stop(100%, #581414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #581414 0%, #90211f 50%, #581414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #581414 0%, #90211f 50%, #581414 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #581414 0%, #90211f 50%, #581414 100%); /* IE10+ */ background: linear-gradient(to right, #581414 0%, #90211f 50%, #581414 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#581414', endColorstr='#581414',GradientType=1 ); /* IE6-9 */ } .panel.title.red .wrapper h2 { color: #fff; } .panel.title.red .wrapper .callout { color: #fff; border: 1px solid #ac8a8a; } .panel.gallery .wrapper { padding: 0; max-width: 100%; } .panel.gallery .wrapper .row { padding: 0; } .panel.gallery .wrapper .row div { padding: 0; } .panel.gallery .wrapper .row div img { width: auto; height: auto; vertical-align: bottom; } .panel.gallery .wrapper .cycle-slideshow { width: 100%; } .panel.gallery .wrapper #prev-gal, .panel.gallery .wrapper #next-gal { position: absolute; z-index: 110; top: 50%; margin: -10px 0 0 0; color: #fff; font-size: 30px; cursor: pointer; } .panel.gallery .wrapper #prev-gal { left: 5%; } .panel.gallery .wrapper #next-gal { right: 5%; } .panel.faq-slideshow { background-size: cover; background-repeat: no-repeat; } .panel.faq-slideshow .cycle-prev, .panel.faq-slideshow .cycle-next { position: absolute; top: 50%; margin: 0px 0 0 0; z-index: 9999; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .panel.faq-slideshow .cycle-prev i, .panel.faq-slideshow .cycle-next i { color: #fff; font-size: 60px; } .panel.faq-slideshow .cycle-prev { left: 5%; } .panel.faq-slideshow .cycle-next { right: 5%; } .panel.faq-slideshow .wrapper { padding: 88px 64px; } .panel.faq-slideshow .wrapper .row { padding: 0; } @media screen and (max-width: 768px) { .panel.faq-slideshow .wrapper { padding: 44px 44px; } .panel.faq-slideshow .wrapper .row { padding: 0; } .panel.faq-slideshow .cycle-prev, .panel.faq-slideshow .cycle-next { display: none; } .panel.faq-slideshow .cycle-prev { left: 5%; } .panel.faq-slideshow .cycle-next { right: 5%; } .panel.faq-slideshow .cycle-pager { display: block !important; } } .panel.callout { margin: 5px 0 0 0; z-index: 999; } .panel.callout .wrapper { padding: 0; max-width: 100%; } .panel.callout .wrapper .row { padding: 0; } .panel.callout .wrapper .row .callout { height: 399px; width: 100%; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; } .panel.callout .wrapper .row .callout div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .panel.callout .wrapper .row .callout h3 { color: #fff; font-size: 32px; line-height: 48px; font-weight: 300; max-width: 60%; margin: 0 auto 30px auto; text-transform: uppercase; } .panel.callout .wrapper .row .callout h3.no-italic { font-style: normal; } .panel.callout .wrapper .row .callout:after, .panel.callout-small .wrapper .row .callout:after { content: '';width:100%;height:100%;position:absolute;z-index:-1;left:0;top:0}@media screen and (max-width:768px){.panel.callout .wrapper .row .callout{height:356px}.panel.callout .wrapper .row .callout h3{font-size:26px;line-height:30px}}.panel.callout-large .wrapper .row .callout{height:502px}.panel.callout-small .wrapper .row .callout{height:300px}.panel.callout-large,.panel.callout-small{margin:0px 0 0 0}.panel.callout-large .wrapper,.panel.callout-small .wrapper{padding:0;max-width:100%}.panel.callout-large .wrapper .row,.panel.callout-small .wrapper .row{padding:0}.panel.callout-large .wrapper .row .callout,.panel.callout-small .wrapper .row .callout{width:100%;position:relative;z-index:1}red-box .panel.callout-large .wrapper .row .callout h3,.panel.callout-small .wrapper .row .callout h3{color:#fff;font-size:32px;line-height:48px;font-weight:300;max-width:60%;margin:0 auto 30px auto}.panel.callout-large .wrapper .row .red-box,.panel.callout-small .wrapper .row .red-box{width:50%;margin:60px 0 0 0;padding-top:25px}.panel.callout-large .wrapper .row .red-box h1,.panel.callout-small .wrapper .row .red-box h1{color:#25282a;font-size:50px;font-style:normal;line-height:55px;max-width:100%;padding-bottom:25px;font-family:"Oswald",sans-serif;text-align:left;text-transform:uppercase}@media screen and (max-width:1024px){.panel.callout-small .wrapper .row .red-box{padding:20px}}@media screen and (max-width:768px){.panel.callout-large .wrapper .row .callout,.panel.callout-small .wrapper .row .callout{height:250px}.panel.callout-large .wrapper .row .callout h1,.panel.callout-small .wrapper .row .callout h1{font-size:26px;line-height:30px}.panel.callout-large .wrapper .row .red-box,.panel.callout-small .wrapper .row .red-box{width:90%;margin:0 auto;float:none;padding:25px}.panel.callout-large .wrapper .row .red-box h1,.panel.callout-small .wrapper .row .red-box h1{font-size:40px;padding-bottom:5px;margin:20px 0 15px 0}}.panel.callout.swaps{margin:0px 0 0 0}.panel.callout.swaps .wrapper .row .callout{height:380px}.panel.callout.swaps .wrapper .row .callout p{color:#fff;font-size:15px;line-height:20px;font-family:"Sarabun",sans-serif;max-width:640px;margin:0 auto}.panel.callout.swaps .wrapper .row .callout #trigger{background-color:#fff;display:inline-block;margin:0 auto;line-height:49px;vertical-align:middle;position:relative;overflow:visible;margin:20px 0}.panel.callout.swaps .wrapper .row .callout #trigger a{font-size:24px;font-weight:300;color:#cb1e1e;font-family:"Oswald",sans-serif;padding:0 0 0px 15px;border:1px solid #cb1e1e;line-height:49px;display:block}.panel.callout.swaps .wrapper .row .callout #trigger a span{border-left:1px solid #cb1e1e;display:inline-block;text-align:center;padding:0 15px;margin:0 0 0 10px}.panel.callout.swaps .wrapper .row .callout #trigger a i{font-weight:300;font-size:.7em;color:#bc8c3e}@media screen and (max-width:768px){.panel.callout.swaps .wrapper .row .callout #trigger a{font-size:21px}}.panel.callout.swaps .wrapper .row .callout #trigger ul{display:none;position:absolute;z-index:9999;top:51px;width:100%;background-color:#fff;border:1px solid #cb1e1e;border-top:none;list-style:none}.panel.callout.swaps .wrapper .row .callout #trigger ul li{text-align:left;padding:0 10px;cursor:pointer}#hero-slideshow.panel .wrapper{padding:0;max-width:100%}#hero-slideshow.panel .cycle-slideshow{height:300px}#hero-slideshow.panel .slide{width:100%;text-align:center;height:100%}#hero-slideshow.panel .slide div.img{background-size:cover;height:100%}#hero-slideshow.panel .slide div.copy{background-color:#cb1e1e;height:100%}#hero-slideshow.panel .slide div.copy div{top:50%;max-width:75%;position:relative;z-index:110;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#hero-slideshow.panel .slide div.copy div h2{color:#fff;text-align:left;border-bottom:1px solid #e58f8f;padding-bottom:15px;text-transform:uppercase;font-weight:700}#hero-slideshow.panel .slide div.copy div p{color:#fff;text-align:left}#hero-slideshow.panel .cycle-pager{text-align:center;width:100%;margin:0px 0 0 0;position:absolute;z-index:101;bottom:0%}#hero-slideshow.panel .cycle-pager span{cursor:pointer;font-size:55px;margin:0 1px;color:#fff}#hero-slideshow.panel .cycle-pager .cycle-pager-active{color:#bc8c3e}@media screen and (max-width:768px){#hero-slideshow.panel .cycle-slideshow{height:350px}#hero-slideshow.panel .cycle-slideshow div.img{height:35%}#hero-slideshow.panel .cycle-slideshow div.copy{height:65%}#hero-slideshow.panel .cycle-slideshow div.copy div{max-width:94%;margin:0 auto}#hero-slideshow.panel .cycle-slideshow div.copy div h2{font-size:20px;line-height:24px}#hero-slideshow.panel .cycle-slideshow div.copy div p{font-size:13px;line-height:18px}}.panel.swap-content{display:none}.panel.swap-content .wrapper{padding:40px 40px 0px 40px}.panel.swap-content .wrapper .row h3{color:#862633;font-size:26px;line-height:26px;font-weight:300;font-family:"Oswald",sans-serif;text-align:left}.panel.swap-content .wrapper .row p{text-align:left}.panel.swap-content .wrapper .row ul.cols{border-top:1px dotted #919191;border-bottom:1px dotted #919191;padding:20px 0;margin:20px 0;list-style:none}.panel.swap-content .wrapper .row ul.cols li{display:inline-block;max-width:49%;width:49%;text-align:left;margin:10px 0}.panel.swap-content .wrapper .row ul.cols li a{color:#cb1e1e;font-size:17px;line-height:26px;font-weight:300;font-family:"Sarabun",sans-serif}.panel.swap-content .wrapper .row ul.cols li a:before{font-family:FontAwesome;content:"\f054"; color: #bc8c3e; font-size: .7em; margin-right: 5px; } .panel.swap-content .wrapper .row ul.cols.left li { display: block; max-width: 98%; width: 98%; text-align: left; margin: 10px 0; } @media screen and (max-width: 768px) { .panel.swap-content .wrapper .row h3 { font-size: 22px; line-height: 24px; margin: 10px 0; } .panel.swap-content .wrapper .row .col-lg-5 { width: 100%; } .panel.swap-content .wrapper .row .col-lg-7 { width: 100%; } } .panel.tabs #tabs { text-align: center; border-bottom: 5px solid #862633; } .panel.tabs #tabs .wrapper { padding: 0; } .panel.tabs #tabs a { display: inline-block; vertical-align: middle; height: 58px; font-family: "Oswald", sans-serif; font-size: 18px; color: #862633; border: 1px solid #dfdfdf; padding: 0 21px; border-collapse: collapse; position: relative; margin-left: -5px; border-right: none; max-width: 225px; vertical-align: middle; } .panel.tabs #tabs a span { top: 50%; display: block; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .panel.tabs #tabs a:last-child { border-right: 1px solid #dfdfdf; } .panel.tabs #tabs a.active { color: #2f2f2f; background-color: #f4f4f4; } .panel.tabs #tabs a.active:after { margin: 0 0 0 -8px; bottom: -1px; width: 0; height: 0; left: 50%; content: ''; position: absolute; z-index: 101; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #862633; } .panel.tabs #tab-content { margin: 0 auto; max-width: 1180px; } .panel.tabs #tab-content div { display: none; padding: 45px 0; max-width: 80%; margin: 0 auto; } .panel.tabs #tab-content div h3 { color: #862633; font-size: 28px; line-height: 30px; margin: 0 0 20px 0; padding: 0; font-family: "Oswald", sans-serif; font-weight: 300; } .panel.tabs #tab-content div p { font-family: "Sarabun", sans-serif; font-weight: 300; font-size: 17px; line-height: 26px; } .panel.tabs #tab-content div.active { display: block; } @media screen and (max-width: 768px) { .panel.tabs #tabs a { display: block; width: 100%; max-width: 100%; margin: 0; border-bottom: 0; height: 40px; padding: 0 3%; } } .panel.ln-section .wrapper { padding: 40px; } .panel.ln-section .wrapper .row h3 { color: #862633; font-size: 26px; line-height: 44px; font-weight: 300; font-family: "Oswald", sans-serif; text-align: left; } .panel.ln-section .wrapper .row h3:first-child { line-height: 26px; height: 44px; } .panel.ln-section .wrapper .row ul.subnav { list-style: none; } .panel.ln-section .wrapper .row ul.subnav li { border-top: 1px solid #f4f4f4; line-height: 49px; vertical-align: middle; display: block; } .panel.ln-section .wrapper .row ul.subnav li a { line-height: 26px; vertical-align: middle; display: block; font-size: 17px; font-family: "Sarabun", sans-serif; color: #862633; padding: 15px; } .panel.ln-section .wrapper .row ul.subnav li a i { color: #bebebe; font-size: 0.7em; margin-right: 10px; } .panel.ln-section .wrapper .row ul.subnav li:last-child { border-bottom: 1px solid #f4f4f4; } .panel.ln-section .wrapper .row .btn-col a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; background-color: #cb1e1e; display: block; text-align: center; color: #fff; height: 38px; line-height: 38px; padding: 0 10px; margin: 10px 0; font-size: 18px; font-family: "Sarabun", sans-serif; } .panel.ln-section .wrapper .row .btn-col a i { color: #bc8c3e; font-size: .6em; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.ln-section .wrapper .row .btn-col a:hover { background-color: #bc8c3e; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .panel.ln-section .wrapper .row .btn-col a:hover i { color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } @media screen and (max-width: 768px) { .panel.ln-section .wrapper .row h3 { font-size: 22px; line-height: 24px; margin-bottom: 10px; } } .panel.ln-section .wrapper .row.no-padding { padding: 0; } .panel.ln-section .wrapper .row.no-padding .btn-col a { margin: 10px 0 0 0; } .panel.footer { background-color: #25282a; } .panel.footer .wrapper .row { padding: 0; } .panel.footer .wrapper .row p { font-size: 14px; color: #fff; line-height: 30px; font-family: "Sarabun", sans-serif; } .panel.footer .wrapper .row ul { list-style: none; } .panel.footer .wrapper .row ul li { font-size: 14px; color: #fff; line-height: 24px; font-family: "Sarabun", sans-serif; } .panel.footer .wrapper .row ul li a:link, .panel.footer .wrapper .row ul li a:active, .panel.footer .wrapper .row ul li a:visited { color: #fff; text-decoration: none; } .panel.footer .wrapper .row ul.social li { vertical-align: bottom; } .panel.footer .wrapper .row ul.social li a { vertical-align: bottom; } .panel.footer .wrapper .row ul.social li a .text { margin-top: 5px; vertical-align: bottom; } .panel.footer .wrapper .row ul.border li { display: block; } .panel.footer .wrapper .row .col-lg-3 { position: relative; } .panel.footer .wrapper .row .col-lg-3 img { max-width: 166px; } .panel.footer .wrapper .row .col-lg-3 .logo-foot { margin-bottom: 24px; } .panel.footer .wrapper .row .col-lg-3 div { position: absolute; top: 0; right: 0; } .panel.footer .wrapper .row .col-lg-3 div a { background-color: #cb1e1e; height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px; color: #fff; line-height: 30px; font-family: "Sarabun", sans-serif; vertical-align: middle; font-weight: 300; display: block; margin: 0 0 15px 0; } .panel.footer .wrapper .row .col-lg-3 div a i { color: #fff; font-size: .7em; } @media screen and (max-width: 1000px) { .panel.footer .wrapper .row .col-lg-3 div { position: relative; } .panel.footer .wrapper .row .col-lg-3 div a { display: inline-block; } } .panel.footer .wrapper .row .col-lg-3 .fa-lg { font-size: 1em; } .panel.footer .wrapper .row .col-lg-3 .fa-inverse { color: #862633; } .panel.footer .wrapper .row .col-lg-3 .border { border-left: 1px solid #545658; padding: 0 0 0 20px; } .panel.footer .wrapper .row .col-lg-3 .hide-mobile { padding: 15px 0; } @media screen and (max-width: 768px) { .panel.footer .wrapper .row .hide-mobile { display: none; } .panel.footer .wrapper .row .col-lg-3 .logo-foot { margin-bottom: 5px; } .panel.footer .wrapper .row .col-lg-3 .fa-lg { font-size: 1.4em; vertical-align: bottom; } .panel.footer .wrapper .row .col-lg-3 .fa-stack-1x { top: 1px; } .panel.footer .wrapper .row .col-md-6 { padding: 0 4%; } .panel.footer .wrapper .row .col-md-6 img { max-width: 100%; } .panel.footer .wrapper .row p { font-size: 11px; line-height: 16px; margin: 0; } .panel.footer .wrapper .row ul li { font-size: 11px; line-height: 20px; display: inline-block; } .panel.footer .wrapper .row ul li a .text { display: none; } .panel.footer .wrapper .row ul.social { text-align: center; margin-top: 20px; } } .panel.copyright { background-color: #862633; } .panel.copyright .wrapper { padding: 25px 40px 0 40px; } .panel.copyright .wrapper .row { padding: 0 0 10px 0; } .panel.copyright .wrapper .row p { color: #fff; font-size: 14px; font-family: "Sarabun", sans-serif; text-align: center; display: block; } .panel.copyright .wrapper .row p a { color: #fff; text-decoration: underline; } @media screen and (max-width: 480px) { .panel.copyright .wrapper .row p { font-size: 10px; line-height: 12px; } } #menu-toggle { display: none; position: absolute; top: 17px; left: 15px; z-index: 999; width: 27px; height: 32px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #menu-toggle text { font-style: none !important; position: absolute; bottom: 0; width: 100%; top: 24px; font-size: 12px; color: #fff; font-family: "Oswald", sans-serif; } #menu-toggle #t-close { display: none; } #menu-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #DAC094; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } @media screen and (max-width: 1023px) { #menu-toggle { display: block; } } #menu-toggle.open #t-menu { display: none; } #menu-toggle.open #t-close { display: block; } #menu-toggle span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #menu-toggle span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #menu-toggle span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #menu-toggle.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 7px; } #menu-toggle.open span:nth-child(2) { width: 0%; opacity: 0; } #menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 19px; left: 7px; } @media screen and (max-width: 768px) { .hide-mid { display: none; } } #content-panel { width: 100%; position: relative; z-index: 998; } #content-panel .wrapper { padding: 32px 2%; margin: 0 auto; max-width: 1180px; } #content-panel .wrapper #main-row { margin: 0; } #content-panel .wrapper #left-nav { width: 22%; padding: 0; } #content-panel .wrapper #left-nav .block { margin: 0 0 10% 0; display: block; width: 100%; } #content-panel .wrapper #left-nav .block ul { list-style: none; border-top: 1px solid #dfdfdf; } #content-panel .wrapper #left-nav .block ul li { font-size: 17px; line-height: 50px; border-bottom: 1px solid #dfdfdf; height: auto; vertical-align: middle; width: 100%; padding: 0 0 5px 15px; position: relative; } #content-panel .wrapper #left-nav .block ul li a { text-decoration: none; line-height: 20px !important; display: inline-block; vertical-align: middle; } #content-panel .wrapper #left-nav .block ul li:not(.current-menu-item) a { color: #862633; } #content-panel .wrapper #left-nav .block ul li.current-menu-item a { color: #2f2f2f; } #content-panel .wrapper #left-nav .block ul li .fa, #content-panel .wrapper #left-nav .block ul li span:first-child { color: #ababab; font-size: 1em; } #content-panel .wrapper #left-nav .block ul li ul { margin: 0 0 15px 10px; border: none; } #content-panel .wrapper #left-nav .block ul li ul li.active { padding-left: 10px; } #content-panel .wrapper #left-nav .block ul li ul li.active a, #content-panel .wrapper #left-nav .block ul li ul li.active span { color: #2f2f2f; } #content-panel .wrapper #left-nav .block ul li ul li.active span:before { position: absolute; content: '-'; left: 0; top: 0; } #content-panel .wrapper #left-nav .block ul li ul li.active ul li a { color: #cb1e1e; } #content-panel .wrapper #left-nav .block ul li ul li.active ul li.active a { color: #2f2f2f; } #content-panel .wrapper #left-nav .block ul li ul li { border: none; line-height: 26px; padding-left: 10px; } #content-panel .wrapper #left-nav .block ul li ul li a { color: #cb1e1e; } #content-panel .wrapper #left-nav .block ul li ul li a:before { position: absolute; content: '-'; left: -5px; top: 0; font-weight: bold; } #content-panel .wrapper #left-nav .block ul li ul li ul { margin: 15px 0; } #content-panel .wrapper #left-nav .block ul li ul li ul li { line-height: 18px; } #content-panel .wrapper #left-nav .block ul li ul li ul li a { font-size: 14px; color: #cb1e1e; } #content-panel .wrapper #left-nav .block ul li.menu-item ul.submenu li a { color: #cb1e1e; } #content-panel .wrapper #left-nav .block ul li.menu-item ul.submenu li.current-menu-item > a, #content-panel .wrapper #left-nav .block ul li.menu-item ul.submenu li.current-menu-ancestor > a, #content-panel .wrapper #left-nav .block ul li.menu-item ul.submenu li.current-menu-item a:before { color: #2f2f2f; } #content-panel .wrapper #left-nav .block h3 { color: #862633; font-size: 18px; line-height: 22px; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-family: "Oswald", sans-serif; text-transform: uppercase; margin-bottom: 10px; } #content-panel .wrapper #left-nav .block .block-content { padding: 20px 17px; border-bottom: 1px solid #dfdfdf; } #content-panel .wrapper #left-nav .block .block-content h4 { font-weight: 300; font-family: "Sarabun", sans-serif; color: #862633; font-size: 18px; line-height: 22px; margin: 0; } #content-panel .wrapper #left-nav .block .block-content p { margin: 10px 0; color: #2f2f2f; font-size: 14px; line-height: 16px; font-family: "Sarabun", sans-serif; } #content-panel .wrapper #left-nav .block .block-content .events .event { display: inline-block; width: 100%; clear: both; /*height: 43px;*/ margin: 0 0 15px 0; } #content-panel .wrapper #left-nav .block .block-content .events .event .date { display: inline-block; width: 20%; margin: 0 5% 0 0; background-color: #862633; text-align: center; padding: 6px 3px; float: left; vertical-align: top } #content-panel .wrapper #left-nav .block .block-content .events .event .date span { color: #fff; display: block; font-size: 11px; } #content-panel .wrapper #left-nav .block .block-content .events .event .date span.day { font-size: 18px; } #content-panel .wrapper #left-nav .block .block-content .events .event p { display: inline-block; margin: 0; float: left; width: 65%; top: 50%; position: relative; z-index: 110; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } #content-panel .wrapper #left-nav .block .block-content .events .event:last-of-type { margin: 0; } #content-panel .wrapper #left-nav .block .block-content.no-pad { padding: 10px 0; } #content-panel .wrapper #left-nav .block .block-content.no-pad p { margin: 0; } #content-panel .wrapper #content-block { width: 78%; padding: 0 0 0 40px; } #content-panel .wrapper #content-block #page-hero { margin: 0 0 30px 0; } #content-panel .wrapper #content-block #page-hero .col-lg-12 { padding: 0; } #content-panel .wrapper #content-block h2 { font-size: 30px; line-height: 35px; margin: 20px 0; padding: 0; font-family: "Sarabun", sans-serif; color: #862633; font-weight: bold; } #content-panel .wrapper #content-block h3 { font-size: 26px; line-height: 35px; margin: 20px 0; padding: 0; font-family: "Sarabun", sans-serif; color: #000; font-weight: bold; } #content-panel .wrapper #content-block h3.callout { background-color: #f4f4f4; padding: 40px 30px; font-family: "Sarabun", sans-serif; font-size: 24px; font-weight: 300; line-height: 30px; text-align: center; } #content-panel .wrapper #content-block h4 { font-size: 24px; line-height: 32px; margin: 0 0 20px 0; padding: 0; font-family: "Oswald", sans-serif; color: #862633; } #content-panel .wrapper #content-block p { font-size: 17px; font-family: "Sarabun", sans-serif; line-height: 26px; color: #2f2f2f; margin: 20px 0; } #content-panel .wrapper #content-block ul li, #content-panel .wrapper #content-block ol li { font-size: 17px; font-family: "Sarabun", sans-serif; line-height: 26px; color: #2f2f2f; margin: 10px 0; } #content-panel .wrapper #content-block .btn-col a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; background-color: #c41e1e; display: block; text-align: center; color: #fff; height: 38px; line-height: 38px; padding: 0 0px; margin: 10px 0; font-size: 17px; font-family: "Sarabun", sans-serif; } #content-panel .wrapper #content-block .btn-col a i { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; color: #bc8c3e; font-size: .6em; } @media screen and (max-width: 1024px) { #content-panel .wrapper #content-block .btn-col a span { display: none; } } #content-panel .wrapper #content-block .btn-col a:hover { background-color: #bc8c3e; color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } #content-panel .wrapper #content-block .btn-col a:hover i { color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } #content-panel .wrapper #content-block .divider { text-align: center; position: relative; margin: 20px auto; z-index: 1; display: block; clear: both; width: 100%; /*float: left;*/ } #content-panel .wrapper #content-block .divider img { width: 23px; height: 23px; } #content-panel .wrapper #content-block .divider:after { display: block; width: 100%; content: ''; border-top: 1px solid #D7D2CB; position: absolute; top: 12px; left: 0; height: 0px; z-index: -1; } /*#content-panel .wrapper #content-block table { width: 100%; display: table; margin: 40px 0; padding: 0; border-collapse: collapse; text-align: left; } #content-panel .wrapper #content-block table tr { width: 100%; } #content-panel .wrapper #content-block table th { background-color: #862633; font-family: "Sarabun", sans-serif; font-size: 18px; line-height: 20px; padding: 15px; color: #fff; border: 1px solid #862633; border-bottom: none; border-collapse: collapse; font-weight: 300; } #content-panel .wrapper #content-block table td { padding: 15px; font-family: "Sarabun", sans-serif; font-size: 15px; line-height: 24px; color: #2f2f2f; border: 1px solid #dddddd; border-collapse: collapse; font-weight: 300; } #content-panel .wrapper #content-block table tr:nth-child(even) td { background-color: #f5f5f5; } #content-panel .wrapper #content-block table tbody { width: 100%; } #content-panel .wrapper #content-block table:last-of-type { margin: 40px 0 20px 0; }*/ #content-panel .wrapper #content-block .con-card { border: 1px solid #e8e8e8; width: 100%; padding: 25px 30px; margin: 20px 0 0px 0; } #content-panel .wrapper #content-block .con-card h3 { font-size: 22px; line-height: 26px; font-family: "Oswald", sans-serif; font-weight: 300; margin: 0; } #content-panel .wrapper #content-block .con-card p { font-size: 15px; font-family: "Sarabun", sans-serif; line-height: 20px; color: #2f2f2f; margin: 20px 0; } #content-panel .wrapper #content-block .con-card a { color: #cb1e1e; font-size: 15px; } @media screen and (max-width: 600px) { /*#content-panel .wrapper #content-block table thead { display: none; } #content-panel .wrapper #content-block table tr { margin-bottom: 10px; display: block; border-bottom: 1px solid #ccc; } #content-panel .wrapper #content-block table td { display: block; text-align: right; border-bottom: 1px solid #ccc; } #content-panel .wrapper #content-block table td:last-child { border-bottom: 0; } #content-panel .wrapper #content-block table td:before { content: attr(data-label); float: left; font-weight: bold; }*/ } #content-panel .wrapper #content-block .con-card:hover { background-color: #f4f4f4; } #content-panel .wrapper #content-block .accordions { margin: 20px 0; clear: both; display: block; } #content-panel .wrapper #content-block .accordions div.item { border: 1px solid #dfdfdf; padding: 20px; border-bottom: none; } #content-panel .wrapper #content-block .accordions div.item p.question { margin: 0; font-size: 18px; color: #2f2f2f; line-height: 30px; font-family: "Sarabun", sans-serif; cursor: pointer; } #content-panel .wrapper #content-block .accordions div.item p.question span { font-size: 11px; } #content-panel .wrapper #content-block .accordions div.item p.question span .fa-circle { color: #bc8c3e; } #content-panel .wrapper #content-block .accordions div.item p.question span .fa-minus { display: none; } #content-panel .wrapper #content-block .accordions div.item > div { display: none; padding-top: 20px; } #content-panel .wrapper #content-block .accordions div.item div p { font-size: 17px; color: #2f2f2f; line-height: 26px; font-family: "Sarabun", sans-serif; } #content-panel .wrapper #content-block .accordions div.item div ul.half { display: inline-block; float: left; width: 45%; margin: 0 0 0 5%; list-style: none; } #content-panel .wrapper #content-block .accordions div.item div ul.half li a span { color: #bc8c3e; } #content-panel .wrapper #content-block .accordions div.item:last-child { border-bottom: 1px solid #dfdfdf; } @media screen and (max-width: 768px) { #content-panel .wrapper #content-block h3 { line-height: 30px; margin: 20px 0; } #content-panel .wrapper #content-block .accordions div.item { padding: 10px; } #content-panel .wrapper #content-block .accordions div.item p.question { line-height: 20px; font-size: 17px; } #content-panel .wrapper #content-block .accordions div.item div ul.half { display: block; float: none; width: 100%; margin: 0 0 30px 0; } } @media screen and (max-width: 768px) { #content-panel { overflow: hidden; } #content-panel .wrapper { padding: 0 3%; } #content-panel .wrapper #main-row { display: -webkit-box; /* Initiate flexbox */ display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-box-orient: vertical; /* Establishes the direction of reordering - we want the y-axis */ -webkit-box-orient: vertical; -ms-box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; } #content-panel .wrapper #left-nav { width: 100%; -moz-box-ordinal-group: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #content-panel .wrapper #left-nav ul#left-nav-ul { display: none; } #content-panel .wrapper #left-nav .block { margin: 0 0 25px 0; display: block; width: 100%; } #content-panel .wrapper #content-block { width: 100%; padding: 0; -moz-box-ordinal-group: 1; -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #content-panel .wrapper #content-block p { font-size: 17px; line-height: 26px; margin: 0 0 20px 0; } #content-panel .wrapper #content-block .divider { margin: 10px auto; } #content-panel .wrapper #content-block #page-hero { padding: 0; width: 107%; margin: 0 0 20px 0; -ms-transform: translateX(-3%); -webkit-transform: translateX(-3%); transform: translateX(-3%); } #content-panel .wrapper #content-block #page-hero div { padding: 0; } #content-panel .wrapper #content-block #page-hero div img { width: 100%; } /*#content-panel .wrapper #content-block table td { display: block; width: 100%; padding: 10px 15px; border: none; }*/ #content-panel .wrapper #content-block .con-card { margin: 0 0 10px 0; } #content-panel .wrapper #content-block .con-card h3 { font-size: 21px; line-height: 23px; } #content-panel .wrapper #content-block .con-card p { font-size: 14px; line-height: 18px; margin: 10px 0; } #content-panel .wrapper #content-block .btn-col a { font-size: 17px; } } .clearfix:after { content: ""; display: table; clear: both; } #calendar-slideshow { text-align: center; } .pager-wrap { display: inline-block; text-align: center; margin: 0 auto; position: relative; } .pager-wrap .fa { display: none; cursor: pointer; } .pager-wrap .fa-angle-left { position: absolute; left: -20px; bottom: 13px; font-size: 40px; color: #dedede; } .pager-wrap .fa-angle-left:hover { color: #bc8c3e; } .pager-wrap .fa-angle-right { position: absolute; right: -20px; bottom: 13px; font-size: 40px; color: #dedede; } .pager-wrap .fa-angle-right:hover { color: #bc8c3e; } #sub_sections .fa { display: none; cursor: pointer; } #sub_sections .fa-angle-left { color: #fff !important; bottom: 28px; left: -50px; } #sub_sections .fa-angle-right { color: #fff; bottom: 28px; right: -50px; } @media screen and (max-width: 768px) { .pager-wrap .fa { display: block; } } #content-panel .wrapper #content-block #tabs { text-align: center; border-bottom: 5px solid #862633; padding: 20px 0 0 0; clear: both; } #content-panel .wrapper #content-block #tabs .wrapper { padding: 0; font-size: 0px; } #content-panel .wrapper #content-block #tabs li { display: inline-block; vertical-align: middle; height: 58px; font-family: "Oswald", sans-serif; font-size: 18px; color: #862633; list-style: none; margin: 0 0 0 -5px; border: 1px solid #dfdfdf; border-collapse: collapse; position: relative; border-right: none; max-width: 212px; vertical-align: middle; } #content-panel .wrapper #content-block #tabs a { display: inline-block; vertical-align: middle; height: 57px; font-family: "Oswald", sans-serif; font-size: 18px; color: #862633; padding: 0 20px; border: 1px solid #dfdfdf; border-collapse: collapse; position: relative; max-width: 212px; vertical-align: middle; } #content-panel .wrapper #content-block #tabs a span { top: 50%; display: block; position: relative; z-index: 110; text-transform: uppercase; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #content-panel .wrapper #content-block #tabs li:last-child { border-right: 1px solid #dfdfdf; } #content-panel .wrapper #content-block #tabs a.active { color: #2f2f2f; background-color: #f4f4f4; } #content-panel .wrapper #content-block #tabs a.active:after { margin: 0 0 0 -8px; bottom: -1px; width: 0; height: 0; left: 50%; content: ''; position: absolute; z-index: 101; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #862633; } #content-panel .wrapper #content-block #tab-content { margin: 0 auto; max-width: 1180px; } #content-panel .wrapper #content-block #tab-content div.content { display: none; padding: 45px 0; max-width: 100%; margin: 0 auto; } #content-panel .wrapper #content-block #tab-content div.content h3 { color: #862633; font-size: 28px; line-height: 30px; margin: 0 0 20px 0; padding: 0; font-family: "Oswald", sans-serif; font-weight: 300; } #content-panel .wrapper #content-block #tab-content div.content p { font-family: "Sarabun", sans-serif; font-size: 17px; line-height: 26px; } #content-panel .wrapper #content-block #tab-content div.active { display: block; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div { position: relative; cursor: pointer; height: 170px; overflow: hidden; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div div.inner { position: relative; cursor: pointer; height: 170px; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div div.inner img { width: 100%; position: relative; z-index: 1; height: 100%; margin: auto; -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div div.inner h3 { top: 50%; position: relative; z-index: 110; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; color: #fff; margin: 0; text-align: center; display: block; width: 100%; font-size: 22px; line-height: 30px; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div div.inner h3 span { font-size: 32px; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div div.inner:after { width: 100%; height: 100%; position: absolute; content: ''; background-color: #000; opacity: .5; z-index: 1; top: 0; left: 0; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div.active .inner { border: 5px solid #cb1e1e; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div:hover .inner { border: 5px solid #cb1e1e; } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div:hover .inner img { -webkit-transform: scale(1.5); /* Safari and Chrome */ -moz-transform: scale(1.5); /* Firefox */ -ms-transform: scale(1.5); /* IE 9 */ -o-transform: scale(1.5); /* Opera */ transform: scale(1.5); } #content-panel .wrapper #content-block #filter-cats .col-sm-12 div.active:after { content: ''; position: absolute; bottom: 5px; left: 50%; width: 0; height: 0; z-index: 100; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #cb1e1e; margin: 0 0 0 -10px; } #content-panel .wrapper #content-block #cats-row #cats-row-col { padding: 0; margin: 0 0 0 2%; } #content-panel .wrapper #content-block #cats-row ul { display: none; list-style: none; margin: 20px 0; } #content-panel .wrapper #content-block #cats-row ul li { display: inline-block; color: #2f2f2f; font-size: 14px; font-family: "Sarabun", sans-serif; text-align: center; box-sizing: border-box; padding: 8px; width: 203px; float: left; /*height: 36px;*/ /*margin: 0 6px 6px 0;*/ border: 1px solid #e1e1e1; /*line-height: 36px;*/ vertical-align: middle; cursor: pointer; margin: 0 5px 5px 0; } #content-panel .wrapper #content-block #cats-row ul li:hover { background-color: #f4f4f4; } #content-panel .wrapper #content-block #cats-row ul li.active { background-color: #bc8c3e; color: #fff; } #content-panel .wrapper #content-block #cats-row ul.active { display: block; } #content-panel .wrapper #content-block #course-results #matches { display: none; text-align: center; color: #862633; font-size: 28px; line-height: 44px; font-weight: 300; font-family: "Oswald", sans-serif; } #content-panel .wrapper #content-block #course-results #key { display: none; width: 100%; position: relative; clear: both; } #content-panel .wrapper #content-block #course-results #key ul { text-align: center; padding: 0 5px; display: block; width: 100%; background-color: #f4f4f4; margin: 20px 0; line-height: 35px; vertical-align: middle; /*height: 35px;*/ } #content-panel .wrapper #content-block #course-results #key ul li { list-style: none; /*margin: 0 10px;*/ display: inline-block; color: #484848; font-size: 14px; font-family: "Oswald", sans-serif; line-height: 19px; vertical-align: middle; padding: 3px 5px; } #content-panel .wrapper #content-block #course-results #key ul li span { width: 19px; height: 19px; border-radius: 9.5px; display: inline-block; line-height: 19px; vertical-align: middle; color: #fff; text-align: center; font-size: 12px; } #content-panel .wrapper #content-block #course-results #key ul li .green { background-color: #3cb878; } #content-panel .wrapper #content-block #course-results #key ul li .red { background-color: #cb1e1e; } #content-panel .wrapper #content-block #course-results #key ul li .purple { background-color: #8781bd; } #content-panel .wrapper #content-block #course-results #key ul li .orange { background-color: #f2846b; } #content-panel .wrapper #content-block #course-results #key ul li .blue { background-color: #00aeef; } #content-panel .wrapper #content-block #course-results #key ul li:hover { cursor: pointer; } @media screen and (max-width: 800px) { #content-panel .wrapper #content-block #course-results #key ul li { margin: 0 5px; } } @media screen and (max-width: 540px) { #content-panel .wrapper #content-block #course-results #key ul { height: auto; text-align: left; padding: 10px; } #content-panel .wrapper #content-block #course-results #key ul li { display: block; margin: 5px 0; } } #content-panel .wrapper #content-block #course-results #row-courses .course { display: none; overflow: hidden; margin: 0 0 2.11864% 0; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap { border: 1px solid #e1e1e1; display: block; width: 100%; height: 100%; padding: 25px 25px 100px 25px; position: relative; overflow: hidden; cursor: pointer; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap h3 { color: #cb1e1e; font-family: "Oswald", sans-serif; font-size: 23px; line-height: 24px; font-weight: 300; margin: 0; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap h4 { color: #2f2f2f; font-family: "Oswald", sans-serif; font-size: 15px; line-height: 20px; font-weight: 300; margin: 0; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys { position: absolute; bottom: 25px; left: 25px; z-index: 1; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys span { width: 19px; height: 19px; border-radius: 9.5px; display: inline-block; line-height: 19px; vertical-align: middle; color: #fff; text-align: center; font-size: 12px; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .green { background-color: #3cb878; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .red { background-color: #cb1e1e; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .purple { background-color: #8781bd; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .orange { background-color: #f2846b; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .blue { background-color: #00aeef; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap:hover { background-color: #f4f4f4; } #content-panel .wrapper #content-block #course-results #row-courses .course.active { display: block !important; overflow: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } #content-panel .wrapper #content-block #course-results #row-courses div[class*='active-'] { display: block !important; overflow: visible !important; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } @media screen and (max-width: 1150px) { #content-panel .wrapper #content-block #tabs li { width: 25%; max-width: 25%; font-size: 14px; border-bottom: 0; height: 40px; } #content-panel .wrapper #content-block #tabs a { padding: 0 3%; font-size: 14px; border-bottom: 0; height: 39px; width: 100%; } } @media screen and (max-width: 1024px) { #content-panel .wrapper #content-block #tabs a { display: block; width: 100%; max-width: 100%; margin: 0; border-bottom: 0; height: 40px; padding: 0 3%; } } @media screen and (max-width: 540px) { #content-panel .wrapper #content-block #tabs li { width: 100%; max-width: 100%; display: block; font-size: 18px; margin: 0; border-bottom: 0; height: 40px; text-align: center; border: 1px solid #dfdfdf; } #content-panel .wrapper #content-block #tabs a { width: 100%; max-width: 100%; font-size: 18px; margin: 0; border-bottom: 0; height: 39px; padding: 0 3%; text-align: center; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } html, body { font-family: "Sarabun", sans-serif; } /* Typekit To “avoid” FOATing */ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading p { visibility: hidden } /* LEFT NAV MENU ICONS START */ #left-nav-ul > li a:before { font-family: FontAwesome; color: #2f2f2f; font-size: 1em; margin-right: 10px; position: absolute; left: 0; top: 20px; content: "\f105"; } #left-nav-ul > li a:before ul.menu-depth-1 > li { padding-left: 0; } #left-nav-ul ul.menu-depth-2 > li > a:before { content: "•" !important; } ul.menu-depth-2 > li { padding-left: 10px; } #left-nav-ul ul.menu-depth-3 > li > a:before { content: "■" !important; } #left-nav .block ul li.menu-item-has-children>a:after { position: absolute; right: 10px; content: '+'; color: #2f2f2f; z-index: 10; font-weight: bold; } #left-nav .block ul li.menu-item-has-children.current-menu-item > a:after, #left-nav .block ul li.menu-item-has-children.current-menu-ancestor.current-menu-parent > a:after { font-family: FontAwesome; content: '-'; font-weight: bold; margin-left: 7px; } /* LEFT NAV MENU ICONS END */ #bc-menu li:not(.menu-item-has-children).bc-current { background-color: #c41e1e; } #bc-menu .menu-depth-2 li { background-color: #404040; border-top: 1px solid #595959 !important; } #bc-menu .menu-depth-1 li.menu-item-has-children.clicked { background-color: #272727; border-top: 1px solid #333333 !important; } #bc-menu li ul.submenu.menu-depth-2 li a { margin-left: 10px; } /* YouVisit Widget Heading */ #imageBlock.no-pad { border-bottom: 1px solid #BFBFBF; } /* page with no columns */ #main-row #content-block.col-lg-12 { width: 100%; } /* home page text box aligned left */ #home-slideshow .slide .slide-wrap.left h1 { padding: 0 45% 0 0; } #home-slideshow .slide .slide-wrap.left p { padding: 0 45% 0 0; } .post-slides { display: block; margin-left: auto; margin-right: auto; } /* home page athletics section */ .panel .wrapper .athletics-box { background-color: #fff; opacity: 80%; padding: 5px; border: 1px solid #D7D2CB; min-height: 158px; } .panel .wrapper .athletics-box p { font-size: 18px; line-height: 30px; margin: 0 5px; padding: 0; color: #862633; font-family: "Oswald",sans-serif; } .panel .wrapper .athletics-box h3 { margin: 5px; padding: 0; } .panel .wrapper .athletics-box a { font-weight: bold; font-size: 20px; line-height: 30px; color: #25282A; font-family: "Oswald",sans-serif; } @media screen and (max-width: 1080px) { .panel .wrapper .athletics-box { min-height: 173px; } } @media screen and (max-width: 768px) { .panel .wrapper .athletics-box { margin: 10px 40px; min-height: 120px; } } @media screen and (max-width: 480px) { .header-img-holder { margin: 10px 40px; min-height: 120px; } } /* shift design down below admin bar */ body.admin-bar #scroll-nav { top: 28px; } sup { vertical-align: super; font-size: smaller; } .wp-caption-text { margin: 5px!important; font-size: 14px!important; line-height: 18px!important; } /* search box */ #topnav #top-links ul li form button { color: #cba052; font-size: .8em; background-color: transparent; -ms-transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); /*margin: 0 0 0 -21px;*/ } /* top nav icons */ .fa-user:before, .fa-chain:before, .fa-link:before, .fa-pencil:before, .fa-map-marker:before, .fa-heart:before { color: #cba052; } /* search box for mobile */ #main-nav .wrapper ul li#mobile-search form button { color: #fff; font-size: .8em; background-color: transparent; margin: 0 0 0 25px; } /* Slider Revolution on Home */ .rs-layer:focus-within { border: 2px solid #007aff!important; } /* News & Events Slider fix (can now have slides with various title lengths) */ .panel #news-slideshow .cycle-pager { clear: both; } #content-panel .wrapper #content-block h3.callout { width: 30%; float: right; margin: 0 0 2% 2%; } /* Home page whitespace in intro paragraph fix */ .panel.pull-up .wrapper { margin-bottom: -32px; } @media screen and (max-width: 768px) { .panel.pull-up .wrapper { margin-bottom: 0 !important; } } /* Home Page CTA */ #home-page-panel-cta { border-bottom:0px; background-image: url(../png/cross-hatch-circle-upper-right.png); background-position: right top; background-repeat: no-repeat; } #home-page-panel-cta .wrapper { padding-bottom:20px; } #home-page-panel-quick-facts-title { background-color: #F3F3F1; } #home-page-panel-quick-facts-title .wrapper { padding-top:0px; } #home-page-panel-quick-facts-title .wrapper h2 { color: #000; font-size: 24px; } #home-page-panel-quick-facts { background-color: #F3F3F1; background-image: url(../png/lower-right-gride-cirlces.png); background-position: left bottom; background-repeat: no-repeat; } #home-page-panel-quick-facts .wrapper { padding-top: 10px; padding-bottom: 0px; } #home-page-panel-quick-facts .wrapper h2 { color: #862632; font-size: 50px; text-align: center; margin-bottom: 20px; } #home-page-panel-quick-facts .wrapper p { font-size: 18px; line-height: 26px; text-align: center; } #home-page-panel-campustour { background-color: #313436; background-image: url(../png/light-grey-checkered-element.png); background-position: left bottom; background-repeat: no-repeat; } #home-page-panel-campustour-left { padding-top: 105px; } #home-page-panel-campustour .wrapper { padding-top: 64px; padding-bottom: 0px; } #home-page-panel-campustour .wrapper h2 { color: #fff; font-size: 50px; line-height: 51px; margin-bottom: 20px; text-transform: uppercase; } #home-page-panel-campustour .wrapper p { color: #fff; font-size: 17px; line-height: 26px; margin-bottom: 28px; } #home-page-panel-campustour #home-page-panel-campustour-left, #home-page-panel-campustour #home-page-panel-campustour-right { position: relative; } .home-page-panel-campustour-image{ width: 562px; height: auto; } #home-page-panel-campustour .home-page-panel-campustour-image { position: relative; top: 0; } #home-page-panel-campustour #home-page-panel-campustour-link:hover .home-page-panel-campustour-image { opacity: 0.5; } .home-page-panel-campustour-play { position: absolute; top: 38%; left: 40%; } @media screen and (max-width: 768px) { #home-page-panel-cta, #home-page-panel-quick-facts, #home-page-panel-campustour { background-image: none; } #home-page-panel-campustour .wrapper { padding-top: 50px; padding-bottom: 0px!important; } #home-page-panel-campustour #home-page-panel-campustour-right { top: -400px; } #home-page-panel-campustour #home-page-panel-campustour-left { top: 360px; padding: 105px 32px 0 32px; } #home-page-panel-campustour-left .btn { font-size: 20px; height: 36px; } .home-page-panel-campustour-image{ width: 100%; height: auto; } .home-page-panel-campustour-play { top: 38%; left: 40%; } #home-page-panel-quick-facts .sColumn { margin-bottom: 31px; } } /* featured image at top (not header, in content area) */ .header-img-holder { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; width: 100%; height: 230px; } @media screen and (max-width: 768px) { .header-img-holder { background-size: contain; height: 200px; } } @media screen and (max-width: 480px) { .header-img-holder { background-size: contain; height: 100px; } } /* 404 page */ h2#header-404 { margin-top: 100px; } @media screen and (max-width: 1023px) { h2#header-404 { margin-top: 50px; } } @media screen and (max-width: 768px) { h2#header-404 { margin-top: 0; } } h3#subheader-404 { color: #862633; font-size: 22px; line-height: 26px; font-weight: 300; font-family: "Sarabun", sans-serif; } img#fledge-404 { margin-top: 30px; } @media screen and (max-width: 768px) { img#fledge-404 { margin-top: 0; } } /* Header Image Red Box */ /* campaign & header images centered */ .panel.callout-small .wrapper .row .callout, .panel.callout-large .wrapper .row .callout { background-color: #eae9e5; background-image: url(../png/lower-right-gride-cirlces.png), url(../png/arch.png); background-position: left bottom, left bottom; background-repeat: no-repeat, no-repeat; overflow: hidden; } .panel.callout-small .wrapper .row #callout-center { width: 1115px; margin: 0 auto; } .panel.callout-small .wrapper .row .callout-no-image { min-height: 190px; background-color: #eae9e5; background-image: url(../png/lower-right-gride-cirlces.png), url(../png/grid-circle-white.png), url(../png/cross-hatch-circle-upper-right.png); background-position: left bottom, center center, right top; background-repeat: no-repeat, no-repeat, no-repeat; overflow: hidden; } .panel.callout-small .wrapper .row .callout-no-image h1 { color: #25282a; font-size: 50px; font-style: normal; line-height: 55px; font-family: "Oswald",sans-serif; text-align: center; text-transform: uppercase; margin: 60px 100px; } .panel.callout-small .wrapper .row .red-box h1, .panel.callout-large .wrapper .row .red-box h1 { padding-bottom: 10px; border-bottom: none; margin-bottom: 0; } #callout-round-image-bg{ width: 616px; height: 518px; position: relative; top: -160px; float: right; background-image: url(../png/behind-image_dot-circle-asset.png); background-position: center right; background-repeat: no-repeat; } #callout-round-image { width: 450px; height: 450px; margin: 20px 0 0 85px; border-radius: 50%; position: relative; } #callout-round-image img{ width: auto; height: 100%; } @media screen and (max-width: 1250px) { #callout-round-image-bg{ right: 0; } .panel.callout-small .wrapper .row #callout-center{ width: 100%; padding-left: 70px; } } @media screen and (max-width: 1023px) { .panel.callout-small .wrapper .row .callout, .panel.callout-large .wrapper .row .callout{ z-index: -1; background-image: url(../png/lower-right-gride-cirlces.png), url(../png/arch.png), url(../png/cross-hatch-circle-upper-right.png); background-position: left bottom, left bottom, right top; background-repeat: no-repeat, no-repeat, no-repeat; height: auto; } #callout-round-image-bg { display: none; visibility: hidden; } .panel.callout-small .wrapper .row #callout-center{ padding-left: 0; } .panel.callout-large .wrapper .row .red-box, .panel.callout-small .wrapper .row .red-box{ width: 90%; margin: 40px auto; text-align: center; } .panel.callout-large .wrapper .row .red-box h1, .panel.callout-small .wrapper .row .red-box h1 { text-align: center; line-height: 55px; } } @media screen and (max-width: 768px) { .panel.callout-small .wrapper .row .callout, .panel.callout-large .wrapper .row .callout{ background-image: url(../png/arch.png); background-position: left bottom; background-repeat: no-repeat; } .panel.callout-small .wrapper .row .callout-no-image { background-image: url(../png/lower-right-gride-cirlces.png), url(../png/cross-hatch-circle-upper-right.png); background-position: left bottom, right top; background-repeat: no-repeat, no-repeat; } .panel.callout-small .wrapper .row .callout-no-image h1 { font-size: 34px; } } @media screen and (max-width: 480px) { .panel.callout-small .wrapper .row .callout-no-image { background-image: none; background-color: #862633; min-height: auto; } .panel.callout-small .wrapper .row .callout-no-image h1 { font-size: 28px; margin: 25px; color: #fff; } } /* .panel.callout-small .wrapper .row .red-box p:first-of-type, .panel.callout-large .wrapper .row .red-box p:first-of-type { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #C68080; } .panel.callout-small .wrapper .row .red-box p a { background-color: #595959; color: #fff; padding: 8px 16px; font-weight: bold; } */ /*.bannerDetailed { display:block; }*/ #content-panel .wrapper #content-block ul { list-style-type: disc; } #content-panel .wrapper #content-block ol { list-style-type: decimal; } #content-panel .wrapper #content-block ol[type='A'] { list-style-type: upper-alpha; } #content-panel .wrapper #content-block ol[type='I'] { list-style-type: upper-roman; } #content-panel .wrapper #content-block ul, #content-panel .wrapper #content-block ol { margin: 3% 4%; } #content-panel .wrapper #content-block ul ul, #content-panel .wrapper #content-block ol ul { list-style-type: circle; margin: 1.5% 2% 1.5% 5%; } #content-panel .wrapper #content-block ul ol, #content-panel .wrapper #content-block ol ol { margin: 1.5% 2% 1.5% 5%; } #content-panel .wrapper #content-block ul ul ul, #content-panel .wrapper #content-block ol ul ul { list-style-type: square; } #content-panel .wrapper #content-block .sColumn .col-border ul, #content-panel .wrapper #content-block .sColumn .col-border ol { margin: 3% 10%; } /* Times in Calendar Widget */ .events .event span.timeline { color: #000; font-size: 13px; } /* Add/Change shape & color of major lvls (major, minor, etc) */ #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys span, #content-panel .wrapper #content-block #course-results #key ul li span { border-radius: 0px; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramaroon, #content-panel .wrapper #content-block #course-results #key ul li .ramaroon { background-color: #862633; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramagrey, #content-panel .wrapper #content-block #course-results #key ul li .ramagrey { background-color: #595959; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramared, #content-panel .wrapper #content-block #course-results #key ul li .ramared { background-color: #c41e1e; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramalightgray, #content-panel .wrapper #content-block #course-results #key ul li .ramalightgray { background-color: #bfbfbf; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramagray, #content-panel .wrapper #content-block #course-results #key ul li .ramagray { background-color: #262626; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramayellow, #content-panel .wrapper #content-block #course-results #key ul li .ramayellow { background-color: #fead16; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap .keys .ramaorange, #content-panel .wrapper #content-block #course-results #key ul li .ramaorange { background-color: #ec440c; } /* Hide children of left nav if parent is not current/clicked */ #left-nav-ul li.menu-item-has-children:not(.current-menu-item):not(.current_page_ancestor) ul { display: none; } #content-panel #tab-content .wrapper { padding: 0 2%; } #content-panel .wrapper #content-block #tab-content div.content { padding-bottom:0; } #content-panel .wrapper #content-block #course-results #row-courses .course .course-wrap { padding-bottom:50px; } .panel.callout.swaps .wrapper .row .callout { background-position: center; background-color: #EBEBEB; } .swap-content .wrapper .row .col-lg-5.col-md-12.dropdown-thumbnail { width: 460px; height: 290px; background-size: cover; background-position: center; } .panel.callout.swaps { z-index: 998; } /* SOCIAL MEDIA WIDGET STYLES START */ #social-media-icons-widget { overflow: auto; } #social-media-icons-widget div { float: left; } #social-media-icons-widget div a i { background: #d7d2cb; color: #862633; width: 40px; height: 40px; font-size: 25px; text-align: center; margin-right: 10px; margin-bottom: 10px; padding-top: 15%; transition: all 0.2s ease-in-out; } #social-media-icons-widget .fa-facebook { background:#d7d2cb; } #social-media-icons-widget .fa-twitter { background:#d7d2cb; } #social-media-icons-widget .fa-flickr { background:#d7d2cb; } #social-media-icons-widget .fa-instagram { background:#d7d2cb; } #social-media-icons-widget .fa-youtube-play { background:#d7d2cb; } #social-media-icons-widget .fa-pinterest { background:#d7d2cb; } #social-media-icons-widget .fa-linkedin { background:#d7d2cb; } #social-media-icons-widget .google-plus { background:#d7d2cb; } #social-media-icons-widget div a i:hover { opacity: .7; } /* SOCIAL MEDIA WIDGET STYLES END */ a.tooltip {outline:none;cursor: help; } a.tooltip:hover {text-decoration:none;} a.tooltip i { float: right; margin-top: 3px; } a.tooltip span { display:none; padding:10px; margin-top:30px; margin-left:-146px; width:350px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:1px solid #e1e1e1; color:#2f2f2f; background:#dcdcdc; z-index:99; font-size: 12px; } #emergency { background-color: #ffdd5c; font-size: 20px; font-family: "franklin-gothic-urw", sans-serif; text-align: center; padding-bottom: 20px; } #emergency i { margin: 20px 10px 0 10px; border-radius: 50%; background-color: #fff; color: #cd1a13; } .panel.gallery .wrapper .row { margin:0; } /* Majors Careers Responsive Rows */ @media screen and (max-width: 1167px) { #content-panel .wrapper #content-block #cats-row ul li { width: 32%; } } @media screen and (max-width: 1023px) { #main-nav.merge .wrapper #logo { background-image: url(../png/logo2.png); } } @media screen and (max-width: 480px) { #content-panel .wrapper #content-block #filter-cats .col-sm-12 div { margin: 3px 0; } } @media screen and (max-width: 734px) { #content-panel .wrapper #content-block #cats-row ul li { width: 48%; } #social-media-icons-widget { margin-bottom: 25px; } .panel .wrapper .person { margin-top: 40px; } } @media screen and (max-width: 400px) { #content-panel .wrapper #content-block #cats-row ul li { width: 100%; } } /* For Posts Navigation, Remove the Assistive "Post Navigation text" */ .post-navigation > h2.screen-reader-text { display: none; } .nav-previous, .nav-next { display: inline-block; margin: 0 5px; } .nav-links { text-align: center; } /* Fluid width for iframes within boxes */ .boxContent iframe, .sColumn iframe { width: 100%; } /* Make alignleft & alignright images centered when on mobile screen */ @media screen and (max-width: 480px) { img.alignleft, img.alignright { float: none; display: block; margin: 10px auto; } } /* RSS Styles - To be placed in rss.css later */ #content-panel .wrapper #left-nav .block #rssFeed ul { border-top: none; } #content-panel .wrapper #left-nav .block #rssFeed ul li { padding: 10px 0; } #content-panel .wrapper #left-nav .block #rssFeed ul li:last-child { border-bottom: none; } #rssFeed .toTop { text-align: right; } /* Skip Navigation Link above all links on the page and all text for empty link tags */ #rcnj-screen-reader-shortcut, #rcnj-screen-reader-shortcut-nav, #logo span, #logo2 span, .breadcrumb-home span, #social-media-icons-widget span { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #rcnj-screen-reader-shortcut:focus, #rcnj-screen-reader-shortcut-nav:focus { left: 6px; top: 7px; height: auto; width: auto; display: block; font-size: 14px; font-weight: 700; padding: 15px 23px 14px; background: #f1f1f1; color: #21759b; z-index: 100000; line-height: normal; text-decoration: none; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .panel .wrapper .campaign-text p { color:#fff; } .panel.swap-content, .panel.swap-content + #content-panel { z-index: 997; } /* WIDGET BUTTONS STYLES*/ #left-nav a.btn { height: auto; line-height: normal; padding: 5%; margin-bottom: 8%; width: 100%; } /* Faculty Shortcode Styles - To be placed in faculty.css later */ .facultyShortProfile { clear: both; overflow: hidden; } .facultyShortProfile a.facultyName { color: #892633; font-size: 24px; font-family: "Oswald",sans-serif; font-weight: 300; line-height: 30px; } /* A_Z Navigation */ #content-panel .wrapper #content-block ul.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } #content-panel .wrapper #content-block ul.pagination > li { display: inline; } #content-panel .wrapper #content-block ul.pagination > li > a, #content-panel .wrapper #content-block ul.pagination > li > span { position: relative; float: left; padding: 6px 10px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } #content-panel .wrapper #content-block ul.pagination > li:first-child > a, #content-panel .wrapper #content-block ul.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #content-panel .wrapper #content-block ul.pagination > li:last-child > a, #content-panel .wrapper #content-block ul.pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #content-panel .wrapper #content-block ul.pagination > li > a:hover, #content-panel .wrapper #content-block ul.pagination > li > span:hover, #content-panel .wrapper #content-block ul.pagination > li > a:focus, #content-panel .wrapper #content-block ul.pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #dddddd; } #content-panel .wrapper #content-block ul.pagination > .active > a, #content-panel .wrapper #content-block ul.pagination > .active > span, #content-panel .wrapper #content-block ul.pagination > .active > a:hover, #content-panel .wrapper #content-block ul.pagination > .active > span:hover, #content-panel .wrapper #content-block ul.pagination > .active > a:focus, #content-panel .wrapper #content-block ul.pagination > .active > span:focus { z-index: 3; color: #ffffff; background-color: #595959; cursor: default; } #content-panel .wrapper #content-block ul.pagination > .disabled > span, #content-panel .wrapper #content-block ul.pagination > .disabled > span:hover, #content-panel .wrapper #content-block ul.pagination > .disabled > span:focus, #content-panel .wrapper #content-block ul.pagination > .disabled > a, #content-panel .wrapper #content-block ul.pagination > .disabled > a:hover, #content-panel .wrapper #content-block ul.pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; } #content-panel .wrapper #content-block ul.pagination-lg > li > a, #content-panel .wrapper #content-block ul.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } #content-panel .wrapper #content-block ul.pagination-lg > li:first-child > a, #content-panel .wrapper #content-block ul.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } #content-panel .wrapper #content-block ul.pagination-lg > li:last-child > a, #content-panel .wrapper #content-block ul.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } #content-panel .wrapper #content-block ul.pagination-sm > li > a, #content-panel .wrapper #content-block ul.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } #content-panel .wrapper #content-block ul.pagination-sm > li:first-child > a, #content-panel .wrapper #content-block ul.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } #content-panel .wrapper #content-block ul.pagination-sm > li:last-child > a, #content-panel .wrapper #content-block ul.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* TextWidget Styles */ #content-panel .wrapper #left-nav .block .textwidget ul { list-style-type: disc; border: none; } #content-panel .wrapper #left-nav .block .textwidget ol { list-style-type: decimal; border: none; } #content-panel .wrapper #left-nav .block .textwidget ul li, #content-panel .wrapper #left-nav .block .textwidget ol li { border-bottom: none; padding: 0; line-height: 1.5em; margin-left: 20px; } #content-panel .wrapper #left-nav .block .textwidget ul li ul li a:before { content: none!important; } .textwidget ul li a, .textwidget ol li a { vertical-align: top!important; } #searchByLetter, #fsCat { clear: both; display: block; } #searchByLetter { height: 28px; margin-bottom: 20px; width: 100%; white-space: nowrap; } #searchByLetter > .fsLetter { background-color: #bfbfbf; color: #fff; display: inline-block; font-size: 18px; height: 23px; margin-right: 3.3px; padding-top: 5px; text-align: center; width: 24px; text-decoration: none; } #searchByLetter > .fsLetter.inactive { opacity: .3; } #searchByLetter > .fsLetter:last-child { margin-right: 0 !important; } #searchByLetter > .fsLetter:hover { background-color: #f00001; } #searchByLetter > .fsLetter.inactive:hover { background-color: #bfbfbf; } /* Full width Forms */ .frm_forms.frm_style_formidable-style.with_frm_style { max-width: 100% !important; } .frm_section_heading h3 { padding-top: 20px !important; } .frm_description { padding: 10px 0 !important; } /******************** CALENDAR SHORTCODE START ********************/ .ramapo-tribe-event-body { padding: 5px; overflow: hidden; } .ramapo-tribe-event-body:not(:first-child) { margin: 0 0 5% 0; } .ramapo-tribe-event-date { float: left; width: 70px; background-color: #862633; text-align: center; margin: 3px 10px 40px 0; padding: 1% 0; } .ramapo-tribe-event-date>span { display:block; color: #FFF; } .ramapo-tribe-event-date>.month { padding-bottom: 4px; } .ramapo-tribe-event-date>.date { font-size: 24px; } .ramapo-tribe-event-title { font-size: 20px; margin: 0 0 1% 0; font-weight: bold; } .ramapo-tribe-event-time { font-weight: bold; } @media screen and (max-width: 768px) { .ramapo-tribe-event-description { margin-left: 0 !important; } } .ramapo-tribe-event-description { margin-left: 80px; } .ramapo-tribe-venue-details { margin-top: 1%; } .ramapo-tribe-event-separator-month { margin: 1.25em auto; text-align: center; position: relative; background-color: transparent; font-family: "Open Sans",Helvetica,Arial,sans-serif; padding: 0 6.5%; font-size: 21px; font-weight: bold; z-index: 1; } .ramapo-tribe-event-separator-month span { background-color: #FFF; padding: 0 7%; } .ramapo-tribe-event-separator-month span:after { content: ''; border-bottom: 1px solid #c2c2c2; height: 1px; width: 100%; display: block; position: absolute; top: 50%; left: 0; z-index: -1; } .ramapo-tribe-event-image, .ramapo-tribe-event-image-sm { float: right; } @media screen and (max-width: 680px) { .ramapo-tribe-event-image img, .ramapo-tribe-event-image-sm img { display: none !important; } .ramapo-tribe-event-image-sm { display: none !important; background-image: none !important; } } .ramapo-tribe-event-image img { border: 1px solid #888; display: block; margin: 0 0 10px 10px; } .ramapo-tribe-event-image-sm { width: 300px; height: 144px; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .ramapo-tribe-event-image-sm img { min-height: 100%; min-width: 100%; opacity: 0; } .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn{ background-color: #862633; } .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover{ background-color: #a42228; } /* widget*/ .tribe-common .tribe-common-h6 { font-size: 18px; text-transform: uppercase; border-bottom: 1px solid #dfdfdf; } .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 { color: #862633; font-size: 18px; font-family: "Oswald", sans-serif; } .tribe-common .tribe-common-h2 { color: #862633; font-family: 'Oswald'; font-weight: bold; font-size: 22px; line-height: 1.5em; } .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month { color: #862633; font-family: 'Oswald'; font-size: 13px; font-weight: bold; line-height: 1.5em; text-transform: uppercase; } .tribe-common .tribe-common-b2 { color: #25282A; font-family: 'Sarabun'; font-size: 14px; font-weight: normal; line-height: 1.2em; } .tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 { color: #25282A; font-family: 'Sarabun'; font-weight: bolder; } .tribe-common .tribe-common-h7 { font-size: 15px; line-height: 1.5em; } .tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover { border-bottom: 2px solid #CBA052; } .tribe-common .tribe-common-b1 { color: #C41E1E; font-family: 'Sarabun'; font-size: 15px; font-weight: bold; } .tribe-events-widget .tribe-events-widget-events-list__view-more-link:active, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:focus, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:hover { border-bottom-color: #A42228; color: #A42228; } .tribe-events-content a.btn { color: #fff; } /******************** CALENDAR SHORTCODE END ********************/ /* Policies table first column fix width */ table.table-policy tr td:first-child { width: 30%; } /* Faculty Profiles Start */ h4.facname { margin: 3% 0 1% 0 !important; } .facProfile { text-align: center; margin-bottom: 2%; } .facphotoLarge { float: right; } /* Faculty Profiles End */ /* Header Navigation for Smaller Screens */ @media screen and (max-width: 1200px) { #main-nav .wrapper ul li { margin: 0px 10px; font-size: 16px; } } @media screen and (max-width: 1100px) { #main-nav .wrapper ul li { margin: 0px 6px; font-size: 15px; } } /* End Header Navigation for Smaller Screens */ /* Catalog and Four Year Plans */ #content-panel .wrapper #content-block .fouryear { border: 1px solid #000; border-bottom: none; width:97%; margin: 0 auto; background-color:#fff; } #content-panel .wrapper #content-block .fouryear h3 { text-align:center; padding: 10px; margin:0; border-bottom: 1px solid #000; background-color:#8B0101; color:#fff; } #content-panel .wrapper #content-block .fouryear h4 { border-bottom: 1px solid #000; padding: 8px; margin:0; background-color:#dcdcdc; color: #000; } #content-panel .wrapper #content-block .fouryear ul { margin:0; padding:0; } #content-panel .wrapper #content-block .fouryear ul li { padding:5px 10px 10px 10px; list-style:none; border-bottom: 1px solid #000; margin-bottom: 0!important; } .courseTable { border: 1px solid #000; width:98%; margin: 0 auto; background-color:#fff; } .courseTable .majorTableHeading { background-color:#600; color:#fff!important; text-align:center; } .courseTable .majorTableSubHeading { background-color:#666; color:#fff!important; text-align:center; } .courseTable .majorTableIndented { padding-left:90px; } .courseTable h4 { border-bottom: 1px solid #000; padding: 5px!important; margin:0!important; background-color:#dcdcdc; } .courseTable ul { margin:0!important; padding:0!important; } .courseTable ul li { padding:7px; list-style:none; border-bottom: 1px solid #000; background:none; margin-bottom: 0!important; } .courseTable ul li.indented { padding-left: 40px; } .facultyTable { background-color:#fff; border:1px solid #000; padding: 0 0 10px; margin-bottom: 20px; } .facultyTable ul { margin: 3% 12%!important; } .facultyTable p { margin:0!important; } .facultyTable h4 { margin-left:15px!important; } .facultyListingColTwo { color:#fff!important; } #altRows { margin: 14px 0; } .altRows p { margin: 0; padding: 14px 10px; } .altRows p.odd { background-color: #DADBD4; } .altRows p:nth-child(2n+1) { background-color: #DADBD4; } .supertable, .supertableBlue { background-color: #ffffff; border-left: 1px solid #000000; border-top: 1px solid #000000; } .supertable td, .supertableBlue td { border-bottom: 1px solid #000000; border-right: 1px solid #000000; padding: 4px; } .supertable td p, .supertable th p, .supertableBlue td p, .supertableBlue th p { margin: 0; padding: 0; } .supertable th, .supertableBlue th { background: url("../gif/table-header.gif") repeat-x scroll left top #660000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #ffffff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; padding: 4px 6px; text-align: left; } .supertableBlue th { background: url("../gif/table_header_blue.gif") repeat-x scroll left top rgba(0, 0, 0, 0); } .supertable th a, .supertableBlue th a { color: #ffffff; } .supertable th a:hover, .supertableBlue th a:hover { color: #eeeeee; text-decoration: none; } .supertable .AccordionPanelContent, .supertableBlue .AccordionPanelContent { padding: 5px 2px 2px 5px; } .supertable .AccordionPanelContent p, .supertableBlue .AccordionPanelContent p { margin-bottom: 12px; } /* Catalog and Four Year Plans End */ /* Post Pages */ .rcnj-post-title { border-bottom: 1px solid #c41e1e; } .rcnj-post-date { float: right; margin-left: 25px; margin-bottom: 15px; color: #000; font-size: 18px; font-weight: bold; } .meta-nav { text-decoration: underline; } #signup-content{ width: 69%; margin: 50px auto 80px auto; } #top-links .fa-search span { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .post-password-form input[type=text], .post-password-form input[type=password], .post-password-form input[type=email], .post-password-form input[type=number], .post-password-form input[type=url], .post-password-form input[type=tel], .post-password-form input[type=phone], .post-password-form input[type=search], .post-password-form select, .post-password-form textarea { color: #444444; background-color: #ffffff; border-color: #cccccc; border-width: 1px; border-style: solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; max-width: 100%; font-size: 13px; padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-weight: normal; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .post-password-form input[type=submit] { width: auto; font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size: 14px; height: auto; line-height: normal; text-align: center; background: #ffffff; border-width: 1px; border-color: #dddddd; border-style: solid; color: #444444; cursor: pointer; font-weight: normal; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; padding: 6px 12px; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-shadow: 0 1px 1px #eeeeee; -webkit-box-shadow: 0 1px 1px #eeeeee; box-shadow: 0 1px 1px #eeeeee; margin: 0px; margin-left: 0; margin-right: 0; vertical-align: middle; } .post-password-form input[type=radio], .post-password-form input[type=checkbox] { font-size: 12px; position: static; display: inline-block; margin-right: 5px; width: auto; border: none; vertical-align: baseline; } blockquote { padding-left: 30px!important; padding-right: 30px!important; } .toTop{ text-align: right; } .toTop a img { margin-left: 3px; vertical-align: middle; } /* Post Archive Gallery Laypout */ .grid-item { width: 46%; border:1px solid #dcdcdc; margin: 10px; } .grid-item h3, .grid-item h4 { text-align: center!important; background-color: #862633!important; margin: 0px!important; padding: 10px!important; } .grid-item h3 a, .grid-item h4 { color:#fff!important; } .grid-item h4 { font-size: 16px!important; line-height: 16px!important; padding-top: 0px!important; } .grid-item h5 { font-size: 14px!important; color: #333333!important; padding: 10px; } .grid-item p { margin: 8px!important; } @media screen and (max-width: 768px) { .grid-item { width: 95%; } } /* Footer */ .panel.footer { background-image: url(../png/footer-arch-1.png), url(../png/red-grid-gold-circle-footer.png); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat; } @media screen and (max-width: 768px) { .panel.footer { background-image:none; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 10020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 10030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../png/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 10060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../gif/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 10040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../gif/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 10040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 10040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 10010; background: url(../png/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 10050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 10050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../png/fancybox_sprite%402x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(../gif/fancybox_loading%402x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Calendar Block Padding - If on a page with no columns, remove default padding left */ body.post-type-archive-tribe_events.page-template-page_noCol-php #content-block, body.post-type-archive-tribe_events.page-template-page_noCol_header-php #content-block, body.single-tribe_events.page-template-page_noCol-php #content-block, body.single-tribe_events.page-template-page_noCol_header-php #content-block { padding: 0; } #tribe-bar-form, #tribe-bar-collapse-toggle { background: #F0F0F0; } .tribe-bar-date-filter, .tribe-bar-search-filter { width: 35%; } #tribe-bar-form .tribe-bar-submit { margin: auto; } #tribe-bar-form .tribe-bar-submit input[type=submit] { background-color: #8B0101; } #tribe-bar-form .tribe-bar-submit input[type=submit]:hover { background-color: #FEAD16; } #content-panel .wrapper #content-block ul.tribe-bar-views-list, #content-panel .wrapper #content-block ul.tribe-events-sub-nav { margin: 0; } #content-panel .wrapper #content-block ul.tribe-bar-views-list li { list-style-type: none; margin: 0; } .tribe-bar-mini .tribe-bar-submit { width: 20%; margin-left: 5%; } #tribe-bar-form #tribe-bar-views { background-color: #8B0101; } #tribe-events-bar { margin-top: 10px; } h2.tribe-events-page-title { font-size: 2.2em; font-family: "Sarabun", sans-serif; } #tribe-events-header .tribe-events-sub-nav { display: none; } #tribe-events-footer .tribe-events-sub-nav li a { background: inherit; padding-left: 0; color: #CB1E1E; } .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a { background-color: #8b0101; color: #FFF; } #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title { font-size: 1em; line-height: 1; } #content-panel .wrapper #content-block table.tribe-events-calendar td { padding: 0; } .recurring-info-tooltip, .tribe-events-calendar .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip { background-color: #ffffea; } #content-panel .wrapper #content-block .tribe-events-tooltip h4 { background: transparent; font-size: 20px; padding: 5% 2% 0 2%; margin-bottom: 5px; } .tribe-events-tooltip .duration { font-size: 1.2em; } .tribe-events-tooltip .tribe-events-event-body { padding: 0 2%; } #content-panel .wrapper #content-block h3.tribe-events-month-event-title { font-size: 1.1em; line-height: normal; margin: 5px 0; } .single-tribe_events .tribe-events-event-meta { padding: 20px 0 0 0; } #content-panel .wrapper #content-block .tribe-events-notices ul li, #content-panel .wrapper .tribe-events-notices #content-block ol li { list-style-type: none; } .tribe-events-schedule { margin: 15px 0 0; } .tribe-events-meta-group dl { font-size: 1.1em; } #content-panel .wrapper #content-block table.tribe-events-calendar tr:nth-child(even) td { background-color: #FAFAFA; } #content-panel .wrapper #content-block table.tribe-events-calendar { margin: 1% 0; } @media screen and (max-width: 768px) { #content-panel .wrapper #content-block table.tribe-events-calendar td { display: table-cell; height: 75px; border: 1px solid #CBCBCB; } .tribe-events-calendar .tribe-events-present.mobile-trigger div[id*=tribe-events-daynum-] { background-color: #8b0101; } .tribe-events-calendar .tribe-events-has-events:after { margin: -40% auto; } .tribe-events-calendar .tribe-events-has-events.mobile-trigger.mobile-active:after, .tribe-events-calendar .tribe-events-has-events.mobile-trigger.tribe-events-present:after { background-color: #FFFFFF; } .tribe-events-calendar td div[id*=tribe-events-daynum-], .tribe-events-calendar td div[id*=tribe-events-daynum-] a { margin-top: 0; height: 75px; padding: 5px; line-height: normal; font-family: "proxima-nova",sans-serif; } #content-panel .wrapper #content-block table.tribe-events-calendar thead tr th { font-size: 1.5em; } #tribe-mobile-container .type-tribe_events { padding: 10px 0; } .single-tribe_events .tribe-events-event-meta { padding: 0 0 2% 0; } } @media screen and (max-width: 600px) { #content-panel .wrapper #content-block table.tribe-events-calendar thead { display: table-header-group; } #content-panel .wrapper #content-block table.tribe-events-calendar thead tr th { padding: 15px 0; font-size: 1.3em; } #content-panel .wrapper #content-block table.tribe-events-calendar tr { display: table-row; } #content-panel .wrapper #content-block table.tribe-events-calendar td, .tribe-events-calendar td div[id*=tribe-events-daynum-], .tribe-events-calendar td div[id*=tribe-events-daynum-] a { height: 45px; } .tribe-events-calendar .tribe-events-has-events:after { margin: -30% auto; } h2.tribe-events-page-title { font-size: 1.8em; } } /* Single Event Styles */ #content-panel .wrapper #content-block ul.tribe-related-events li { list-style-type: none; margin: 0 4% 2% 0; } /******************** CALENDAR SHORTCODE START ********************/ .ramapo-tribe-event-body { padding: 5px; overflow: hidden; } .ramapo-tribe-event-body:not(:first-child) { margin: 0 0 5% 0; } .ramapo-tribe-event-date { float: left; width: 70px; background-color: #8B0101; text-align: center; margin: 3px 10px 40px 0; padding: 1% 0; } .ramapo-tribe-event-date>span { display:block; color: #FFF; } .ramapo-tribe-event-date>.month { padding-bottom: 4px; } .ramapo-tribe-event-date>.date { font-size: 24px; } .ramapo-tribe-event-title { font-size: 20px; margin: 0 0 1% 0; font-weight: bold; } .ramapo-tribe-event-time { font-weight: bold; } @media screen and (max-width: 768px) { .ramapo-tribe-event-description { margin-left: 0 !important; } } .ramapo-tribe-event-description { margin-left: 80px; } .ramapo-tribe-venue-details { margin-top: 1%; } .ramapo-tribe-event-separator-month { margin: 1.25em auto; text-align: center; position: relative; background-color: transparent; font-family: "Open Sans",Helvetica,Arial,sans-serif; padding: 0 6.5%; font-size: 21px; font-weight: bold; z-index: 1; } .ramapo-tribe-event-separator-month span { background-color: #FFF; padding: 0 7%; } .ramapo-tribe-event-separator-month span:after { content: ''; border-bottom: 1px solid #c2c2c2; height: 1px; width: 100%; display: block; position: absolute; top: 50%; left: 0; z-index: -1; } .ramapo-tribe-event-image { float: right; } @media screen and (max-width: 680px) { .ramapo-tribe-event-image img { display: none !important; } } .ramapo-tribe-event-image img { border: 1px solid #888; display: block; margin: 0 0 10px 10px; } /******************** CALENDAR SHORTCODE END ********************/ h1.tribe-events-single-event-title { color: #8c0000; font-size: 28px; line-height: 26px; font-weight: 300; font-family: "proxima-nova", sans-serif; margin: 10px 0; } .tribe-events-schedule h2 { font-size: 18px; } .recurringinfo, .tribe-events-schedule.tribe-clearfix span.tribe-events-divider, .tribe-events-cost { display: none; } @media screen and (max-width: 768px) { .single-tribe_events .tribe-events-schedule .recurringinfo, .single-tribe_events .tribe-events-schedule .tribe-events-cost { display: none; } } .single-tribe_events .tribe-events-event-image { float: right; width: 300px; height: 200px; margin: 0 0 3% 3%; text-align: center; } @media screen and (max-width: 680px) { .single-tribe_events .tribe-events-event-image { float: none; margin: 5% auto; } } .tribe-events-event-image img { height: 100%; width: auto; max-width: 100%; } .single-tribe_events .tribe-events-cal-links { clear: both; } .tribe-events-cal-links { text-align: left; } .tribe-events-cal-links a.tribe-events-button { background-color: #cb1e1e !important; } .tribe-events-cal-links a.tribe-events-button:hover { background-color: #f29400; } .tribe-events-notices { padding: 0; } p.tribe-events-back, .tribe-events-nav-previous, .tribe-events-nav-next { font-family: "proxima-nova", sans-serif !important; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd.tribe-meta-value { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table { background-color: transparent; } caption { /*padding-top: 8px; padding-bottom: 8px; color: #777;*/ text-align: left; padding: 2%; background-color: #8B0101; color: #FFFFFF; } /*th { text-align: left; }*/ .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #D7D2CB; font-size: 17px; color: #25282A; line-height: 26px; font-family: "Sarabun", sans-serif; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .profileHeading { box-sizing: border-box; clear: both; display: block; font-family: "Roboto"; font-size: 14px; height: 25px; margin-bottom: 15px; padding: 5px; width: 100%; background-color: #f3f3f1; color: #595959; text-transform: uppercase; font-weight: bold; } .firstProfile { clear: left; } .facprofile { float: left; margin-bottom: 15px; text-align: center; width: 33%; } .facprofile .facphoto { border: 1px solid #000; clear: both; margin: auto; } .facphotoLarge { border: 1px solid #000; float: right; margin-bottom: 20px; margin-left: 10px; } .facprofile .facname { display: block; width: 100%; padding: 0 0 6px 0; } .facprofile .factitle { display: block; width: 100%; } .facultyShortProfile { overflow: auto; background-color: #F7F7F5; padding-left: 10px; margin: 2% 0; border: 1px solid #D7D2CB; } .facultyShortProfile .alignright { float: right; margin-right: 10px; margin-bottom: 10px; } .facphotoLeft { border: 1px solid #000; float: left; margin-bottom: 20px; margin-right: 10px; } .facultyName { font-size: 18px; font-weight: bold; } .facultyTitle { font-size: 17px; font-weight: bold; } #searchByLetter, #fsCat { clear: both; display: block; } #searchByLetter { height: 28px; margin-bottom: 20px; width: 100%; white-space: nowrap; } #searchByLetter > .fsLetter { background-color: #bfbfbf; color: #fff; display: inline-block; font-family: "Roboto Condensed"; font-size: 18px; height: 23px; margin-right: 3.3px; padding-top: 5px; text-align: center; width: 24px; text-decoration: none; } #searchByLetter > .fsLetter.inactive { opacity: .3; } #searchByLetter > .fsLetter:last-child { margin-right: 0 !important; } #searchByLetter > .fsLetter:hover { background-color: #f00001; } #searchByLetter > .fsLetter.inactive:hover { background-color: #bfbfbf; } .image_thumb_home { overflow: auto; padding: 6px; width: 528px; } .image_thumb_home img { border: 0 none; float: left; margin-left: 5px; } .image_thumb_home ul { list-style: none outside none; margin: 0; padding: 0; } .image_thumb_home ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #2C4564; border-radius: 5px; box-shadow: 1px 1px 5px #999999; float: left; height: 63px; margin: 6px 2px; padding: 5px 5px 13px; position: relative; width: 160px; } .image_thumb_home ul li.hover { background: url("../buttonrailbgrnd2.html") no-repeat scroll center center rgba(0, 0, 0, 0); cursor: pointer; } .image_thumb_home ul li.active { background: url("../buttonrailbgrnd2.html") no-repeat scroll center center rgba(0, 0, 0, 0); cursor: default; } .image_thumb_home ul li a:active, .image_thumb_home ul li a:link, .image_thumb_home ul li a:visited { text-decoration: none; } .image_thumb_home ul li h2 { color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 700; height: 100%; margin: 0; padding: 10px 0 0; text-align: center; } .image_thumb_home ul li h2 span { font-size: 11px; font-weight: 500; } .image_thumb_home ul li .block { margin-left: 50px; padding: 0; } .image_thumb_home ul li p { display: none; } .bClassDetails { display: none; width: 94%; border: 1px dotted #000; background: #fff; padding: 2%; margin: 1%; overflow: hidden; } .ajaxLoading { height: 11px; margin-left: 5px; } .individualClass { width: 94%; border: 1px dashed #000; background: #ffffee; padding: 2%; margin: 1%; overflow: hidden; } .infoBox { background-color: #F7F7F5; border: 1px solid #D7D2CB; clear: both; margin: 2% 0; float: none; /* Needed since all grid classes are initially floated left */ padding: 0; /* Needed since all grid classes have padding of 2,...% on the left*/ } .infoBox > .boxTitle { background-color: #862633; color: #FFFFFF; padding: 5px; font-weight: 500; text-transform: uppercase; font-family: "Oswald",sans-serif; font-size: 20px; padding: 10px; } .infoBox > .boxContent { padding: 10px; } .infoBox > .boxContent p { margin: 0!important; } #content-block .boxContent p { margin: 20px 0!important; } .contactBox { width: 32%; height: 13em; float: left; background-color: #F7F7F5; border: 1px solid #D7D2CB; margin: .5%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1010px) { .contactBox { width: 48.5%; height: 9em; }} @media screen and (max-width: 480px) { .contactBox { width: 98%; }} .contactBox.fullWidth { width: 98%; } #content-panel .wrapper #content-block .contactBox p { margin: 0; } #content-panel .wrapper #content-block .infoBox > .boxContent ul, #content-panel .wrapper #content-block .infoBox > .boxContent ol { margin: 3% 10%; } /*------------- ORANGE BOX -------------*/ .orangeBox { background-color: #FFF2DC; } .orangeBox > .boxTitle { background-color: #FEAD16; } /*------------- BLUE BOX -------------*/ .blueBox { background-color: #E0EFF7; } .blueBox > .boxTitle { background-color: #3399CC; } /*------------- WHITE BOX -------------*/ .whiteBox { background-color: #f5f5f5; border: 1px solid #D7D2CB; } .whiteBox > .boxTitle { background-color: #8B0101; } /*------------- PURPLE BOX -------------*/ .purpleBox { background-color: #EFE0EF; } .purpleBox > .boxTitle { background-color: #993399; } /*------------- GREEN BOX -------------*/ .greenBox { background-color: #E0EFE8; } .greenBox > .boxTitle { background-color: #339966; } /*------------- Maroon Box -------------*/ .maroonBox { background-color: #f7f7f6; color: #000; } .maroonBox > .boxTitle { background-color: #862633; color:#fff; } /*------------- Gold Box -------------*/ .goldBox { background-color: #dec69f; color: #000; } .goldBox > .boxTitle { background-color: #bc8c3e; color: #fff; } /*------------- Dark Box -------------*/ .darkBox { background-color: #66686a; color:#fff; } .darkBox > .boxTitle { background-color: #25282a; color:#fff; } .darkBox .boxContent{ color:#fff; } /*------------- Red Box -------------*/ .redBox { background-color: #ca3636; color:#fff; } .redBox > .boxTitle { background-color: #a42228; color:#fff; } .redBox .boxContent{ color:#fff; } /*------------- Gray Box -------------*/ .grayBox { background-color: #ecebe7; color: #000; } .grayBox > .boxTitle { background-color: #d7d2cb; color:#000; } /*------------- White Box -------------*/ .whiteBox { background-color: #fff; color: #000; } .whiteBox > .boxTitle { background-color: #D7D2CB; color: #000; border-bottom: 1px solid #D7D2CB; } .darkBox .boxContent p, .redBox .boxContent p{ color: #fff!important; } .collapsableContent { overflow: hidden; margin: 1.5% 0; border: 1px solid #D7D2CB; } .collapsableContent > .collapsableTitle { background: #fff; cursor: pointer; padding: 2.5% 2%; font-size: 17px; line-height: 120%; } .collapsableContent > .collapsableTitle > span.fa-stack { color: #Bc8c3e; font-size: 11px; margin-right: 1%; } .collapsableContent > .c_content { padding: 2%; } .contentOpened > .collapsableTitle { background: #F7F7F5; } @media screen and (max-width: 768px) { .collapsableContent { margin: 3% 0; } .collapsableContent > .collapsableTitle > span.fa-stack { font-size: 8px; } .collapsableContent>.collapsableTitle { font-size: 16px; } } @media screen and (max-width: 1023px) { .collapsableContent > .collapsableTitle { padding: 3% 2%; } } /* Add border and hover state to columns */ .sColumn { /*padding: 1% 2%;*/ box-sizing: border-box; margin-bottom: 2%; } .sColumn .col-border { border: 1px solid #D7D2CB; padding: 1% 3%; height: 100%; } .sColumn .col-border:hover { background-color: #F7F7F5; } .disclaimer { font-size: 12px; color: #BFBFBF; margin: 3% 0; } iframe { border: 0 none; } .flickr_container { width: 320px; height: 320px; text-align: center; } .resize_fit_center { max-width:100%; max-height:100%; vertical-align: middle; } /* HOME PAGE */ #ss-container { margin: 1% 0 0 -2.11864%; } .person div h4 { text-transform: uppercase; } /* ALL STORIES PAGE */ .ss-person { margin-bottom: 15px!important; } .ss-person div { background-color: #F7F7F5; padding: 3%; border: 1px solid #D7D2CB; } .ss-person div img { width: 100%; } #content-panel .wrapper #content-block .ss-person p, #content-panel .wrapper #content-block #tab-content .ss-person p { font-family: "Sarabun", sans-serif; margin: 10px 0; } #content-panel .wrapper #content-block .ss-person p a, #content-panel .wrapper #content-block .ss-person div p.ss-term, #content-panel .wrapper #content-block #tab-content .ss-person p a, #content-panel .wrapper #content-block #tab-content .ss-person div p.ss-term { font-size: .9em; text-transform: uppercase; color: #862633; font-weight: 300; } #content-panel .wrapper #content-block .ss-person div p.ss-term, #content-panel .wrapper #content-block #tab-content .ss-person div p.ss-term { border-bottom: 1px dotted #D7D2CB; padding-bottom: 2%; } #content-panel .wrapper #content-block .ss-person div p.ss-name, #content-panel .wrapper #content-block #tab-content div p.ss-name { font-size: 1.3em; font-weight: 500; font-family: "Oswald", sans-serif; } .collapsableTextContent { overflow: hidden; } .fullWidth { width: 94%; float: none; clear: both; } .thumbtable { width: 320px; float: right; } .thumbtable .thumbtableThumb { float: left; width: 150px; padding: 4px; text-align: center; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; } .thumbtable .thumbtableThumb img { width: 150px; margin: 4px 0; border: 1px solid #000000; } .thumbtable .fullWidth { width: 300px; padding: 4px 10px; } .thumbtable .fullWidth img { width: 300px; } .railButton:link, .railButton:visited { background: url("../png/buttonrailbgrnd.png") no-repeat scroll center center transparent; color: #660000; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; font-weight: normal; line-height: 42px; text-decoration: none; text-align: center; } .railButton img { border: 0 none; display: inherit; margin: auto; padding: 7px; } .railButton:hover, .railButton:active { background: url("../png/buttonrailbgrnd2.png") no-repeat scroll center center transparent; } #calendarRSS { margin-left: 5px; } .rssItem { padding: 10px; } .rssDate { display: block; float: left; margin-bottom: 3px; margin-right: 10px; text-align: center; width: 25px; } .rssDate span.month { display: block; font-size: 12px; font-weight: bold; } .rssDate span.day { background: url("../png/cal-icon-small.png") no-repeat scroll left top transparent; display: block; font-size: 14px; font-weight: bold; padding: 10px 0; } .rssItemTitle { display: block; font-size: 12px; font-weight: bold; margin: 0; padding: 2px 0; } .rssItemStart { margin-left: 37px; } .rssItemDesc { display: none; visibility: hidden; } .rssClear { border-bottom: 1px dashed #000000; clear: both; } #sidebar > .tribe-countdown-text { padding: 10px 5px; margin: 0; } #sidebar > .tribe-countdown-text, h4.entry-title.summary { font-family: Georgia,"Times New Roman",Times,serif;font-weight:bold;font-size:17px}h4.entry-title.summary{margin:10px 0 4px 0}#sidebar>.tribe-countdown-text a,h4.entry-title.summary>a{text-decoration:none}.tribe-countdown-timer{padding:10px 25px 5px 25px}ol.hfeed.vcalendar{padding:0 5px 1px 10px}ol.hfeed.vcalendar>li.hentry.vevent>.duration{font-weight:bold;font-size:13px;border-bottom:1px solid #888;padding-bottom:10px}p.tribe-events-widget-link{text-align:right;font-weight:bold}p.tribe-events-widget-link>a{text-decoration:none}div.tribe-mini-calendar-grid-wrapper{margin:10px auto;width:95%}.tribe-mini-calendar .tribe-events-present,.tribe-mini-calendar .tribe-mini-calendar-today{background-color:#8b0101}.translateBtns{padding:5px 0}.translateBtns a img{margin:1px 1px;border:1px solid #EBEBEB}.translateBtns a img:hover{opacity:0.8;border:1px solid #82B7DA}.translateBtns p{margin:3% 0 0 0;font-size:.9em;color:#2F2F2F}.alignleft{float:left;margin-right:10px;margin-bottom:10px}.alignright{float:right;margin-left:10px;margin-bottom:10px}.aligncenter{display:block;margin:0 auto}.wp-caption{background-color:#F3F3F3;border:1px solid #DDDDDD;border-radius:3px 3px 3px 3px;padding-top:4px;text-align:center}.wp-caption img{border:0 none;margin:0;padding:0}.wp-caption-dd{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.tribe-events-calendar .tribe_events.post{overflow:visible} .searchContainer,.searchDrop .dropdown{-moz-box-shadow:0 0 0 #888888,1px 1px 4px #888888;-webkit-box-shadow:0 0 0 #888888,1px 1px 4px #888888;box-shadow:0 0 0 #888888,1px 1px 4px #888888}#searchFilters{float:left;width:220px}#searchByName{background-color:#595959;color:#FFF;height:145px;padding:10px 10px 15px 10px}#searchByName>h3{color:#FFF;font-weight:normal;font-size:17px}#searchByName>form>input[type="text"]{width:185px;margin:11px 0 8px 0;padding:7px 5px;border:1px solid #999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:"Roboto";font-size:12px;color:#292929}#searchByName label{font-family:"Roboto";text-transform:uppercase;font-size:12px;display:block;margin:2px 0}#searchByName>form>input[type="submit"]{-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13px;padding:4px;text-align:center;color:#FFFFFF;background-color:#EE0000;border:none;margin-top:8px;cursor:pointer}#searchByName>form>input[type="submit"]:hover{background-color:#FEAD16}#searchByDept{background-color:#f5f5f5;height:78px;padding:10px}#searchByDept>h3{font-size:17px;color:#000}.phonebook{color:#595959;line-height:17px;padding-left:1px}.phonebook>span{font-size:13px}#mainPhoneDir{border-left:none!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 22px;float:left;min-height:660px;width:730px}#mainPhoneDir>.reset{-webkit-border-radius:3;-moz-border-radius:3;border-radius:3px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13px;text-align:center;background-color:#EE0000;border:none;width:100px;float:right;padding:7px}#mainPhoneDir>.reset a{color:#FFF}#mainPhoneDir>.reset:hover{background-color:#FEAD16}#searchByLetter,#fsCat{display:block;clear:both}#searchByLetter{margin-bottom:20px;height:28px;width:100%}#mainPhoneDir>h3{margin-bottom:20px}#searchByLetter>.fsLetter{display:block;height:23px;float:left;color:#FFF;font-family:"Roboto Condensed";font-size:18px;text-align:center;padding-top:5px;width:24px;background-color:#BFBFBF;margin-right:3.3px}#searchByLetter>.fsLetter:last-child{margin-right:0!important}#searchByLetter>.fsLetter:hover{background-color:#F00001}#searchByLetter>.fsLetter.active,#searchByLetter>.fsLetter.active:hover{background-color:#8B0101}#fsCat{background-color:#EBEBEB;color:#595959;font-size:12px;font-weight:bold;text-transform:uppercase;padding:8px 5px;overflow:auto}.nameTitle,.dept,.fsContact{float:left;display:block}.nameTitle{width:34%;margin-right:10px;font-family:"Roboto"}.dept{width:22%;margin-right:10px;font-family:"Roboto"}.fsContact{width:40%;position:relative;font-family:"Roboto"}.fsDiv{width:100%;background-color:#EBEBEB;margin:5px 0}.fsProfile{overflow:auto;padding:10px 0;font-size:14px;line-height:19px}.nameTitle>.fsName{font-family:"Roboto Condensed";font-weight:bold;font-size:18px;line-height:21px}.nameTitle>.fsDept{font-style:italic}.fsContact>.fsPhoto>img{float:right;width:63px;height:80px}.fsContact>.fsEmail>a,.fsContact>.fsProfLink>a,.phonebook>a{text-decoration:underline!important}.fsContact>.fsEmail>a:hover,.fsContact>.fsProfLink>a:hover,.phonebook>a:hover{text-decoration:none!important}.fsContact>.fsProfLink{margin-top:10px}.searchDrop{position:relative;width:190px;margin:13px auto 17px auto;padding:8px 5px;background:#ebebeb;border-radius:5px;border:1px solid #d3d3d3;cursor:pointer;font-family:"Roboto";color:#ABABAB;font-size:12px;font-weight:500}.searchDrop:hover{background-color:#FFFFFF;border-bottom-right-radius:0;border-bottom-left-radius:0;z-index:101;color:#595959;font-weight:500}.searchDrop:after{content:"";width:0;height:0;position:absolute;top:50%;right:15px;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:#8b0101 transparent}.searchDrop:hover:after{border-width:0 6px 6px 6px;border-style:solid;border-color:#8b0101 transparent}.searchDrop .dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;list-style:none;overflow:hidden;padding:10px;width:580px;z-index:100;opacity:0;display:none}.searchDrop:hover .dropdown{opacity:1;display:block}.searchDrop .dropdown ul{float:left;width:180px;margin-right:20px}.searchDrop .dropdown ul:last-child{margin-right:0}.searchDrop .dropdown li{padding:0 10px;display:block;padding:3px 0}.searchDrop .dropdown li a{text-decoration:none;color:#333;font-family:"Roboto";font-weight:500}.searchDrop .dropdown li:hover{background-color:#EBEBEB}.searchDrop>.hideShadow{display:none}.searchDrop:hover>.hideShadow{display:block;position:absolute;bottom:0;left:1px;z-index:9999;left:0}.searchContainer{position:absolute}#mainPhoneDir{margin-left:220px}.searchDrop .dropdown li{line-height:13px;padding-left:3px}#searchByLetter>.fsLetter.active:hover{cursor:default}