/* Theme Name: PACGA Author: Code Greene/Partners MG Version: 2.16 */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ @font-face { font-family:HKGrotesk; src: url("fonts/HKGrotesk-Light.otf") format("opentype"); font-weight:300; } @font-face { font-family:HKGrotesk; src: url("fonts/HKGrotesk-Medium.otf") format("opentype"); font-weight:400; } @font-face { font-family:HKGrotesk; src: url("fonts/HKGrotesk-SemiBold.otf") format("opentype"); font-weight:600; } @font-face { font-family:HKGrotesk; src: url("fonts/HKGrotesk-Bold.otf") format("opentype"); font-weight:700; } @font-face { font-family:HKGrotesk; src: url("fonts/HKGrotesk-Italic.otf") format("opentype"); font-style:italic; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-family:'HKGrotesk'; font-weight:300; vertical-align:baseline; background:transparent;} body{font-size:16px; line-height:1;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} button, input, select, textarea{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; vertical-align:baseline;} button, input{line-height:normal;} input, textarea{background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */} textarea{overflow:auto; vertical-align:top;} input[type="checkbox"], input[type="radio"]{padding:0;} input[type="checkbox"]{-webkit-appearance:checkbox;} input[type="radio"]{-webkit-appearance:radio;} input[type="search"]{-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} select{-webkit-appearance:none; -moz-appearance:none; appearance:none;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;} button[disabled], input[disabled]{cursor:default;} button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;} nav ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;} strong, strong *{font-weight:700;} ins{color:#000; background-color:#ff9; text-decoration:none;} mark{color:#000; background-color:#ff9; font-style:italic; font-weight:700;} del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;} table{border-collapse:collapse; border-spacing:0;} hr{display:block; height:1px; padding:0; margin:1em 0; border:0; border-top:1px solid #cccccc;} iframe{max-width:100%;} /* BLANKET STYLES ========================================================================================================================== */ ::selection, ::-moz-selection{background:#990133; color:#fff; text-shadow:none;} .clearfix:before, .clearfix:after{display:table; clear:both; content:'';} .clearfix{*zoom:1;} .alignright{float:right;} .alignleft{float:left;} .aligncenter{display:block; margin:0 auto;} img.alignright{margin-left:10px;} img.alignleft{margin-right:10px;} img{max-width:100%; -ms-interpolation-mode:bicubic; border:0;} /* Text ========================================== */ a{padding:0; margin:0; background:transparent; vertical-align:baseline; text-decoration:none; transition:all .25s;} a:hover, a:focus, a:active{cursor:pointer;} p{margin:0 0 15px; line-height:1.5;} p a{color:#990133; text-decoration:underline;} p a:hover, p a:focus, p a:active{color:#a6a6a6;} p img{max-width:100%; height:auto;} p:last-of-type{margin-bottom:0 !important;} h1, h2, h3, h4, h5, h6{clear:both; margin:0 0 20px; line-height:1; transition:all 0.25s;} h1{font-size:3.875em; font-family:'PT Serif', serif;} h2{font-size:2.25em; font-weight:700;} h3{font-size:1.25em; font-weight:400;} h5{font-size:1.25em; font-weight:700;} h6{font-size:1.0625em; font-weight:600;} @media screen and (max-width:480px) { h1{font-size:3.125em;} } ul, ol{float:left; width:100%; padding-left:10px; box-sizing:border-box; margin:0 0 15px; line-height:1.5;} ul{list-style: disc;} ol{list-style:decimal;} li{margin:0 0 0 20px;} li:last-of-type{margin-bottom:0;} li img{height:auto;} li a{color:#990133; text-decoration:underline;} li a:hover, li a:focus, li a:active{color:#a6a6a6;} .txtalignleft{text-align:left;} .txtalignright{text-align:right;} .txtaligncenter{text-align:center;} .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p{color:#fff;} .black-text, .black-text h1, .black-text h2, .black-text h3, .black-text h4, .black-text h5, .black-text h6, .black-text p{color:#000;} .wp-caption{float:left; max-width:100%; margin:0 10px; background-color:#fff;} .wp-caption img{width:100%; height:auto;} .wp-caption p{padding:5px; box-sizing:border-box;} @media screen and (max-width:480px) { p img{width:100%; margin:10px 0;} .wp-caption{width:100% !important; margin:10px 0;} } /* Tables ========================================== */ table{float:left; width:100%; letter-spacing:1px;} tr{background:#fff;} tr:nth-child(even){background:#f2f2f2;} th{padding:5px; color:#fff; background-color:#990133; font-weight:400;} td{padding:10px 5px; color:#777; font-size:0.875em;} /* Pagination ========================================== */ .pagination{float:left; width:100%; margin-top:30px; position:relative;} .page-numbers{float:left; background:#f2f2f2; padding:5px 10px; margin-left:5px; color:#000; transition:none;} .page-numbers:first-child{margin-left:0;} .page-numbers:hover{color:#fff; background:#a6a6a6;} .page-numbers.current{color:#fff; background:#990133;} .nav-previous{float:left;} .nav-next{float:right;} .nav-back{width:initial; position:absolute; bottom:0; left:calc(50% - 47px);} .nav-previous a, .nav-next a, .nav-back a{color:#000;} .nav-previous a:hover, .nav-next a:hover, .nav-back a:hover{text-decoration:underline;} /* Buttons ========================================== */ .btn a, a.btn, .btn input[type=submit], input[type=submit].btn, button.btn{display:inline-block; padding:15px 30px !important; box-sizing:border-box; font-weight:600; font-size:1.125em; line-height:1; text-align:center; text-decoration:none; border-radius:3px; transition:all 0.25s;} .btn a:hover, a.btn:hover, .btn input[type=submit]:hover, input[type=submit].btn:hover, button.btn:hover{cursor:pointer;} .btn a:after, a.btn:after, .btn input[type=submit]:after, input[type=submit].btn:after, button.btn:after{content:'\f0a9'; font-family:'fontawesome'; margin-left:10px;} .btn-small a, a.btn-small, .btn-small input[type=submit], input[type=submit].btn-small{display:inline-block; padding:7px 20px !important; box-sizing:border-box; font-weight:400; font-size:0.75em; line-height:1; text-align:center; text-decoration:none; border-radius:3px; transition:all 0.25s;} .btn-small a:hover, a.btn-small:hover, .btn-small input[type=submit]:hover, input[type=submit].btn-small:hover{cursor:pointer;} .btn-small a:after, a.btn-small:after, .btn-small input[type=submit]:after, input[type=submit].btn-small:after{content:'\f0a9'; font-family:'fontawesome'; margin-left:10px;} .red-btn a, a.red-btn, .red-btn input[type=submit], input[type=submit].red-btn, button.red-btn{color:#fff; background-color:#990133; border:2px solid #990133;} .red-btn a:hover, a.red-btn:hover, .red-btn input[type=submit]:hover, input[type=submit].red-btn:hover, button.red-btn:hover{color:#000; background-color:#fff;} .red-btn a:hover:after, a.red-btn:hover:after, .red-btn input[type=submit]:hover:after, input[type=submit].red-btn:hover:after, button.red-btn:hover:after{color:#990133;} .white-btn a, a.white-btn, .white-btn input[type=submit], input[type=submit].white-btn{color:#000; background-color:#fff; border:2px solid #fff;} .white-btn a:hover, a.white-btn:hover, .white-btn input[type=submit]:hover, input[type=submit].white-btn:hover{color:#fff; background-color:transparent;} .white-btn a:after, a.white-btn:after, .white-btn input[type=submit]:after, input[type=submit].white-btn:after{color:#990133;} .white-btn a:hover:after, a.white-btn:hover:after, .white-btn input[type=submit]:hover:after, input[type=submit].white-btn:hover:after{color:#fff;} .white-btn2 a, a.white-btn2, .white-btn2 input[type=submit], input[type=submit].white-btn2{color:#000; background-color:#fff; border:2px solid #990133;} .white-btn2 a:hover, a.white-btn2:hover, .white-btn2 input[type=submit]:hover, input[type=submit].white-btn2:hover{color:#fff; background-color:#990133;} .white-btn2 a:after, a.white-btn2:after, .white-btn2 input[type=submit]:after, input[type=submit].white-btn2:after{color:#990133;} .white-btn2 a:hover:after, a.white-btn2:hover:after, .white-btn2 input[type=submit]:hover:after, input[type=submit].white-btn2:hover:after{color:#fff;} /* Button Shortcode ========================================== */ span.btnshrtcd{display:flex; justify-content:flex-start; width:100%; padding:0; margin:15px 0;} span.btnshrtcd:last-child{margin-bottom:0;} span.btnshrtcd.aligncenter{justify-content:center;} span.btnshrtcd.alignright{justify-content:flex-end;} /* Containers ========================================== */ .container, #container, .pseudo-container{width:1200px; max-width:100%; margin:0 auto; position:relative;} .small-container, #small-container, .pseudo-small-container{width:900px; max-width:100%; margin:0 auto; position:relative;} @media screen and (max-width:1280px) { .container, #container{width:100%; padding:0 40px; box-sizing:border-box;} } @media screen and (max-width:1200px) { .pseudo-container{width:100%;} } @media screen and (max-width:980px) { .small-container, #small-container{width:100%; padding:0 40px; box-sizing:border-box;} } @media screen and (max-width:900px) { .pseudo-small-container{width:100%;} } @media screen and (max-width:375px) { .container, #container, .small-container, #small-container{padding:0 20px;} } /* Forms ========================================== */ form{display:flex; flex-wrap:wrap; justify-content:space-between;} .form-item{float:left; width:100%; margin-bottom:20px; position:relative;} .form-item.form-half{width:calc(50% - 10px);} .form-item.form-third{width:calc(33.33% - 10px);} .form-item.form-quarter{width:calc(25% - 10px);} .form-item.select:after{content:'\f078'; font-family:'fontawesome'; color:#888; position:absolute; top:15px; right:15px; z-index:1;} .form-text{float:left; width:100%;} .form-input{float:left; width:100%;} .form-input input, .form-input select{float:left; width:100%; height:48px; padding:15px 20px; box-sizing:border-box; font-size:0.875em; color:#888; background-color:#fff; border:none; outline:1px solid #ccc;} .form-input textarea{float:left; width:100%; padding:15px 20px; font-size:0.875em; border:none; outline:1px solid #ccc;} .form-submit input[type=submit]{width:220px; font-size:0.875em; border:none;} .form-submit span.ajax-loader{margin:0 -20px 0 4px !important;} .form-input input::-webkit-input-placeholder{font-size:0.875em; color:#888;} .form-input input::-moz-placeholder{font-size:0.875em; color:#888;} .form-input input:-ms-input-placeholder{font-size:0.875em; color:#888;} .form-input input:-moz-placeholder{font-size:0.875em; color:#888;} .form-input textarea::-webkit-input-placeholder{font-size:0.875em; color:#888;} .form-input textarea::-moz-placeholder{font-size:0.875em; color:#888;} .form-input textarea:-ms-input-placeholder{font-size:0.875em; color:#888;} .form-input textarea:-moz-placeholder{font-size:0.875em; color:#888;} @media screen and (max-width:550px) { .form-item.form-third{width:100%;} } @media screen and (max-width:425px) { .form-item.form-half{width:100%;} } @media screen and (max-width:375px) { .form-submit{width:100%;} .form-submit input[type=submit]{width:100%;} } /* Form Validation ========================================== */ .wpcf7-not-valid-tip{display:none !important;} form.invalid .wpcf7-not-valid{float:left; border:1px solid red !important; background:#f0e3e3 !important;} .wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;} div.wpcf7-response-output{padding:0; margin:0;} div.wpcf7-mail-sent-ng{float:left; width:100%; box-sizing:border-box; margin-left:0 !important; margin-right:0 !important;} form input[type=submit]:disabled{color:#ccc; background-color:#eee; border:1px solid #ccc;} form input[type=submit]:disabled:hover{cursor:not-allowed; color:#ccc; background-color:#eee; border:1px solid #ccc;} /* Sidebar ========================================== */ #sidebar{float:left; width:300px; margin-left:50px;} #sidebar .widget{float:left; width:100%;} #sidebar ul{float:left; width:100%; padding:0; margin:0; list-style:none;} #sidebar li{float:left; width:100%;} #sidebar li:last-child{margin-bottom:0;} #sidebar img{float:left; width:100%; height:auto;} #sidebar .wp-caption{max-width:100%; padding:0; margin:0; background-color:transparent; border:none; box-shadow:none;} #sidebar form .form-item{width:100% !important;} #sidebar .widget_search form{display:flex; flex-wrap:nowrap;} #sidebar .widget_search span{display:none;} #sidebar .widget_search label{width:100%; padding-right:10px;} #sidebar .widget_search label input{float:left; width:100%; height:28px; padding:0 5px; border:1px solid #ccc;} #sidebar .widget_search input[type=submit]{flex:0 0 73px; float:right; padding:5px 10px; color:#fff; background:#990133; border:none; transition:all 0.25s;} #sidebar .widget_search input[type=submit]:hover{color:#fff; background:#a6a6a6;} #sidebar .widget_recent_entries ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;} #sidebar .widget_recent_entries ul li:last-child{border:none;} #sidebar .widget_recent_entries ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;} #sidebar .widget_recent_entries ul li a{float:left; width:100%; padding:15px 0 15px 26px; box-sizing:border-box; color:#000;} #sidebar .widget_recent_entries ul li:hover{background:#f2f2f2;} #sidebar .widget_recent_entries ul li:hover a{color:#990133;} #sidebar .widget_categories label{display:none;} #sidebar .widget_categories select{float:left; width:100%;} #sidebar .widget_categories ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;} #sidebar .widget_categories ul li:last-child{border:none;} #sidebar .widget_categories ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;} #sidebar .widget_categories ul li a{float:left; width:calc(100% - 38px); padding:15px 0 15px 26px; box-sizing:border-box; color:#000;} #sidebar .widget_categories ul li:hover{background:#f2f2f2;} #sidebar .widget_categories ul li:hover a{color:#990133;} #sidebar .widget_archive label{display:none;} #sidebar .widget_archive select{float:left; width:100%;} #sidebar .widget_archive ul li{padding:0; margin:0; border-bottom:1px solid #d4d7d5; transition:all 0.25s;} #sidebar .widget_archive ul li:last-child{border:none;} #sidebar .widget_archive ul li:before{float:left; content:'- '; margin:15px -16px 0 10px; position:relative; z-index:2;} #sidebar .widget_archive ul li a{float:left; width:calc(100% - 38px); padding:15px 0 15px 26px; box-sizing:border-box; color:#000;} #sidebar .widget_archive ul li:hover{background:#f2f2f2;} #sidebar .widget_archive ul li:hover a{color:#990133;} #sidebar .widget_calendar th, #sidebar .widget_calendar td{text-align:center;} #sidebar .widget_nav_menu *{line-height:1;} #sidebar .widget_nav_menu .widgettitle{padding:7px 20px; box-sizing:border-box; margin:0; font-weight:bold; color:#fff; background-color:#990133;} #sidebar .widget_nav_menu li{float:left; width:100%; margin:0;} #sidebar .widget_nav_menu a{float:left; width:100%; padding:7px 20px; box-sizing:border-box; font-weight:bold; color:#000; text-decoration:none;} #sidebar .widget_nav_menu a:hover{background-color:#ebebeb;} #sidebar .widget_meta a{color:#990133;} #sidebar .widget_meta a:hover{color:#a6a6a6;} #sidebar .widget_pages a{color:#990133;} #sidebar .widget_pages a:hover{color:#a6a6a6;} #sidebar .widget_rss img{width:initial; height:24px; margin-right:5px;} #sidebar .widget_rss li{margin-bottom:15px;} #sidebar .widget_rss a{color:#990133;} #sidebar .widget_rss a:hover{color:#a6a6a6;} #sidebar .widget_rss .rss-date{float:left; width:100%;} #sidebar .widget_rss .rssSummary{color:#888;} #sidebar .widget_tag_cloud a{display:block; float:left; padding:5px 10px; margin:5px; color:#000; background:#990133;} #sidebar .widget_tag_cloud a:hover{color:#fff; background:#a6a6a6;} #sidebar .widget_text ul{padding-left:17px; margin:10px 0 10px 20px; list-style:disc;} #sidebar .widget_text iframe{float:left; width:100%; max-height:220px; margin:15px 0; position:relative;} #sidebar .custom-text-widget{padding:30px; box-sizing:border-box; position:relative;} #sidebar .custom-text-widget.bg-image{background-repeat:no-repeat; background-size:cover; background-position:center;} #sidebar .custom-text-widget.bg-image .overlay{background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} #sidebar .custom-text-widget.bg-image .custom-text{margin-top:180px; position:relative; z-index:2;} #sidebar .custom-text-widget .custom-text h3{font-size:1.75em;} #sidebar .custom-text-widget .custom-text h4{font-size:1.4em;} #sidebar .custom-text-widget .custom-text p{font-size:0.75em;} #sidebar .custom-text-widget a.btn{width:100%; padding:10px 20px !important; white-space:nowrap; position:relative; z-index:2;} @media screen and (max-width:375px) { #sidebar .widget_search form{flex-direction:column;} #sidebar .widget_search label{padding:0; margin-bottom:10px;} #sidebar .widget_search input[type=submit]{flex:initial;} } @media screen and (max-width:340px) { #sidebar{width:100%;} } /* Tag/Category.php ========================================== */ .section-tag-title, .section-category-title{margin-top:50px; color:#990133;} /* Sticky Footer ========================================== */ html, body{height:100%;} .page-wrapper{display:flex; flex-direction:column; float:left; width:100%; min-height:100%; position:relative;} .page-content{flex-grow:1; float:left; width:100%; position:relative;} .flexible-sidebar .container{display:flex;} .flexible-sidebar .left-side{width:100%; margin-top:50px;} .flexible-sidebar .right-side{margin-top:50px;} @media screen and (max-width:768px) { .flexible-sidebar .container{flex-direction:column;} .flexible-sidebar .left-side{width:100%; margin-top:50px;} .flexible-sidebar .right-side{width:100%; margin-top:50px;} .flexible-sidebar .right-side #sidebar{margin-left:0;} } section{float:left; width:100%; padding:0; margin:0; position:relative;} section.default{padding:50px 0;} section.default .container{display:flex;} section.default .container .left-side{width:100%;} #dialog{display:flex; justify-content:center; align-items:center; visibility:hidden; background-color:rgba(0,0,0,0.2); position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999;} #dialog *{transition:none;} #dialog .dialog-container{display:flex; flex-direction:column; justify-content:center; width:100%; max-width:500px; padding:40px; box-sizing:border-box; background-color:#fff; text-align:center;} #dialog .dialog-buttons{margin-top:15px;} #dialog .dialog-buttons a{width:100px;} #dialog a.dialog-close:after{content:''; margin:0;} @media screen and (max-width:768px) { section.default .container{flex-direction:column;} section.default #sidebar{width:100%; margin:50px 0 0;} } .overlay{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;} .overlay.grey{opacity:0.5; background-color:#333;} .overlay.red-gradient{opacity:0.5; background: #990133; /* Old browsers */ background: -moz-linear-gradient(left, #990133 0%, #333333 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #990133 0%,#333333 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #990133 0%,#333333 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990133', endColorstr='#333333',GradientType=1 ); /* IE6-9 */} /* User Login ========================================== */ #user-registration.horizontal, #user-registration{box-shadow:none;} /* CUSTOM STYLES =========================================================================================================================== */ /* Blog ========================================== */ .index{float:left; width:100%; padding-bottom:0;} .index .container{display:flex;} .index .section-text-main{float:left; width:100%;} .index .left-side{width:100%; padding-top:50px; margin-right:20px;} .index .section-block{display:flex; flex-direction:column;} .index .section-part{display:flex; margin-bottom:50px;} .index .section-block:last-child .section-part{margin-bottom:0;} .index .section-image{flex:0 0 230px; padding-right:20px;} .index .section-image img{height:auto;} .index .section-image .section-button{display:none;} .index .section-title{display:flex; justify-content:space-between; align-items:flex-start; float:left; width:100%; margin-bottom:5px;} .index .section-title h3{margin:0;} .index .section-title a{margin-left:20px; white-space:nowrap;} .index .section-all-text{float:left; width:100%;} .index .section-all-text span{float:left; width:100%; margin-bottom:20px;} .index .section-button2{display:none; width:100%; margin-top:10px;} .index .section-button2 a{width:100%;} @media screen and (max-width:1024px) { .index .section-part.sp-noimg{flex-direction:column;} .index .section-title a{display:none;} .index .section-image .section-button{display:block; margin-top:10px;} .index .section-image .section-button a{width:100%;} .index .section-button.sb-noimg{display:block;} } @media screen and (max-width:920px) { .index .section-part{flex-direction:column;} .index .section-image{padding-right:0;} .index .section-image img{flex:initial; width:100%;} .index .section-image .section-button{display:none;} .index .section-title{margin-top:10px;} .index .section-button2{display:block;} } @media screen and (max-width:768px) { .index .container{flex-direction:column;} .index #sidebar{width:100%; margin:50px 0 0;} } /* Search Results ========================================== */ section.search-results{padding:20px 0 75px;} section.search-results .container{display:flex;} section.search-results .section-text-main{float:left; width:100%; margin-bottom:40px;} section.search-results .section-text-main span{font-weight:700;} section.search-results .left-side{width:100%;} section.search-results .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.search-results .section-search span.or:last-of-type{display:none;} section.search-results .section-results{float:left; width:100%; margin-bottom:-20px;} section.search-results .section-text-sub{margin-top:30px;} section.search-results .section-text{float:left; width:100%; margin:20px 0 30px; font-weight:400; font-size:0.75em;} section.search-results .section-block{display:flex; justify-content:space-between; float:left; width:100%; padding:20px; box-sizing:border-box; margin-bottom:20px; background-color:#fff; box-shadow:0px 20px 50px rgba(150,150,150,0.4); position:relative;} section.search-results .section-part{display:flex; flex-direction:column;} section.search-results a.section-title{margin-bottom:5px; color:#000; font-weight:700;} section.search-results a.section-title:hover{text-decoration:underline;} section.search-results .section-subtitle{margin-bottom:5px; font-weight:700;} section.search-results .section-excerpt{margin-bottom:20px; color:#999; font-weight:400; font-size:0.75em;} section.search-results .section-part-inner{display:flex; justify-content:space-between;} section.search-results .inner-item{font-size:0.75em; font-weight:400; color:#000;} section.search-results a.inner-item i{color:#990133;} section.search-results a.inner-item:hover{text-decoration:underline;} @media screen and (max-width:1024px) { section.search-results .container{flex-direction:column;} section.search-results #sidebar{width:100%; margin:50px 0 0;} } @media screen and (max-width:970px) { section.search-results .section-block{flex-direction:column; width:initial;} } @media screen and (max-width:700px) { section.search-results .section-part-inner{flex-direction:column;} section.search-results .inner-item{margin-bottom:10px;} section.search-results a.inner-item{margin-top:10px;} } @media screen and (max-width:450px) { section.search-results .section-block{width:100%;} section.search-results .section-part{width:100%;} } /* Taxonomy Dropdown ========================================== */ .taxonomy-dropdown{float:left; width:100%;} .taxonomy-dropdown form{float:left; width:100%;} .taxonomy-dropdown select{float:left; width:100%; padding:10px 20px; box-sizing:border-box; background-color:#eee; border:none; border-radius:0;} /* Colored Border ========================================== */ .colored-border{display:flex; width:100%;} .colored-border span{height:6px;} /* User Login/Registration ========================================== */ #ur-frontend-form{padding:0; border:none;} #ur-frontend-form form{display:flex; flex-direction:column; align-items:flex-end; width:50%;} #ur-frontend-form .ur-form-row{width:100%;} #ur-frontend-form .ur-form-grid{padding:0;} #ur-frontend-form .ur-form-grid input{padding:0 10px; box-sizing:border-box; background-color:#f2f2f2; border:none;} #ur-frontend-form .ur-form-grid input:focus{box-shadow:inset 0 0 10px #990133;} #ur-frontend-form .ur-field-item{padding:0 5px; box-sizing:border-box;} #ur-frontend-form input[type="submit"], #ur-frontend-form button[type="submit"]{color:#fff; background-color:#990133; padding:10px 20px; box-sizing:border-box; margin:0 5px; border:2px solid #990133; transition:all 0.25s;} #ur-frontend-form input[type="submit"]:hover, #ur-frontend-form button[type="submit"]:hover{color:#000; background-color:#fff;} /* Header ========================================== */ header{float:left; width:100%; padding:30px 0; background-color:#1e1e1e; position:relative; z-index:100;} .home.page-template header{background:none;} .home.page-template header .container{border-top:1px solid #999; border-bottom:1px solid #999;} .home.page-template header .menu{border-left:1px solid #999;} .home.page-template header .menu-top{border-bottom:1px solid #999;} .home.page-template header ul#menu-top-nav a{border-bottom:1px solid #999;} .home.page-template header .header-search{border-left:1px solid #999;} .home.page-template header .login{border-left:1px solid #999;} .home.page-template header .login a{border-bottom:1px solid #999;} .home.page-template header ul#menu-main-menu li a{border-bottom:1px solid #999;} header a{text-decoration:none;} header .container{display:flex; border-top:1px solid #333; border-bottom:1px solid #333;} header .logo{flex:0 0 175px; display:flex; align-items:center; padding:15px 0;} header .logo a{display:inline-block; float:left;} header .logo img{display:inline-block; width:100%; height:auto;} header .menu{display:flex; flex-direction:column; width:100%; margin-left:40px; border-left:1px solid #333;} header .menu-top{display:flex; width:100%; border-bottom:1px solid #333;} header .menu-top-nav-container{display:flex;} header ul#menu-top-nav{display:flex; width:100%; padding:0 15px; margin:0;} header ul#menu-top-nav li{display:flex; padding:0 15px; margin:0;} header ul#menu-top-nav a{display:flex; align-items:center; padding:15px 0; margin-bottom:-1px; color:#fff; font-size:0.625em; letter-spacing:1px; text-align:center; text-transform:uppercase; border-bottom:1px solid #333;} header ul#menu-top-nav a:hover{border-bottom:1px solid #fff !important;} header .header-search{flex-grow:1; display:flex; border-left:1px solid #333;} header .header-search form{flex-grow:1; display:flex; flex-wrap:nowrap;} header .header-search form input{width:100%; padding:0 20px; color:#fff; background:none; font-size:0.875em; border:none;} header .header-search form input::-webkit-input-placeholder{font-size:0.875em; color:#fff;} header .header-search form input::-moz-placeholder{font-size:0.875em; color:#fff;} header .header-search form input:-ms-input-placeholder{font-size:0.875em; color:#fff;} header .header-search form input:-moz-placeholder{font-size:0.875em; color:#fff;} header .header-search form button{color:#fff; padding:0 20px; background:none; font-size:0.875em; border:none;} header .login{padding:0 30px; border-left:1px solid #333;} header .login a{display:flex; align-items:center; padding:15px 0 16px; margin-bottom:-1px; color:#fff; font-size:0.875em; text-align:center; border-bottom:1px solid #333;} header .login a:after{content:'\f0a9'; font-family:'fontawesome'; margin-left:10px;} header .login a:hover{border-bottom:1px solid #fff !important;} header .menu-bottom{flex-grow:1; display:flex; width:100%;} header .menu-main-menu-container{display:flex; width:100%;} header ul#menu-main-menu{display:flex; padding:0 15px; margin:0;} header ul#menu-main-menu li{flex-grow:1; display:flex; justify-content:center; padding:0 15px; margin:0; list-style-type:none; position:relative;} header ul#menu-main-menu li a{display:flex; justify-content:center; align-items:center; padding:15px 0; margin-bottom:-1px; color:#fff; border-bottom:1px solid #333; font-weight:400; font-size:0.75em; letter-spacing:2px; text-align:center; text-transform:uppercase;} header ul#menu-main-menu li a:hover{border-bottom:1px solid #fff !important;} header ul#menu-main-menu li.current_page_item a{border-bottom:1px solid #fff !important;} header ul#menu-main-menu li:hover > ul.sub-menu{display:block;} header ul#menu-main-menu li ul.sub-menu{display:none; width:initial; padding:0; margin:0; white-space:nowrap; background-color:#fff; position:absolute; top:100%; left:0; z-index:2;} header ul#menu-main-menu li ul.sub-menu li{width:100%; padding:0;} header ul#menu-main-menu li ul.sub-menu li a{display:inline-block; width:100%; padding:20px; box-sizing:border-box; color:#000; background:#fff; border-bottom:none !important; text-align:left;} header ul#menu-main-menu li ul.sub-menu li a:hover{background:#f2f2f2;} header ul#menu-main-menu li ul.sub-menu li:hover > ul.sub-menu{display:block;} header ul#menu-main-menu li ul.sub-menu li ul.sub-menu{width:350px; white-space:initial; top:0; right:100%; left:initial;} header ul#menu-main-menu li ul.sub-menu li ul.sub-menu li a{text-align:center;} header .hamburger{display:none; margin-left:auto; position:relative; z-index:3;} header .hamburger:hover{opacity:1;} header .hamburger-inner, header .hamburger-inner:before, header .hamburger-inner:after{background-color:#fff;} header .slicknav{display:none; float:left; width:100%; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.16); text-align:center; position:absolute; top:100%; left:0; z-index:2;} header .slicknav ul#menu-main-menu-1{display:flex; flex-direction:column; float:left; width:100%; padding:0; margin:0; list-style:none; position:relative;} header .slicknav ul#menu-main-menu-1 li{float:left; width:100%; padding:0; margin:0;} header .slicknav ul#menu-main-menu-1 li a{display:inline-block; float:left; width:100%; padding:20px; box-sizing:border-box; color:#000; font-size:1.125em;} header .slicknav ul#menu-main-menu-1 li a:hover{color:#990133;} header .slicknav ul#menu-main-menu-1 li:hover > a{color:#990133;} header .slicknav ul#menu-main-menu-1 li.menu-item-has-children a:after{content:'\f107'; font-family:'fontawesome'; margin-left:10px;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu{display:flex; flex-direction:column; width:100%; padding:0; margin:0; background-color:#a6a6a6; list-style:none;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu li a{color:#fff;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu li a:after{content:''; margin:0;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu li.menu-item-has-children a:after{content:'\f107'; font-family:'fontawesome'; margin-left:10px;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu li ul.sub-menu{background-color:#990133;} header .slicknav ul#menu-main-menu-1 li ul.sub-menu li ul.sub-menu li a:after{display:none; content:''; margin:0;} @media screen and (min-width:1024px) { header .mobile-only{display:none !important;} } @media screen and (max-width:1024px) { header{padding:15px 0;} header .container{border:none !important;} header .logo{padding:0;} header .menu{display:none;} header .hamburger{display:block;} header .desktop-only{display:none !important;} header .mobile-only{display:block !important;} } @media screen and (min-width:1025px) { header .slicknav{display:none !important;} } /* Footer ========================================== */ footer{float:left; width:100%; padding:75px 0 50px; box-sizing:border-box; position:relative; z-index:99;} footer .container{display:flex; flex-direction:column;} footer .footer-top{display:flex; width:100%; padding-bottom:20px;} footer .footer-logo img{width:125px; height:auto;} footer .footer-middle{display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} footer .footer-info{width:50%;} footer .footer-info *{font-family:'HKGrotesk'; font-weight:700; font-size:0.75em;} footer .footer-image{flex:0 0 75px;} footer .footer-image img{width:initial; height:75px;} footer .footer-menu{width:50%;} footer .footer-menu ul.footer_nav{padding:0; margin:0; list-style:none;} footer .footer-menu ul.footer_nav li{padding:0; margin:0 0 5px; line-height:1; text-align:right;} footer .footer-menu ul.footer_nav a{color:#000; font-weight:700; font-size:0.625em; letter-spacing:1px; text-transform:uppercase; text-decoration:none;} footer .footer-menu ul.footer_nav a:hover{text-decoration:underline;} footer .footer-bottom{display:flex; justify-content:space-between; align-items:center; width:100%; padding-top:10px;} footer .footer-copyright{color:#ccc; font-weight:600; font-size:0.5em; letter-spacing:1px; text-transform:uppercase;} footer .footer-dev-logo img{width:80px; height:auto;} @media screen and (max-width:700px) { footer{padding-bottom:20px;} footer .footer-top{justify-content:center;} footer .footer-middle{flex-direction:column; justify-content:center; align-items:center;} footer .footer-info{text-align:center;} footer .footer-image{margin:20px 0;} footer .footer-menu ul#menu-footer-menu li{text-align:center;} footer .footer-bottom{flex-direction:column; justify-content:center; align-items:center;} footer .footer-copyright{margin:10px 0 20px; line-height:1.5; text-align:center;} } /* Breadcrumb Nav ========================================== */ section.breadcrumb-nav{padding:20px 0; font-size:0.5em; letter-spacing:1px; text-transform:uppercase;} section.breadcrumb-nav a{color:#999;} section.breadcrumb-nav a:hover{text-decoration:underline;} section.breadcrumb-nav span.current-item{color:#999; font-weight:700;} /* Full Image ========================================== */ .full-image{display:flex; align-items:center; float:left; width:100%; padding:75px 0; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;} .full-image .container{z-index:2;} .full-image .hero-icons{display:flex; float:left; width:100%; margin-top:100px;} .full-image .hero-icon{display:flex; flex-direction:column; align-items:flex-start; width:230px; margin-right:40px;} .full-image .hero-icon img{height:50px; width:initial; margin-bottom:20px; filter:brightness(0) invert(1);} .full-image .hero-icon-text{line-height:1.5;} .home-hero{min-height:400px;} .home-hero .section-text{float:left; width:100%; max-width:700px;} @media screen and (max-width:760px) { .full-image .hero-icons{flex-direction:column; margin-top:50px;} .full-image .hero-icon{width:100%; margin:0 0 30px;} .full-image .hero-icon img{display:none;} } /* Text ========================================== */ section.text .container{display:flex; justify-content:space-between;} section.text .small-container{display:flex; justify-content:space-between;} section.text .col{width:48%;} @media screen and (max-width:768px) { section.text .container, section.text .small-container{flex-direction:column;} section.text .col{width:100%;} section.text .col-1{margin-bottom:40px;} } /* Banner ========================================== */ section.banner{padding:35px 0 30px; background-repeat:no-repeat; background-size:cover; background-position:center;} section.banner .colored-border{opacity:0.6; width:100%; position:absolute; top:0;} section.banner .container{display:flex; justify-content:flex-start; align-items:center;} section.banner .container.text-right{justify-content:flex-end;} section.banner .section-title h2{margin-bottom:0; color:#fff;} section.banner .section-text{color:#fff;} section.banner .section-button{padding:20px 0 20px 30px; margin-left:30px; border-left:1px solid #ccc;} section.banner .section-button a{white-space:nowrap;} @media screen and (max-width:768px) { section.banner .container{flex-direction:column;} section.banner .section-title, section.banner .section-text{text-align:center;} section.banner .section-button{padding:20px 0; margin:0; border:none;} } /* Z-Pattern ========================================== */ section.z-pattern{display:flex; flex-direction:column; float:left; width:100%; position:relative;} section.z-pattern .section-row{float:left; width:100%; padding:100px 0 75px; background-repeat:no-repeat; background-size:cover; background-position:center;} section.z-pattern .container{display:flex;} section.z-pattern .section-half{width:50%;} section.z-pattern .media-half img{display:block; float:left; width:100%; height:auto; box-shadow:0 25px 90px rgba(0,0,0,0.5);} section.z-pattern a.section-video{display:flex; justify-content:center; align-items:center; position:relative;} section.z-pattern a.section-video span{width:25%; position:absolute; z-index:2; transition:all 0.25s;} section.z-pattern a.section-video span.play2{opacity:0;} section.z-pattern a.section-video:hover span.play1{opacity:0;} section.z-pattern a.section-video:hover span.play2{opacity:1;} section.z-pattern a.section-video span img{box-shadow:none;} section.z-pattern a.section-video .overlay{opacity:0; background-color:#333; z-index:1; transition:all 0.25s;} section.z-pattern a.section-video:hover .overlay{opacity:0.7;} section.z-pattern .section-button{display:flex; justify-content:flex-start; float:left; width:100%; margin-top:25px;} section.z-pattern .section-row.textfirst .text-half{order:1; margin-right:25px; box-sizing:border-box;} section.z-pattern .section-row.textfirst .media-half{order:2; margin-left:25px; box-sizing:border-box;} section.z-pattern .section-row.mediafirst .media-half{order:1; margin-right:25px; box-sizing:border-box;} section.z-pattern .section-row.mediafirst .text-half{order:2; margin-left:25px; box-sizing:border-box;} .flexible-sidebar section.z-pattern:first-child .section-row:first-child{padding-top:0;} .flexible-sidebar section.z-pattern .section-row{display:flex;} .video-library-single section.z-pattern .section-row{padding:50px 0;} .video-library-single section.z-pattern .text-half{display:flex; flex-direction:column;} .video-library-single section.z-pattern .section-title{color:#990133; font-size:1.75em;} .video-library-single section.z-pattern .section-date{margin-bottom:20px; color:#990133;} .video-library-single section.z-pattern .section-content{} .video-library-single section.z-pattern .section-files{display:flex; flex-direction:column; margin:20px 0 -15px;} .video-library-single section.z-pattern .section-files a{display:flex; align-items:flex-start; margin-bottom:15px; color:#990133;} .video-library-single section.z-pattern .section-files a img{margin-right:8px;} .video-library-single section.z-pattern .section-files a span{text-decoration:underline;} @media screen and (max-width:1100px) { .flexible-sidebar section.z-pattern .section-row{flex-direction:column;} .flexible-sidebar section.z-pattern .section-row.textfirst .text-half{order:2;} .flexible-sidebar section.z-pattern .section-row.textfirst .media-half{order:1;} .flexible-sidebar section.z-pattern .section-half{width:100%; margin:0 !important;} .flexible-sidebar section.z-pattern .media-half{margin-bottom:50px !important;} } @media screen and (max-width:768px) { section.z-pattern .container{flex-direction:column;} section.z-pattern .section-row.textfirst .text-half{order:2;} section.z-pattern .section-row.textfirst .media-half{order:1;} section.z-pattern .section-half{width:100%; margin:0 !important;} section.z-pattern .media-half{margin-bottom:50px !important;} } /* Council ========================================== */ section.council{padding:50px 0;} section.council .section-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 25px); margin:0 0 -50px -25px;} section.council .section-part{display:flex; flex-direction:column; width:25%; padding-left:25px; box-sizing:border-box; margin-bottom:50px;} section.council .section-image{width:100%; height:27vw; max-height:345px; margin-bottom:25px; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:0 25px 40px rgba(0,0,0,0.05);} section.council .section-text{width:100%; margin-bottom:5px; font-size:0.875em;} section.council .section-name{font-family:'HKGrotesk'; font-weight:600;} @media screen and (max-width:768px) { section.council .section-part{width:33.33%;} section.council .section-image{height:34vw; max-height:initial;} } @media screen and (max-width:580px) { section.council .section-part{width:50%;} section.council .section-image{height:50vw;} } @media screen and (max-width:425px) { section.council .section-part{width:100%;} section.council .section-image{height:95vw;} } @media screen and (max-width:375px) { section.council .section-part{padding:0 30px 0 50px;} } /* Dashboard ========================================== */ #user-registration .user-registration-MyAccount-navigation{float:left; width:100%;} #user-registration .user-registration-MyAccount-content{float:left; width:100%; padding:20px; box-sizing:border-box;} #user-registration .user-registration-MyAccount-content section.dashboard, #user-registration .user-registration-MyAccount-content section.dashboard .container{padding:0 !important;} section.dashboard{padding:50px 0;} section.dashboard .section-block{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 25px); margin:0 0 -20px -25px;} section.dashboard .section-part{display:flex; width:16.66%; padding-left:25px; box-sizing:border-box; margin-bottom:20px;} section.dashboard a.section-part-inner{display:flex; flex-direction:column; align-items:center; float:left; width:100%; padding:15% 10%; box-sizing:border-box; color:#000; background-color:#fff; border:2px solid #eee; transition:all 0.25s;} section.dashboard a.section-part-inner:hover{box-shadow:0px 15px 30px rgba(150,150,150,0.4);} section.dashboard a.section-part-inner:hover img.section-image{transform:scale(1.2);} section.dashboard a.section-part-inner.no-icon{justify-content:center;} section.dashboard img.section-image{display:block; height:60px; width:initial; margin-bottom:25px; transition:all 0.25s;} section.dashboard .section-text{width:100%; font-weight:600; font-size:0.875em; text-align:center;} .flexible-sidebar section.dashboard .section-part{width:20%;} @media screen and (max-width:1100px) { .flexible-sidebar section.dashboard .section-part{width:25%;} } @media screen and (max-width:1024px) { section.dashboard .section-part{width:20%;} } @media screen and (max-width:1100px) { .flexible-sidebar section.dashboard .section-part{width:33.33%;} } @media screen and (max-width:850px) { .flexible-sidebar section.dashboard .section-part{width:50%;} } @media screen and (max-width:768px) { section.dashboard .section-part{width:25%;} .flexible-sidebar section.dashboard .section-part{width:25%;} } @media screen and (max-width:600px) { section.dashboard .section-part{width:33.33%;} .flexible-sidebar section.dashboard .section-part{width:33.33%;} } @media screen and (max-width:480px) { section.dashboard .section-part{width:50%;} .flexible-sidebar section.dashboard .section-part{width:50%;} } @media screen and (max-width:375px) { section.dashboard .section-block{width:calc(100% + 15px); margin:0 0 -15px -15px;} section.dashboard .section-part{padding-left:15px; margin-bottom:15px;} } /* Contact ========================================== */ .contact{padding:20px 0 50px;} .contact .section-title-main{float:left; width:100%; margin-bottom:50px;} .contact .section-block{display:flex; float:left; width:100%;} .contact .left-side{display:flex; flex-direction:column; width:35%; margin-right:25px;} .contact .contact-info{display:flex; width:100%; margin-bottom:60px;} .contact .contact-info:before{content:'\f041'; font-family:'fontawesome'; margin-right:10px; color:#ccc;} .contact .contact-info .info{float:left; width:100%;} .contact .contact-info .info *{font-weight:700;} .contact .section-button{width:100%; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ccc;} .contact .section-button a{display:flex; align-items:center; padding:25px; box-sizing:border-box; color:#000; font-weight:700; border:2px solid #ccc;} .contact .section-button a i{margin-right:15px; color:#990133; font-size:1.5em;} .contact .section-button a:hover{border:2px solid #990133;} .contact .notices{display:flex; flex-direction:column; width:100%;} .contact .section-title{width:100%; margin-bottom:15px; font-weight:700;} .contact .section-text{width:100%; font-size:0.875em;} .contact .right-side{width:65%; margin-left:25px;} .contact .contact-form{float:left; width:100%;} @media screen and (max-width:700px) { .contact .section-block{flex-direction:column;} .contact .left-side{order:2; width:100%; margin:0;} .contact .right-side{order:1; width:100%; margin:0 0 50px;} } /* Map ========================================== */ .map{padding:50px 0;} .map iframe{width:100%; max-height:400px;} @media screen and (max-width:700px) { .map iframe{height:77vw;} } /* Prosecutors ========================================== */ section.prosecutors{padding:20px 0 75px;} section.prosecutors .section-search{display:flex; align-items:center; float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc;} section.prosecutors .section-search .prosecutors-search{flex-grow:1; float:left; width:50%; position:relative;} section.prosecutors .section-search .prosecutors-search form{display:flex; flex-wrap:nowrap; float:left; width:100%;} section.prosecutors .section-search .prosecutors-search form input{float:left; width:100%; padding:8px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.prosecutors .section-search .prosecutors-search form button{padding:8px 15px; box-sizing:border-box; margin-left:10px; color:#fff; background-color:#990133; font-size:0.75em; border:1px solid #990133; transition:all 0.25s;} section.prosecutors .section-search .prosecutors-search form button:hover{color:#000; background-color:#fff;} section.prosecutors .section-search .prosecutors-dropdown{flex-grow:1; float:left; width:50%; position:relative;} section.prosecutors .section-search .prosecutors-dropdown span{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:10px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.prosecutors .section-search .prosecutors-dropdown span:hover{cursor:pointer;} section.prosecutors .section-search .prosecutors-dropdown span:after{content:'\f0d7'; font-family:'fontawesome'; transition:all .25s;} section.prosecutors .section-search .prosecutors-dropdown span.open:after{transform:rotate(-180deg);} section.prosecutors .section-search .prosecutors-dropdown ul{display:none; overflow-y:scroll; max-height:175px; padding:0; margin:0; background-color:#fff; list-style:none; border:1px solid #ddd; position:absolute; top:100%; z-index:999;} section.prosecutors .section-search .prosecutors-dropdown li{float:left; width:100%; margin:0;} section.prosecutors .section-search .prosecutors-dropdown a{display:inline-block; float:left; width:100%; padding:10px 20px; box-sizing:border-box; color:#000; font-size:0.75em; text-decoration:none;} section.prosecutors .section-search .prosecutors-dropdown a:hover{background-color:#f2f2f2;} section.prosecutors .section-search .prosecutors-dropdown span{background-color:#f2f2f2; border:none;} section.prosecutors .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.prosecutors .section-search span.or:last-of-type{display:none;} section.prosecutors .section-results{float:left; width:100%; margin-bottom:-20px;} section.prosecutors .section-text{float:left; width:100%; margin:20px 0 30px; font-weight:400; font-size:0.75em;} section.prosecutors .section-block{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:20px; box-sizing:border-box; margin-bottom:20px; background-color:#fff; box-shadow:0px 15px 30px rgba(150,150,150,0.4); position:relative; transition:all 0.25s;} section.prosecutors .section-part{display:flex; align-items:center; width:25%;} section.prosecutors .section-part-inner{display:flex; flex-direction:column; margin-left:30px;} section.prosecutors .section-part-image{width:80px; height:80px; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:100px;} section.prosecutors img{width:80px; height:auto; border-radius:100px;} section.prosecutors .section-title{margin-bottom:5px; font-weight:700;} section.prosecutors .section-position{color:#999; font-weight:400; font-size:0.75em;} section.prosecutors .part-address{width:30%; margin:0 15px;} section.prosecutors .part-address .section-address-container{display:flex; flex-direction:column;} section.prosecutors .part-numbers{width:20%; margin:0 15px;} section.prosecutors .section-number{margin-bottom:5px;} section.prosecutors .section-number a{color:#990133 !important; text-decoration:underline;} section.prosecutors .section-number a:hover{color:#000 !important;} section.prosecutors .section-number:last-child{margin-bottom:0;} section.prosecutors .part-links{flex:0 0 140px;} section.prosecutors .part-links a{display:flex; flex-direction:column; justify-content:center; align-items:center; width:50%; height:70px; padding:10px; box-sizing:border-box; color:#000; font-weight:600; font-size:0.625em; text-align:center; text-transform:uppercase; border:2px solid #f2f2f2; transition:all 0.25s;} section.prosecutors .part-links a i{margin-bottom:7px; font-size:3em; transition:all 0.25s;} section.prosecutors .part-links a:hover{border:2px solid #ccc;} section.prosecutors .part-links a:hover i{transform:scale(1.1);} section.prosecutors a.section-email:hover{z-index:2;} section.prosecutors a.section-website{margin-left:-2px;} section.prosecutors a.section-website i{color:#990133;} section.prosecutors .section-part.no-email a.section-email{display:none;} section.prosecutors .section-part.no-email a.section-website{width:100%;} section.prosecutors .section-part.no-site a.section-email{width:100%;} section.prosecutors .section-part.no-site a.section-website{display:none;} section.prosecutors .section-part.no-email-site a.section-email{display:none;} section.prosecutors .section-part.no-email-site a.section-website{display:none;} section.prosecutors .section-part.part-address *{color:#999; font-weight:600; line-height:1.3;} section.prosecutors .section-part.part-numbers *{color:#999; font-weight:600;} section.prosecutors .section-part.part-address:before{align-self:flex-start; margin-right:10px; content:'\f041'; font-family:'fontawesome'; font-size:1.3em; color:#999;} section.prosecutors .section-part.part-numbers:before{align-self:flex-start; margin:-3px 10px 0 0; content:'\f10b'; font-family:'fontawesome'; font-size:1.7em; color:#999;} @media screen and (max-width:970px) { section.prosecutors .section-results{display:flex; flex-direction:column; align-items:center;} section.prosecutors .section-block{flex-direction:column; width:initial;} section.prosecutors .section-part{width:300px !important;} section.prosecutors .part-name{width:100% !important; margin-bottom:10px;} section.prosecutors .part-address, section.prosecutors .part-numbers{padding:0 30px; box-sizing:border-box; margin:10px 15px;} section.prosecutors .part-links{flex:initial; width:calc(100% + 42px) !important; margin:10px 0 -20px;} section.prosecutors a.section-email{width:100%;} section.prosecutors a.section-website{width:100%;} } @media screen and (max-width:768px) { section.prosecutors .section-search{flex-wrap:wrap; padding-bottom:10px;} section.prosecutors .section-search .prosecutors-search{margin-bottom:20px;} section.prosecutors .section-search .prosecutors-dropdown{margin-bottom:20px;} section.prosecutors .section-search span.or{margin-bottom:20px;} section.prosecutors .section-search span.or:last-of-type{display:block; visibility:hidden;} } @media screen and (max-width:450px) { section.prosecutors .section-block{width:100%;} section.prosecutors .section-part{width:100% !important;} section.prosecutors .part-links{width:calc(100% + 42px) !important;} section.prosecutors .part-address, section.prosecutors .part-numbers{margin:10px 0;} } /* Forms ========================================== */ section.forms{padding:20px 0 75px;} section.forms .container{display:flex;} section.forms .section-search{display:flex; align-items:center; float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc;} section.forms .section-search .forms-dropdown{flex-grow:1; float:left; width:50%; position:relative;} section.forms .section-search .forms-dropdown span{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:10px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.forms .section-search .forms-dropdown span:hover{cursor:pointer;} section.forms .section-search .forms-dropdown span:after{content:'\f0d7'; font-family:'fontawesome'; transition:all .25s;} section.forms .section-search .forms-dropdown span.open:after{transform:rotate(-180deg);} section.forms .section-search .forms-dropdown ul{display:none; overflow-y:scroll; max-height:175px; padding:0; margin:0; background-color:#fff; list-style:none; border:1px solid #ddd; position:absolute; top:100%; z-index:999;} section.forms .section-search .forms-dropdown li{float:left; width:100%; margin:0;} section.forms .section-search .forms-dropdown a{display:inline-block; float:left; width:100%; padding:10px 20px; box-sizing:border-box; color:#000; font-size:0.75em; text-decoration:none;} section.forms .section-search .forms-dropdown a:hover{background-color:#f2f2f2;} section.forms .section-search .forms-dropdown span{background-color:#f2f2f2; border:none;} section.forms .left-side{width:100%;} section.forms .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.forms .section-search span.or:last-of-type{display:none;} section.forms .section-results{float:left; width:100%; margin-bottom:-20px;} section.forms .section-text{float:left; width:100%; margin:20px 0 30px; font-weight:400; font-size:0.75em;} section.forms .section-block{display:flex; justify-content:space-between; float:left; width:100%; margin-bottom:20px; background-color:#fff; position:relative;} section.forms .section-part{display:flex; align-items:flex-start; overflow:hidden; width:100%; position:relative;} section.forms .section-part .restricted-popup.open{margin:0 !important;} section.forms .section-part .restricted-popup{width:100%; padding-left:70px; box-sizing:border-box; margin-left:-100%; position:absolute; top:0; bottom:0; z-index:2; transition: all 0.25s;} section.forms .section-part .restricted-popup-inner{padding:20px; box-sizing:border-box; color:#fff; background-color:#990133;} section.forms .section-part .restricted-popup a{color:#fff; text-decoration:underline;} section.forms .section-image, section.forms a.section-image{flex:0 0 40px; background-color:#fff; padding-right:30px; position:relative; z-index:3;} section.forms .section-image img, section.forms a.section-image img{width:100%; height:auto;} section.forms .section-image i{color:#a6a6a6; font-size:62px;} section.forms .section-part-inner{display:flex; flex-direction:column;} section.forms .section-title, section.forms a.section-title{margin-bottom:5px; color:#000; font-weight:700;} section.forms a.section-title:hover{text-decoration:underline;} section.forms .section-title.restricted{color:#a6a6a6;} section.forms .section-title.restricted:hover{cursor:default;} section.forms .section-excerpt{margin-top:5px; color:#777; font-weight:400; font-size:0.875em;} section.forms .section-excerpt a{margin-right:10px; white-space:nowrap; color:#a6a6a6;} section.forms .section-excerpt a:hover{color:#990133; text-decoration:underline;} section.forms .section-excerpt p a{color:#990133;} section.forms .section-excerpt p a:hover{color:#a6a6a6;} section.forms .form-single{margin-top:30px;} @media screen and (max-width:970px) { section.forms .section-results{display:flex; flex-direction:column;} section.forms .section-block{flex-direction:column; width:initial;} } @media screen and (max-width:768px) { section.forms .container{flex-direction:column;} section.forms #sidebar{width:100%; margin:50px 0 0;} section.forms .section-search{flex-wrap:wrap; padding-bottom:10px;} section.forms .section-search .forms-dropdown{margin-bottom:20px;} section.forms .section-search span.or{margin-bottom:20px;} section.forms .section-search span.or:last-of-type{display:block; visibility:hidden;} } @media screen and (max-width:450px) { section.forms .section-block{width:100%;} section.forms .section-part{width:100%;} } /* Jobs ========================================== */ section.jobs{padding:20px 0 75px;} section.jobs .container{display:flex;} section.jobs .section-text-main *{font-weight:400;} section.jobs .section-search{display:flex; align-items:center; float:left; width:100%; padding:30px 0; border-bottom:1px solid #ccc;} section.jobs .section-search .jobs-dropdown{flex-grow:1; float:left; width:50%; position:relative;} section.jobs .section-search .jobs-dropdown span{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:10px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.jobs .section-search .jobs-dropdown span:hover{cursor:pointer;} section.jobs .section-search .jobs-dropdown span:after{content:'\f0d7'; font-family:'fontawesome'; transition:all .25s;} section.jobs .section-search .jobs-dropdown span.open:after{transform:rotate(-180deg);} section.jobs .section-search .jobs-dropdown ul{display:none; overflow-y:scroll; max-height:175px; padding:0; margin:0; background-color:#fff; list-style:none; border:1px solid #ddd; position:absolute; top:100%; z-index:999;} section.jobs .section-search .jobs-dropdown li{float:left; width:100%; margin:0;} section.jobs .section-search .jobs-dropdown a{display:inline-block; float:left; width:100%; padding:10px 20px; box-sizing:border-box; color:#000; font-size:0.75em; text-decoration:none;} section.jobs .section-search .jobs-dropdown a:hover{background-color:#f2f2f2;} section.jobs .section-search .jobs-dropdown span{background-color:#f2f2f2; border:none;} section.jobs .left-side{width:100%;} section.jobs .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.jobs .section-search span.or:last-of-type{display:none;} section.jobs .section-results{float:left; width:100%; margin-bottom:-20px;} section.jobs .section-text-sub{margin-top:30px;} section.jobs .section-text{float:left; width:100%; margin:20px 0 30px; font-weight:400; font-size:0.75em;} section.jobs .section-block{display:flex; justify-content:space-between; float:left; width:100%; padding:20px; box-sizing:border-box; margin-bottom:20px; background-color:#fff; box-shadow:0px 20px 50px rgba(150,150,150,0.4); position:relative;} section.jobs .section-part{display:flex; flex-direction:column; width:100%;} section.jobs a.section-title{margin-bottom:5px; color:#000; font-weight:700;} section.jobs a.section-title:hover{text-decoration:underline;} section.jobs .section-subtitle{margin-bottom:5px; font-weight:700;} section.jobs .section-excerpt{margin-bottom:20px; color:#999; font-weight:400; font-size:0.75em;} section.jobs .section-part-inner{display:flex; justify-content:space-between;} section.jobs .inner-item{font-size:0.75em; font-weight:400; color:#000;} section.jobs .inner-item.opening-date, section.jobs .inner-item.closing-date{width:28%;} section.jobs .inner-item.position-status, section.jobs .inner-item.position-type{width:15%;} section.jobs a.inner-item{margin-left:auto; white-space:nowrap;} section.jobs a.inner-item i{color:#990133;} section.jobs a.inner-item:hover{text-decoration:underline;} /* Job - Single ------------------------- */ section.jobs-single{padding:20px 0 75px;} section.jobs-single .container{display:flex; justify-content:space-between;} section.jobs-single .section-block{float:left; width:100%;} section.jobs-single .section-title h2{margin-bottom:0;} section.jobs-single .left-side{width:100%;} section.jobs-single .right-side{flex:0 0 300px;} section.jobs-single .right-side .job-info{float:left; width:300px; margin:0 0 50px 50px;} section.jobs-single .right-side .info-item{float:left; width:100%; margin-bottom:5px; font-size:0.75em; font-weight:600; text-align:center;} section.jobs-single .right-side .section-button{float:left; width:100%; margin-top:20px; text-align:center;} section.jobs-single .right-side .section-button a{font-size:0.875em;} @media screen and (max-width:1024px) { section.jobs .container{flex-direction:column;} section.jobs #sidebar{width:100%; margin:50px 0 0;} } @media screen and (max-width:970px) { section.jobs .section-results{display:flex; flex-direction:column; align-items:center;} section.jobs .section-block{flex-direction:column;} } @media screen and (max-width:768px) { section.jobs-single .container{flex-direction:column; align-items:center;} section.jobs-single .right-side{flex:initial;} section.jobs-single .right-side .job-info{width:100%; margin:50px 0 0;} section.jobs-single #sidebar{width:100%; margin:50px 0 0;} section.jobs .section-search{flex-wrap:wrap; padding-bottom:10px;} section.jobs .section-search .jobs-dropdown{margin-bottom:20px;} section.jobs .section-search span.or{margin-bottom:20px;} section.jobs .section-search span.or:last-of-type{display:block; visibility:hidden;} section.jobs .section-part-inner{flex-direction:column;} section.jobs .inner-item{width:initial !important; margin-bottom:10px;} section.jobs a.inner-item{margin-top:10px;} } @media screen and (max-width:450px) { section.jobs .section-block{width:100%;} section.jobs .section-part{width:100%;} } /* News ========================================== */ section.news{padding:75px 0 50px;} section.news .section-title-main{display:flex; justify-content:space-between; align-items:center;} section.news .section-title-main a{margin-bottom:20px; color:#000; font-weight:400;} section.news .section-title-main a i{color:#990133;} section.news .section-title-main a:hover{text-decoration:underline;} section.news .section-block{display:flex; margin-bottom:-20px;} section.news .section-third{display:flex; width:calc(33.33% + 20px); padding-right:11px; box-sizing:border-box; margin-left:-20px;} section.news .section-third .section-part-inner{padding-top:150px; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;} section.news .section-third .overlay{opacity:0.9; width:100%; position:absolute; top:0; bottom:0; z-index:1; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} section.news .section-third a.section-title{font-size:1.25em;} section.news .section-two-thirds{display:flex; flex-wrap:wrap; width:calc(66.66% + 20px); margin-left:-11px;} section.news .section-two-thirds .section-part:first-child{display:none;} section.news .section-two-thirds .section-part:nth-of-type(2) .section-part-inner{background-color:#990133;} section.news .section-two-thirds .section-part:nth-of-type(3) .section-part-inner{background-color:#474747;} section.news .section-two-thirds .section-part:last-child .section-part-inner{color:#000; box-shadow:0px 20px 50px rgba(150,150,150,0.4);} section.news .section-two-thirds .section-part:last-child .section-part-inner a{color:#000;} section.news .section-two-thirds .section-part-inner{justify-content:space-between;} section.news .section-part{display:flex; width:50%; min-height:220px; padding-left:20px; box-sizing:border-box; margin-bottom:20px;} section.news .section-part:nth-child(-n+2){width:100%;} section.news .section-part-inner{display:flex; flex-direction:column; justify-content:flex-end; width:100%; padding:20px; box-sizing:border-box; color:#fff;} section.news .section-date{margin-bottom:15px; font-size:0.75em; font-weight:400; position:relative; z-index:2;} section.news a.section-title{float:left; width:100%; margin-bottom:15px; color:#fff; font-weight:600; position:relative; z-index:2;} section.news a.section-title:hover{text-decoration:underline;} section.news .section-text{float:left; width:100%; font-size:0.75em; position:relative; z-index:2;} section.news .section-button{float:left; width:100%; margin-top:15px; position:relative; z-index:2;} section.news .section-button a{color:#fff; font-size:0.875em; font-weight:400;} section.news .section-button a:hover{text-decoration:underline;} /* News - Single ------------------------- */ section.news-single{padding:20px 0 75px;} section.news-single .container{display:flex;} section.news-single .section-block{float:left; width:100%;} section.news-single .section-date{margin-bottom:20px;} @media screen and (max-width:768px) { section.news .section-block{flex-direction:column;} section.news .section-third{width:calc(100% + 20px); padding-right:0;} section.news .section-two-thirds{width:calc(100% + 20px); margin-left:-20px;} section.news-single .container{flex-direction:column;} section.news-single #sidebar{width:100%; margin:50px 0 0;} } @media screen and (max-width:600px) { section.news .section-two-thirds{flex-direction:column;} section.news .section-part{width:100%;} } /* Staff ========================================== */ section.staff{padding:75px 0 50px;} section.staff .section-block{display:flex; flex-wrap:wrap;} section.staff .section-part-outer{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 30px); margin-left:-30px;} section.staff .section-title-main{width:100%; padding-left:30px; box-sizing:border-box; margin-bottom:10px;} section.staff .section-part{display:flex; flex-wrap:wrap; flex-direction:column; align-content:flex-start; width:100%; max-height:395px; margin-bottom:70px;} section.staff .section-part-inner{order:2; width:25%; padding-left:30px; box-sizing:border-box; margin-bottom:20px;} section.staff .section-image{display:none; margin-bottom:30px;} section.staff .section-image img{width:100%; height:auto;} section.staff .section-title{margin-bottom:5px; font-weight:600;} section.staff span{display:none;} section.staff .section-part-inner.lead{order:1; flex-basis:100%;} section.staff .section-part-inner.lead .section-image{display:block;} @media screen and (max-width:800px) { section.staff .section-part{max-height:600px;} section.staff .section-part-inner{width:33.33%;} } @media screen and (max-width:580px) { section.staff .section-title-main{text-align:center;} section.staff .section-part{align-content:initial; align-items:center; max-height:initial;} section.staff .section-part-inner{width:100%; max-width:300px;} section.staff .section-part-inner.lead{flex-basis:initial;} } /* Training Events ========================================== */ section.training{padding:20px 0 75px;} section.training .container{display:flex;} section.training .section-search{display:flex; align-items:center; float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc;} section.training .left-side{width:100%;} section.training .section-search .training-dropdown{flex-grow:1; float:left; width:50%; position:relative;} section.training .section-search .training-dropdown span{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:10px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.training .section-search .training-dropdown span:hover{cursor:pointer;} section.training .section-search .training-dropdown span:after{content:'\f0d7'; font-family:'fontawesome'; transition:all .25s;} section.training .section-search .training-dropdown span.open:after{transform:rotate(-180deg);} section.training .section-search .training-dropdown ul{display:none; overflow-y:scroll; max-height:175px; padding:0; margin:0; background-color:#fff; list-style:none; border:1px solid #ddd; position:absolute; top:100%; z-index:999;} section.training .section-search .training-dropdown li{float:left; width:100%; margin:0;} section.training .section-search .training-dropdown a{display:inline-block; float:left; width:100%; padding:10px 20px; box-sizing:border-box; color:#000; font-size:0.75em; text-decoration:none;} section.training .section-search .training-dropdown a:hover{background-color:#f2f2f2;} section.training .section-search .training-dropdown span{background-color:#f2f2f2; border:none;} section.training .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.training .section-search span.or:last-of-type{display:none;} section.training .section-results{display:flex; flex-wrap:wrap; float:left; width:calc(100% + 20px); margin:30px 0 -20px -20px;} section.training .section-text{float:left; width:100%; padding-left:20px; box-sizing:border-box; margin-top:20px; font-weight:400; font-size:0.75em;} section.training .section-block{display:flex; justify-content:space-between; float:left; width:100%; padding-left:20px; box-sizing:border-box; margin-bottom:30px; background-color:#fff; position:relative;} section.training .section-block:nth-of-type(-n+2){order:1;} section.training .section-block:nth-of-type(n+3){order:3; z-index:1;} section.training .section-part{display:flex; align-items:flex-start;} section.training .section-date{flex:0 0 80px;} section.training .section-date-day{display:flex; justify-content:center; align-items:center; float:left; width:100%; height:80px; color:#fff; font-size:3em; font-weight:700;} section.training .section-date.multiple .section-date-day{font-size:20px;} section.training .section-date.multiple .section-date-month span{font-size:17px;} section.training .section-block:nth-of-type(3n+1) .section-date-day{background-color:#990133;} section.training .section-block:nth-of-type(3n+2) .section-date-day{background-color:#474747;} section.training .section-block:nth-of-type(3n+3) .section-date-day{background-color:#a6a6a6;} section.training .section-date-month{float:left; width:100%; margin-top:5px; text-align:center;} section.training .section-part-inner{display:flex; flex-direction:column; margin-left:30px;} section.training a.section-title{margin-bottom:5px; color:#000; font-weight:700;} section.training a.section-title:hover{text-decoration:underline;} section.training .section-excerpt{color:#999; font-weight:400; font-size:0.75em;} section.training .section-bottom{display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:10px;} section.training .section-location{display:flex; align-items:center; margin-right:10px; font-size:0.875em; font-weight:400;} section.training .section-location i{margin-right:5px; color:#ccc; font-size:1.25em;} section.training a.read-more{color:#000; white-space:nowrap; font-size:0.875em; font-weight:400;} section.training a.read-more i{color:#990133;} section.training a.read-more:hover{text-decoration:underline;} section.training .section-bottom.outer-bottom{display:none;} section.training .section-block.featured{order:2 !important; flex-direction:column; justify-content:flex-start; width:50%; margin:30px 0 80px; z-index:3;} section.training .section-block.featured + .section-block.featured{z-index:2;} section.training .section-block.featured:before{content:'Featured'; margin-bottom:20px; font-weight:400;} section.training .section-block.featured + .section-block.featured:before{visibility:hidden;} section.training .section-block.featured .section-part{flex-direction:column; box-shadow:0px 20px 50px rgba(150,150,150,0.4);} section.training .section-block.featured .section-image{display:flex; width:100%; height:250px; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;} section.training .section-block.featured .overlay{opacity:0.6; width:100%; position:absolute; top:0; bottom:0; z-index:1; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} section.training .section-block.featured .section-image .section-date-full{align-self:flex-end; padding:15px 20px; box-sizing:border-box; color:#fff; font-size:0.875em; z-index:2;} section.training .section-block.featured .section-part-inner{float:left; width:100%; padding:20px; box-sizing:border-box; margin:0;} section.training .section-block.featured .section-bottom{margin-top:20px;} .flexible section.training{padding-top:60px;} .flexible section.training .section-results{margin-top:0;} .flexible section.training .left-side{width:66.66%; padding-right:30px; box-sizing:border-box;} .flexible section.training .section-block{margin:0 0 30px;} .flexible section.training .right-side{flex:initial; width:33.33%; margin:0; background:none;} .flexible section.training .right-side .section-block:nth-of-type(2){margin-bottom:30px;} .flexible section.training .right-side .section-block:nth-of-type(3){margin-top:0;} .flexible section.training .right-side a.view-more{float:left; padding-left:20px; box-sizing:border-box; margin-bottom:18px; color:#000; font-weight:400;} .flexible section.training .right-side a.view-more i{color:#990133;} .flexible section.training .right-side a.view-more:hover{text-decoration:underline;} .flexible section.training .section-part-inner{margin-left:10px;} .flexible section.training .section-date{flex:0 0 50px;} .flexible section.training .section-date-day{height:50px; font-size:2em;} .flexible section.training .section-date.multiple .section-date-day {font-size:12px;} .flexible section.training .section-date.multiple .section-date-month span {font-size:10px;} /* Training - Single ------------------------- */ section.training-single{padding:20px 0 75px;} section.training-single .container{display:flex;} section.training-single .section-block{float:left; width:100%;} section.training-single .section-date{margin-bottom:20px;} section.training-single .section-register-button{display:none; margin-bottom:20px;} section.training-single .section-register-button a{font-size:0.875em;} section.training-single .right-side .section-button{float:left; width:300px; margin:0 0 50px 50px; text-align:center;} section.training-single .right-side .section-button a{font-size:0.875em;} @media screen and (max-width:1024px) { section.training .container{flex-direction:column;} section.training #sidebar{width:100%; margin:50px 0 0;} } @media screen and (max-width:970px) { section.training .section-results{display:flex; flex-direction:column; align-items:center;} section.training .section-block{flex-direction:column; width:100%;} section.training .section-block.featured{width:100%;} section.training .section-block.featured + .section-block.featured:before{display:none;} .flexible section.training .section-results{align-items:flex-start;} .flexible section.training .left-side{width:100%; padding-right:0;} .flexible section.training .right-side{width:100%;} .flexible section.training .section-block.featured{width:50%;} .flexible section.training .section-block.featured + .section-block.featured:before{display:block;} } @media screen and (max-width:768px) { section.training .section-results{flex-direction:row;} section.training .section-block.featured{width:50%;} section.training .section-block.featured + .section-block.featured:before{display:block; visibility:hidden;} section.training .section-search{flex-wrap:wrap; padding-bottom:10px;} section.training .section-search .training-dropdown{margin-bottom:20px;} section.training .section-search span.or{margin-bottom:20px;} section.training .section-search span.or:last-of-type{display:block;} section.training-single .container{flex-direction:column;} section.training-single .section-register-button{display:block;} section.training-single .right-side .section-button{display:none;} section.training-single #sidebar{width:100%; margin:50px 0 0;} } @media screen and (max-width:600px) { section.training .section-results{flex-direction:column;} section.training .section-block.featured{width:100%;} section.training .section-block.featured + .section-block.featured:before{display:none;} .flexible section.training .section-block.featured{width:100%;} .flexible section.training .section-block.featured + .section-block.featured:before{display:none;} } @media screen and (max-width:450px) { section.training .section-block{width:100%;} section.training .section-part{width:100%;} section.training .section-date{flex:0 0 50px;} section.training .section-date-day{height:50px; font-size:2em;} section.training .section-part-inner{margin-left:10px;} section.training .section-bottom{display:none;} section.training .section-bottom.outer-bottom{display:flex;} section.training .section-block.featured .section-bottom{display:flex;} } /* File Accordion ========================================== */ section.file-accordion{padding:50px 0;} .page-template-page-flexible-p section.file-accordion {padding:25px 0;} section.file-accordion .accordion{float:left; width:100%;} section.file-accordion .accordion-title{display:flex; align-items:flex-start; float:left; font-family:'fontawesome'; font-size:2em;} section.file-accordion .accordion-title:before{content:'\f105'; margin:-3px 50px 0 0; transition:all 0.25s;} section.file-accordion .accordion-title.active:before{transform:rotate(90deg);} section.file-accordion .accordion-title:hover{cursor:pointer;} section.file-accordion .accordion-files{display:none; float:left; width:100%; padding-left:60px; box-sizing:border-box; margin-bottom:30px;} section.file-accordion .accordion-file{display:flex; align-items:center; float:left; width:100%; margin-bottom:5px;} section.file-accordion .accordion-file a{display:flex; align-items:center; color:#000; font-size:20px;} section.file-accordion .accordion-file a:hover{color:#990133; text-decoration:underline;} section.file-accordion .accordion-file img{width:25px; height:auto; margin:0 20px 5px 0;} @media screen and (max-width:480px) { section.file-accordion .accordion-files{padding-left:0;} } /* Text ========================================== */ section.text-section{padding:30px 0;} /* CaseLaw Updates ========================================== */ section.caselaw{padding:20px 0 75px;} section.caselaw .section-search{display:flex; align-items:center; float:left; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc;} section.caselaw .section-search .caselaw-dropdown{display:flex; flex-grow:1; float:left; width:50%; position:relative;} section.caselaw .section-search .caselaw-dropdown span{display:flex; justify-content:space-between; align-items:center; float:left; width:100%; padding:10px 20px; box-sizing:border-box; font-size:0.75em; border:1px solid #ddd;} section.caselaw .section-search .caselaw-dropdown span:hover{cursor:pointer;} section.caselaw .section-search .caselaw-dropdown span:after{content:'\f0d7'; font-family:'fontawesome'; transition:all .25s;} section.caselaw .section-search .caselaw-dropdown span.open:after{transform:rotate(-180deg);} section.caselaw .section-search .caselaw-dropdown ul{display:none; overflow-y:scroll; max-height:175px; padding:0; margin:0; background-color:#fff; list-style:none; border:1px solid #ddd; position:absolute; top:100%; z-index:999;} section.caselaw .section-search .caselaw-dropdown li{float:left; width:100%; margin:0;} section.caselaw .section-search .caselaw-dropdown a{display:inline-block; float:left; width:100%; padding:10px 20px; box-sizing:border-box; color:#000; font-size:0.75em; text-decoration:none;} section.caselaw .section-search .caselaw-dropdown a:hover{background-color:#f2f2f2;} section.caselaw .section-search .caselaw-dropdown span{background-color:#f2f2f2; border:none;} section.caselaw .section-search .month-dropdown, section.caselaw .section-search .year-dropdown{flex-grow:1; margin-right:10px;} section.caselaw .section-search a.date-submit{max-width:96px; color:#fff;} section.caselaw .section-search a.date-submit:hover{color:#000;} section.caselaw .section-search span.or{padding:0 25px; box-sizing:border-box; font-weight:400; font-size:0.875em;} section.caselaw .section-search span.or:last-of-type{display:none;} section.caselaw .section-results{float:left; width:100%; margin-top:30px;} section.caselaw .section-results .section-text{float:left; width:100%; font-weight:400; font-size:0.75em;} section.caselaw .section-results .file-accordion{float:left; width:100%; padding:30px 0; position:relative;} @media screen and (max-width:768px) { section.caselaw .section-search{flex-wrap:wrap; padding-bottom:10px;} section.caselaw .section-search .caselaw-dropdown{margin-bottom:20px;} section.caselaw .section-search .month-dropdown, section.caselaw .section-search .year-dropdown{margin-bottom:0;} section.caselaw .section-search span.or{margin-bottom:20px;} section.caselaw .section-search span.or:last-of-type{display:block; visibility:hidden;} } @media screen and (max-width:450px) { section.caselaw .section-search .multi-dropdown{flex-direction:column;} section.caselaw .section-search .month-dropdown, section.caselaw .section-search .year-dropdown{width:100%; margin-bottom:10px;} } /* Video Library ========================================== */ section.video-library{padding:50px 0;} section.video-library .container{} section.video-library .section-filters{float:left; width:100%; margin-bottom:20px;} section.video-library form{display:flex;} section.video-library form input, section.video-library form select{flex-grow:2; height:52.5px; padding:10px; box-sizing:border-box; margin:0 30px 20px 0; border:1px solid #D9D9D9; } section.video-library form button{margin-bottom:20px;} section.video-library .section-block{float:left; width:100%;} section.video-library .section-part{float:left; width:100%; max-width:884px; margin-bottom:20px; position:relative;} section.video-library .section-date{color:#990133; position:absolute; top:0; left:0;} section.video-library .section-text{float:left; width:100%; padding-left:130px; box-sizing:border-box;} section.video-library .section-title{float:left; width:100%; color:#990133; text-decoration:underline;} section.video-library .section-excerpt{float:left; width:100%;} section.video-library .section-message{float:left; width:100%; padding-left:130px; box-sizing:border-box; margin:20px 0 40px; line-height:1.5;} @media screen and (max-width:768px) { section.video-library form{flex-wrap:wrap;} section.video-library form input{width:100%; margin-right:0;} } @media screen and (max-width:600px) { section.video-library form select, section.video-library form button{width:100%; margin-right:0;} section.video-library .section-part{margin-bottom:40px;} section.video-library .section-date{position:static; margin-bottom:10px;} section.video-library .section-text, section.video-library .section-message{padding-left:0; margin-top:0;} } #ur-recaptcha-node{width:initial !important; max-width:250px !important;} ul.user-registration-error{width:100%;}