/*************/ /* RESET CSS */ /*************/ html,body,header,footer,nav,section,article,aside,audio,video,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent; vertical-align:top;} ol,ul {list-style:none} blockquote,q {quotes:none} blockquote:before,blockquote:after, q:before,q:after {content:'';content:none} :focus {outline:0} ins {text-decoration:none} del {text-decoration:line-through} table {border-collapse:collapse;border-spacing:0} @font-face { font-family: 'FuturaPTBold'; src: url('fonts/FuturaPTBold.eot'); src: url('fonts/FuturaPTBold.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaPTBold.woff') format('woff'), url('fonts/FuturaPTBold.ttf') format('truetype'), url('fonts/FuturaPTBold.svg#FuturaPTBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaPTBook'; src: url('fonts/FuturaPTBook.eot'); src: url('fonts/FuturaPTBook.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaPTBook.woff') format('woff'), url('fonts/FuturaPTBook.ttf') format('truetype'), url('fonts/FuturaPTBook.svg#FuturaPTBold') format('svg'); font-weight: normal; font-style: normal; } /*****************/ /* BASE ELEMENTS */ /*****************/ body { font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; color:#333; background-color:#ffffff; font-size:1em; line-height:1.4em; background-attachment:fixed; background-position:center top; overflow-x:hidden } .width_new {max-width:1300px;margin:0 auto;position:relative;} .full_width .width_new {max-width:100%;} .site_title,.resource_box_title,.area_box_title,.promo_item_title,.video_leftnav_title { font-family: FuturaPTBold,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;} .section_title,.section_title_small,.video_cat_name { font-family: FuturaPTBook,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;text-transform:uppercase} .mce-content-body img,.event_html_top img {max-width:100% !important;height:auto !important;} .mce-content-body {background:#ffffff;padding:20px;} .mce-content-body a {color:#333333;cursor:pointer} .mce-content-body img[style="float: left;"],.mce-content-body img[align="left"],.event_html_top img[style="float: left;"],.event_html_top img[align="left"]{margin:0 20px 17px 0;} .mce-content-body img[style="float: right;"],.mce-content-body img[align="right"],.event_html_top img[style="float: right;"],.event_html_top img[align="right"]{margin:0 0px 17px 20px;} .event_html_top a {text-decoration:underline;} input,textarea,select {font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;} ol, ul {margin:0px 0 20px 12px; } ol {list-style-type:decimal} ul {list-style-type:disc} li { margin-bottom:8px; margin-left:25px;} a {text-decoration:none;color:#333333} a:hover {text-decoration:underline;} .yellow,.yellow a {color:#e0251b !important;} a.in2hockey_link {text-decoration:none;} p {margin:0 0 20px 0;} .current_shared_members_outer {margin: 20px 0 70px 0;text-align:center;} #current_shared_members {display:inline-block;text-align:left;} .membership_share_id_wrap {margin:20px 0 0 0;} #membership_share_id {padding:10px;border:1px solid #cccccc;font-size:1.1em;width:300px;margin:0 20px 5px 0px;max-width:100%;box-sizing: border-box;} #share_response {font-weight:bold;color:#E0251B;padding:0 0 0 10px;} .share_add_button {padding:9px 13px !important;} .share_school_list_wrap {width:377px;background:#e9e9e9;max-width:100%;border-radius:5px;margin:0 0 5px 0;} .share_school_list_wrap_inner {padding:7px 10px 4px 15px;} .share_school_list_name {display:inline-block;width:80%;padding:2px 0 0 0} .share_school_list_del {display:inline-block;width:18%;text-align:right;} .pagewrap img {margin:0 0 20px 0;} .pagewrap a {color: #004486;} .richtext_wrap table {max-width:100%;} .richtext_wrap table tr td,.mce-content-body table tr td{padding-left:1.5%;padding-right:1.5%;} .richtext_wrap table tr td:first-child,.mce-content-body table tr td:first-child{padding-left:0px;} .richtext_wrap table tr td:last-child,.mce-content-body table tr td:last-child{padding-right:0px;} .richtext_wrap img{max-width:100%; height:auto !important;} .richtext_darkbg, .richtext_darkbg h1 {color:#ffffff;} .richtext_darkbg a {color:#ffffff;} .iframe_outer {display:block; position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;} .iframe_outer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;overflow:hidden;} h1 {font-size:2em; color:#001030;margin:0 0 20px 0;font-weight:bold; line-height:1em;} h2 {font-size:1.7em;margin:0 0 18px 0;font-weight:normal; line-height:1em; } h3 {font-size:1.6em;margin:0 0 16px 0;line-height:1em;} h4 {font-size:1.4em;margin:0 0 14px 0;line-height:1em;} h5 {font-size:1.2em; font-weight:bold; margin:0px 0 10px 0; line-height:1.2em;} .phoneonly {display:none;} .event_page_wrap .link_red {color:#CE0021;text-decoration:underline;} .clear {clear:both; } .inline-questionwrapper {padding:15px;margin:0 0 30px 0} a.inline_question_submit {background:#00183C;color:#ffffff;padding:8px 15px;display:inline-block;margin:20px 0 5px 0} .iq-correct {text-align:center;font-size:1.2em;color:#62D118;margin:0 0 10px 0;} /* variants */ .variant_table {border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin:0 0 5px 0; background:#ffffff} .variant_table td {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:5px;} .variant_table td input {-webkit-appearance: none; border:0px;width:100%;box-sizing:border-box} .variant_table img {width:20px;} .width{width:100%;} .full_width {width:100%;} .main_wrap {margin:0 auto;} .main_wrap_inner {padding:0px;background: linear-gradient(180deg, #333333 0%, #333333 44px, rgba(255,255,255,0.87718837535014) 44px);} .planner_width_wrap .main_wrap_inner {padding:0px;background: linear-gradient(180deg, #A12A29 0%, #A12A29 84px, rgba(255,255,255,0.87718837535014) 84px);} .header {height:145px;position:relative} .logo {position:absolute; top:65px;left:62px;background-image:url(../images/elements/eh-logo-2021.svg);background-size:100%; background-repeat:no-repeat;width:165px;height:118px;} .gb-logo {background-size:100%;background-repeat:no-repeat;width:170px;} .site_title {position:absolute;right:23px;top:108px;font-size:1.4em;line-height:1em;color:#E0251B; } .hub_logo {position:absolute;right:20px;top:63px;width:250px;} .givehockeyago {float:left;background:#3059A8;color:#ffffff;padding:3px 10px;text-transform:uppercase;margin:0 30px 0 0;} .socials {float:right;} .socials svg {width:16px;color:#ffffff;margin:14px 2px 0 0} .socials svg:hover {color:#E0251B} .socials a {margin:0 0 0 12px;} .generic_payment_wrap input,.generic_payment_wrap select,.generic_payment_wrap textarea {padding:8px;} .generic_payment_wrap span{font-size:2em;font-weight:bold;line-height:1em;padding:10px 0 0 0;display:inline-block;} .follow_on_event_wrap {margin:0 0 20px 0px;} .follow_on_event_title {margin:0 0 5px 0;font-size:1.2em;font-weight:bold;} .follow_on_event_wrap li {margin-bottom:0px;} .follow_notice {float:none !important;margin:0 auto 20px auto !important; text-align:center;max-width:100% !important;} .event_followon_item {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #dddddd;} .event_followon_first {width:49%;display:inline-block} .event_followon_first .events2_list_image_outer {width:30%;padding-bottom:30%;} .event_followon_first .events2_list_into {width:65%;} .event_followon_second {width:49%;margin:0 0 0 0px;display:inline-block} .followon_event_type_wrap {margin:0 0 30px 0;} .followon_event_type {font-size:1.4em;margin:0 0 10px 0} .follow_on_event_date {display:inline-block;width:70%;} .follow_on_event_status {display:inline-block;width:29%;} .follow_on_event_status .event_admin_submit {font-size:1em;padding:8px 12px;text-align:center;} .follow_on_event_wrap2 {padding:10px 0;} .peKenBurns {width: 679px;height: 720px;margin:0 0 0 0px;padding:0px;border:0px solid #ffffff;} .slidetextwrap {margin-bottom:450px;text-align:left;} .slidetitle {font-size:1.8em;color:#fff;margin:0 0 10px 0;line-height:1.2em;} .slidetext {color:#fff;font-size:1.05em;} .slidetext a {color:#fff; text-decoration: underline;} .slidewrap {float:left;width:350px;border-right:1px solid #fff;padding-right:44px;} .slidewrap2 {width:50%;display:inline-block;} .slidelogin {color:#fff;width:49%;display:inline-block;} .slidelogin2 {color:#fff;width:44%;display:inline-block;margin:0 0 0 4%;} .loginbuttons {margin:30px 0 0 0;text-align:center;} .loginbuttons a {text-decoration:none;z-index:9999;font-size:1.1em;display:inline;background:#C3161C;padding:5px 8px;margin:0 5px 5px 5px;color:#fff;text-transform:uppercase;} .loginbuttons a:hover {background:#951317;color:#ddd;border-color:#ddd;} #dragScriptContainer {margin-bottom:20px;} .triangle-bottomright {position:absolute;right:0px;bottom:0px; width:30px; height:30px;background-color:#E0251B;background-image:url(../images/elements/chevron.svg); background-size:12px;background-repeat:no-repeat;background-position:10px 6px; transition:all 0.2s} .section_title {color:#333333;font-size:1.7em;margin:0 0 15px 0px;line-height:1.2em;width:94.5%;} .section_title_small {color:#333333;font-size:1.4em;margin:0 0 15px 0px;line-height:1em;} .section_subtitle {color:#333333;margin:0 0 30px 0;width:94.5%;} .section_para {color:#fff;margin:0 0 30px 0;} .content_right .section_subtitle {} .hover_to_reveal span {visibility:hidden; padding-left:10px;color:#CE0021} .hover_to_reveal:hover {cursor:pointer} .hover_to_reveal:active span,.hover_to_reveal:visited span {visibility:visible;} .hp_icons_wrap {position:absolute;top:-10px;right:0px;} .hp_icons_wrap div {margin:0 0 0 7px;} .content_left {width:25%;float:right;padding:3% 3% 2% 0%;margin-right:0px;z-index:100; } .content_left p {color: #000000;} .leadership_left {width:45.5%;float:left;border-right:1px solid #1E325A;padding:0 3% 0 1%;margin-right:0px;z-index:100; } .leadership_right {width:45.5%;float:left;padding:0 1% 0 3%;z-index:100; } .leadership_left img,.leadership_right img {max-width:100%;} .area_box_wrap_outer {margin: 0 0 30px 0px;position:relative;background:#ffffff;border:1px solid #e0e0e0} .content_left a {text-decoration:none;} .area_box_wrap {position:relative;background-size:100%;margin:0px 0px 0px 0;transition:all 0.2s;background-position:center top;background-repeat:no-repeat;padding:150px 0 0 0;} .area_box_wrap_outer:hover .area_box_wrap {background-size:110%;background-position:center top -10px;} .area_box_wrap_outer:hover {cursor:pointer;} .area_box_wrap_outer:hover .triangle-bottomright {background-color:#b72820;} .area_box_title {color:#333333;padding:15px;font-size:1.30em;line-height:1em;display:none;} .area_box_title_new {display:block !important; background:#ffffff;} .area_box_subtitle {background:#ffffff;color:#333333;position:relative;top:0px;padding:0px 15px 15px 15px;margin:0px 0 0 0} .content_right .area_box_wrap {padding-top:250px;} .mobile_left_menu_link {display:none;} .resource_box_wrap_outer {background:#ffffff;padding:0%;margin:0;position:relative;width:44.5%;display:inline-block;margin:0 4.5% 5% 0; border:1px solid #e0e0e0; } .resource_box_wrap_outer a {text-decoration:none;} .resource_box_wrap {background-size:100%;margin:0px 0 0px 0px;height:180px;transition:all 0.2s;background-position:center center;background-repeat:no-repeat;overflow:hidden;} .resource_box_wrap_outer:hover .resource_box_wrap {xxxbackground-size:110%;} .resource_box_title {position:relative;color:#333333;margin:0 0px 0 0;font-size:1.30em;line-height:1em;padding:15px 15px 0 15px; } .resource_box_subtitle {min-height:110px;color:#333333;bottom:0px;padding:15px; text-align: left;} .resource_admin_dropdown {position:absolute; top:10px;right:150px;} .resource_admin_dropdown_title {margin:0 0 5px 0;} .resource_admin_links {margin:0 0 20px 0;} .resource_admin_edit_link {position:absolute; top:10px;right:10px;} .resource_edit_table tr:nth-child(even){background:#eee;} .resource_edit_table td{padding:5px 10px;} .resource_edit_table img {width:17px;} .resource_edit_form_input {width:45%;padding:1% 2%; display:inline-block;} .resource_edit_form_richtext {padding:1% 2%;width:95%;} .resource_edit_form label {display:block;font-size:0.85em;} .resource_edit_form input,.resource_edit_form textarea {width:96%;margin:0 0 20px 0;padding:1% 1.5%;border:0px solid #000;} .resource_edit_form textarea {height:100px;} .resource_edit_form2 div {display:inline-block;margin:0 20px 0 0;} .resource_edit_submit {display:inline-block;margin:30px 0 30px 0; width:200px; padding:20px;background:#001030;color:#fff !important;text-align:center;font-size:1.1em;} .resource_admin_replace_wrap {margin:30px 0 0 0;} .resource_admin_replace_wrap input {font-size:1.1em; padding:8px 12px;} /* .scheme_bg1 {background:#27AE60;} .scheme_bg1_dark {background:#146B39;} .scheme_bg2 {background:#2980B9;} .scheme_bg2_dark {background:#175C89;} .scheme_bg3 {background:#8E44AD;} .scheme_bg3_dark {background:#5D2E71;} .scheme_bg4 {background:#C0392B;} .scheme_bg4_dark {background:#8A2D23;} .scheme_bg5 {background:#D35400;} .scheme_bg5_dark {background:#983E02;} */ .content_right {width:64%;float:left;position:relative;z-index:100;margin:3% 3% 3% 3%; } .slider {position:relative;margin:0px 0 0 0;height:800px;} .right_resources_main_wrap {width:100%;padding:20px 0 0 0;} .fade {position:absolute; top:0; left:0; display:none;} .current {display:block;} .resource_list_wrap_outer {margin:0 0 0px 0px;position:relative;height:60px;display:table;width:100%;text-align:left;padding:10px 0;transition:all 0.2s;} .resource_list_wrap_outer:hover {background:#951317;} .resource_list_image {background-size:cover;position:absolute;left:0;background-position: center;width:20%;margin:0 0 0 0;height:80px;background-color:yellow} .resource_list_info {padding:0 0 0 10%; width:75%;border:0px solid red;height:80px;display:table-cell;vertical-align:middle;margin:0 0 0 0;} .resource_list_title {font-size:1.2em;} #right_resource_wrap {border:0px solid red;} #right_resource_wrap a {text-decoration: none;} .bottom_search {margin:40px 0 30px 0px} .bottom_search_title {color:#fff;font-size:1.7em;float:left;margin:4px 20px 10px 0px;line-height:1.2em;} .bottom_search_input {float:left;background:#ffffff;color:#333333;padding:6px 7px;margin:0 5px 0 0;border:0px;width:160px;} .bottom_search_submit {float:left;background:#951317;color:#ffffff;padding:6px 10px;text-transform:uppercase;margin:0 30px 0 0;font-size:1.4em;} .footer {background:#1A1A1A; color:#fff;font-size:0.9em;padding:20px 0 20px 0;text-align:center;} .footer a {color:#ffffff;} body > br {display:none;} .nav_icon_box {background-image:url(../images/elements/icon-box.png);width:30px;height:30px;background-size:100%;float:left;} .nav_icon_list {background-image:url(../images/elements/icon-list.png);width:30px;height:30px;background-size:100%;float:left;} .faded {opacity:0.4;} .nav_icon_box:hover,.nav_icon_list:hover{opacity:1;} .login_links_wrap {font-size:0.9em;float:right;color:#fff;} .not_allowed_wrap {padding: 5% 16% 10% 16%; color:#333333;} .not_allowed_wrap .section_title,.not_allowed_wrap .section_subtitle {color:#333333;} .not_allowed_wrap a {color:#002a7d} .gb_footer {margin: 20px 0 0 0; vertical-align: middle; font-size:0.8em;} .gb_footer img {padding: 2px; height: 80px; margin: 0 0px 10px 0;} .membership_item_wrap {border-top:1px solid #dddddd;padding:20px 0} .membership_item_title {font-size:1.4em;font-weight:bold;} .membership_item_status {float:left;padding:10px 0 0 0; font-size:1.1em;} .membership_item_status_red {color:#CE0021;} .membership_item_status_green {color:#8DBF46;} .membership_item_action {float:right;margin:-10px 0 0 0} .membership_details {font-size:1.2em;margin:0 0 40px 0;} .membership_choose_wrap {text-align:center; margin: 0px 0 20px 0;font-size:0.9em;} .membership_choose {display:inline-block;max-width:250px;border:3px solid #000000;min-height:150px; padding:15px;margin:20px 20px 0 20px; transition:0.2s all;} .membership_choose:hover {background:#e0e0e0;opacity:1;} .membership_choose_text {margin: 0 0 20px 0;} .membership_choose_price {font-size:1.6em;margin:0 0 15px 0;} /* MODAL FOR EVENTS */ .modal, .modal-box { z-index: 999999; } .modal-sandbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: transparent; } .modal { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0,0,0); background: rgba(0,0,0,.8); overflow: hidden; } .modal-box { position: relative; width: 80%; max-width: 500px; max-height:90%;overflow:auto; margin: 5% auto; animation-name: modalbox; animation-duration: .4s; animation-timing-function: cubic-bezier(0,0,.3,1.6); } .bundle_table td{padding:5px 0;} .bundle_table input {border:1px solid #cccccc;padding:2px;font-size:1.3em;font-weight:bold;width:30px;text-align:center;} .bundle_table input::-webkit-input-placeholder { color:#dddddd;} .bundle_table input::-moz-placeholder { color:#dddddd;} .bundle_table input::-ms-placeholder { color:#dddddd;} .bundle_table input::placeholder { color:#dddddd;} .bundle_table2 {width:100%;} .bundle_table2 td {padding:10px 20px 10px 0;vertical-align:middle;} .bundle_table2 tr { border-bottom:0px !important;} .bundle_table2 tr:nth-child(1) {font-weight:normal !important;} .bundle_table2 tr td:nth-child(1) {text-align:right;padding:0px 7px 0 0;} .bundle_table2 tr td:nth-child(2) {text-align:left;padding:0px;} .events_table .bundle_table2 td {padding:6px 20px 6px 0;} .events_table .bundle_table2 {margin:0px;} .shop_category_table {width:100%;margin:0 0 30px 0;} .shop_category_table tr:not(:last-child) {border-bottom:1px solid #dddddd} .shop_category_table td {vertical-align:middle;padding:8px 20px 8px 0} .shop_category_table td div div:nth-child(1) {display:inline-block;width:30px;height:30px;border:0px solid red;} .shop_category_table td div div:nth-child(2) {display:inline-block;padding:4px 0 0 0;} .shop_category_table .checkmark {top:0px} .shop_voucher input {padding:10px; width:120px;border:1px solid #cccccc; margin:0 10px 0 0;font-size:1.3em;line-height:1em;} .shop_voucher_message {margin:10px 0 0 0;color:#E0251B;} .shop_voucher_message_set {margin:10px 0 0 0;color:#E0251B;} .shop_bottom_buttons {margin:40px 0 0 0;} .shop_bottom_buttons_left {float:left;} .shop_bottom_buttons_right {float:right;} .refund_input {padding:5px;border:1px solid #cccccc;width:50px;text-align:center;} .modal-body { font-size:0.95em; } @media (max-width: 1050px) { .shop_category_table td {display:block;padding-right:0px;} } .modal-body { background: #ffffff; padding: 40px 40px; } .modal-buttons {text-align:center;} .modal-buttons button {margin-bottom:10px;} .close-modal,.continue-modal {background:#001030; color:#fff;padding:13px 16px;border-radius:2px;font-size:1.2em;display:inline-block;cursor:pointer;margin:0 30px;} /* Animation */ @-webkit-keyframes modalbox { 0% { top: -0px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes modalbox { 0% { top: -0px; opacity: 0; } 100% { top: 0; opacity: 1; } } button { border: 1px solid #333333; outline: none; color: #333333; } .modal-trigger:hover { } /*------------------- SEARCH -------------------*/ .search_module_header {font-size:1.4em;font-weight:bold;margin:50px 0 20px 0} .topsearch_wrap {position:absolute;left:52px;top:0px;} .search_topsearch_wrap {float:left;width:240px;margin:-3px 0 0 0;display:none;} .searchinput {float:left;background:#ffffff;color:#333333;padding:2% 3%;margin:0 5px 0 0;border:0px;width:130px;} .searchsubmit {float:left;background:#CE0021;color:#ffffff;padding:2% 3%;text-transform:uppercase;margin:0 0px 0 0;transition:all 0.3s} .searchsubmit:hover {background:#A0071F;} .leftmenusearchwrap {margin:30px 0 30px 0;} .leftmenusearchwrap input {border:0px;width:60%;padding:2% 5%;float:left;margin:0 2% 0 0;} .leftmenusearchwrap .search2_submit {width:28%;float:left;background:#E0251B;padding:2% 0;text-align:center;transition:all 0.3s; color:#ffffff} .leftmenusearchwrap .search2_submit:hover {background:#A0071F;} .search_results_wrap {background:#fff;padding:6%;} .search_wrap {margin:0 0 10px 0;border-bottom:1px solid #ddd;padding-bottom:10px;} .search_subsection {font-weight:bold; font-size:1.4em; color:#004486;} .search_subsection2 {font-weight:bold; font-size:1.1em; color:#004486;} .search_highlight {color:black;font-weight:bold;} .search_input_wrap {visibility:visible; margin:-10px 0 25px 20px;} .search_title_top {font-size:1.6em; color:#999;border-bottom:1px solid #ccc; margin:0 0 25px 0; padding:0 0 25px 0;} .search_input {width:220px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;border:1px solid #ccc;padding:6px 7px; font-size:1.3em;font-weight:bold;float:left;} .search_submit {margin:20px 0 0 0;float:left;position:relative; top:-16px; left:10px;} .search_law_title {font-size:1.0em;font-weight:bold;} .search_clause_title {font-size:1.0em;} .search_text {font-size:0.9em;color:#444;} .search_result_wrap {margin:0 0 15px 0;} .search_highlight {color:#333;} .search_highlight2 {background:yellow;color:#333;} .search_def {font-size:1.1em;margin:0 0 25px 0;border-bottom:1px solid #ccc; padding:0 0 25px 0;} .search_section_title {color:#aaa;font-weight:normal;font-size:0.9em;margin:0 0 2px 0;} /*-----------TWITTER */ .twitter_wrap {text-align:left;background:#1a1a1a; padding:3%;} .content_left .twitter_wrap {background:none;} .twitter_wrap .section_title {color:#ffffff;} .content_left .twitter_wrap .section_title,.content_left .twitter_wrap .section_title a {color:#333333;} .twitter_wrap .section_title {text-align:left;} .twitter_wrap > div:nth-child(3) {margin-right:2%;margin-left:2%;} .tweet_wrap {font-size:0.9em;width:25%; display:inline-block;background-color:#E0251B;padding:2.5%;margin:0 3% 0 0; color:#fff;position:relative;text-align:left;background-image:url(../images/elements/Twitter_logo_white.png);background-repeat:no-repeat;background-position:10px 10px;background-size:12%;} .tweet_text {margin-left:17%;} .tweet_time {opacity:0.5;} .twit_img {display:none;} .content_left .tweet_wrap {width:95%;margin:0 0 15px 0;} .content_left .twitter_wrap > div {margin-left:0;margin-right:0;} .tweet_wrap .triangle-bottomright {display:none;} /*------------------- LOGIN / REGISTRATION -------------------*/ .login_page_wrap {max-width:800px;margin:0px auto 0 auto;padding:40px 0 40px 0} .login_page_wrap h1 {text-align:center;margin:0 0 40px 0;} .reg_form_title {font-size:2em;margin:0 0 15px 0;} .reg_form_subtitle {margin:0 0 30px 0;} .reg_form_item_wrap {margin: 0 0 20px 0;} .reg_form_page_wrap {display:none;} .reg_form_page_wrap_show {display:block;} .pre_reg_warning {border: 2px solid #c3161c; padding: 20px; margin: 0 0 20px 0;} .pre_reg_warning ul {margin: 10px 0 10px 20px;} .pre_reg_warning a {text-decoration: underline;} .pre_reg_warning_header {font-weight: bold; font-size: 1.4em; margin: 0 0 10px 0; } #formtab_page_2, #formtab_page_3, #formtab_page_4, #formtab_page_5 {display:none;} .form_tabs {margin:0 0 50px 0;} .form_tabs a {display:inline-block;padding:5px 10px;color:#fff;border:1px solid #fff;margin:5px;background:#555;} a.form_tab_selected {background:#C3161C;} .form_text {float:left;width:46%; text-align:right;margin:5px 2% 0 0;} .form_input {float:left;width:48%; padding:0.5%;font-size:1.1em;border-radius: 4px;border:2px solid #dddddd;margin:0 0 10px 0;} .form_input_members {float:left;width:48%; padding:0.5%;margin: -10px 0 20px 0; font-size:0.9em; line-height: 1em;} .reg_form_radio_set {float:left;width:48%;} .reg_form_checkbox_set {float:left;width:48%;margin:5px 0 0 0;} .dis_list input {width:15px;display:inline-block;} .dis_list span {width:85%; display:inline-block;} .form_select {height:30px; float:left;width:48%; padding:0.5%;font-size:1.0em;border-radius: 4px;border:2px solid #dddddd;margin:0px 0 10px 0;} .form_submit {padding:10px 15px;margin:40px 0 0 0;} .form_error {font-size:1.1em; font-weight:bold;color:red;text-align:center;margin:30px 0 0 0 ;} .form_success {font-size:1.1em; font-weight:bold;color:#A7FA31;text-align:center;margin:30px 0 0 0 ;} .form_success a {color:#A7FA31;} .reg_field_error {border-color:red;outline-color:red !important;background:#FFD1D1} .reg_checkboxes_error {border:2px solid red;} .formwrap label {display:none !important;} .typeahead_wrap {position:relative;} .my_typeahead {background:#ffffff;position:absolute;top:0px;left:0px;color:#333333;display:none;z-index:999999;font-size:1.1em;} .my_typeahead div {padding:3px 4px;} .my_typeahead div:hover {cursor:pointer;background:#ddd;} .loginbuttons {margin:30px 0 0 0;text-align:center;} .loginbuttons a {cursor:pointer;text-decoration:none;z-index:9999;font-size:1.1em;display:inline;background:#C3161C;padding:5px 8px;margin:0 5px 5px 5px;color:#fff;text-transform:uppercase;} .loginbuttons a:hover {background:#951317;color:#ddd;border-color:#ddd;} .reg_form_assocs_wrap {background:#999999;padding:3%;color:#ffffff; margin:0 0 10px 0;position:relative;} .reg_form_assocs_input_1 {position:absolute;left;0px;border:0px;width:50%;padding:5px;} .reg_form_assocs_input_2 {position:absolute;left:60%;} .reg_form_assocs_input_2 option { padding:0.5%;font-size:1.2em;} .reg_form_assocs_add {display:none;padding:4px 8px;color:#fff;font-size:1.1em;position:absolute;right:20px;bottom:6%;border:0px solid #fff;border-radius:3px;background:#6BC316;} .reg_form_assocs_add:hover {background:#519212;text-decoration:none} .reg_form_assocs_1 {width:60%;margin:0 10% 15px 0;float:left;} .reg_form_assocs_2 {width:20%;margin-right:0px;float:left;} .reg_form_assocs_del {padding:0px 0 0 0px;color:#fff;font-size:1.5em;float:right;border:0px solid #fff;border-radius:100px;height:25px;width:10%;background:margin:-10px 0 5px 0;} .admin_wrap {position:relative;} .admin_wrap .reg_form_assocs_wrap {background:none;color:#000;} .admin_wrap .reg_form_page_wrap {width:900px;} .admin_wrap .reg_form_assocs_add_wrap {display:none;} .admin_wrap .reg_form_assocs_del {display:none;} .admin_wrap .reg_form_assocs_title {font-weight:bold;} .admin_wrap .form_tab_selected {color:#fff;background:#001030 !important;} .admin_wrap .form_tabs a {text-decoration:none;font-size:1.2em;padding:7px 9px;background:#fff;} .admin_wrap #reg_form_page_1 input,.admin_wrap #reg_form_page_1 select {pointer-events:none;} .admin_wrap #reg_form_page_2 input,.admin_wrap #reg_form_page_2 select {pointer-events:none;} .admin_wrap #reg_form_page_3 input,.admin_wrap #reg_form_page_3 select {pointer-events:none;} .admin_wrap #reg_form_page_4 input,.admin_wrap #reg_form_page_4 select {pointer-events:none;} .admin_wrap #reg_form_page_5 input,.admin_wrap #reg_form_page_5 select {pointer-events:none;} .admin_wrap #reg_form_page_6 input,.admin_wrap #reg_form_page_6 select {pointer-events:none;} .filterclear {position:relative;left:10px;top:3px;} .admin_filters {margin:0 0 20px 0;} .admin_filters > div {display:inline-block;margin:0 20px 10px 0;} .reg_form_assocs_add_wrap {height:30px;} .reg_form_assocs_title {font-size:1.2em;margin:0 0 20px 0;} .reg_form_assocs_subtitle {margin:0 0 17px 0;} .reg_back {float:left;} .reg_forward {float:right;} .pagewrap {position: relative;padding:4%;} .content_right .pagewrap {padding:0px;} .richtext_wrap {} .pagewrap_lesspadding {background:#ffffff;padding:4% 3%;position: relative;color:#333;} .pagewrap_lesspadding a,.pagewrap_lesspadding p {color:#333;} .pagewrap_lesspadding .feature_video_wrap {width: 100%;} .pagewrap_lesspadding .gtia_video_wrap .medium_video,.pagewrap_lesspadding .medium_video {width: 28.6%; padding: 2%; float: none; display:inline-block;margin: 0 0 0px 0;} .pagewrap_lesspadding .small_video_wrap {width: 100%; } .pagewrap_lesspadding .small_video_wrap > div:nth-child(3n+2) {margin:0 1% 2% 1%} .reg_equal_header {margin:5px; font-weight:bold;font-size:1.1em;} .reg_equal_option {margin:0 0 0 20px} .reg_error_message {padding:20px; text-align:center;color:#000000;} .reg_error_message h1 {color:#fff;} /*.pagewrap div,.pagewrap img {margin:0px !important; max-width:100% !important;}*/ /* .content {background: linear-gradient(90deg, #e9e9e9 0px, #e9e9e9 calc(50% - 240px), #ffffff calc(50% - 240px));} */ .content {background:#fafafa;} .content_with_bar {background: linear-gradient(180deg, #A12A29 0px, #A12A29 112px, #fafafa 112px)} /***************** // MUUT /*****************/ .muut_wrap img {margin:0px;} .muut_wrap {padding:0% 0%;background:transparent;} #moot-logo {padding:25px !important;} #moot-logo a {display:none !important;} .md-boxed .m-collapse-all {margin: 10px 0 !important;} .m-sso .m-replyform {margin-bottom:5px !important;} .moot .m-moot, .m-create .m-input-wrap, .m-preview {background-color:#f4f4f4 !important;border:0px solid #e5e5e5 !important; border-radius:4px !important} .moot .m-title, .moot textarea.m-input-title {font-size:120% !important;} .m-navi a:before {margin-right:5px !important;} .moot .m-title, .moot textarea.m-input-title {color:#00183C !important;} .m-pagetitle div:before {margin-right:5px !important;font-size:110% !important;} .m-pagetitle div,.m-pagetitle div:before,.m-sidebar,.m-links a,.moot .m-sidebar .m-h3,.m-collapse-all a,.m-navi a,.m-myname,.m-down,#m-user-profile,#m-user-profile .m-meta,.m-controls,.m-controls select {color:#fff !important;} .m-links a.m-selected,.m-pagepage .m-nav-forums, .m-userpage .m-nav-online, .m-navi a.m-selected,.m-button, .moot button {background:#951317 !important;} .m-get-replies .m-to-tail:after,.moot .m-more-moots:after,.m-reply_count.m-has_replied:before,.m-follow.m-followed .m-icon {color:#951317 !important;} .m-header,.is-forum.m-tablet .m-forums-wrap {background:#162D5D !important;} .moot .m-header {margin-bottom:2%;} .m-get-replies {padding:0 0 2em 5.5em !important;border-left: .2em solid #951317 !important;} .m-loading-text,.m-app-loading .m-loading-text:before {color:#ffffff !important;} .m-app-loading {padding-bottom:5% !important;} /******* // BOOKMARK VIDEOS /**********/ .bm_video_link_img {height:25px;background-image:url(../images/elements/bm_off.png); display:inline-block;background-size:25px 25px;background-position:top right;background-repeat:no-repeat;transition:all 0.2s;padding:0px 35px 0 0} .bm_video_link_img2 {padding:0;width:25px;margin:-17px 10px 0 0; z-index:999;position:relative;} .bm_video_link {margin:17px 0 -36px 0;text-align:right;} /**** tags */ .tags_wrap {border:0px solid #000000;display:inline-block;background:#00183C;padding:7px 9px;border-radius:3px;opacity:0.15; transition: all 0.1s; color:#ffffff;font-size:0.9em;line-height:1em;} .tags_wrap_active {opacity:1;} .tags_wrap:hover {opacity:1;} .tags_table {} .tags_table tr:nth-child(even){background:transparent;} .tags_table td {padding:5px 2px;vertical-align:middle} .tags_promote {border:1px solid #444; width:20px; height:20px;display:inline-block;background-color:#fff;background-size:80%;background-repeat:no-repeat;background-position:2px 2px;} .resource_promote_on {background-image:url(../images/elements/checked.png);} .promo_wrap_top {background-color:#A12A29;padding:2%;background-image:url(../images/elements/page-header-stripes.png);background-size:100%;} .promo_wrap_top a:nth-child(4) {display:none;} .promo_wrap_top .section_title {margin-bottom:20px;} .promo_wrap_bottom {background:#333333;padding:3%} .twitter_wrap a {color:#ffffff;} .promo_item_wrap {display:inline-block;width:30%;margin:0 3% 0 0; background:#ffffff;} .promo_item_img { display:inline-block; width:100%;position: relative; padding-bottom: 50%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;background-size:100%;background-position: center top; background-repeat:no-repeat;border:0px solid #aaa;transition:all 0.2s} .promo_item_img:hover {background-size:110%;background-position:center top -10px;} .promo_item_img_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;text-align:center;} .promo_item_title {margin:0px 0 0 0;padding:5%; font-size:1.2em;color:#000000} .promo_wrap_bottom .section_title, .promo_wrap_top .section_title{color:#ffffff;} .promo_wrap_bottom a:nth-child(4) {display:none;} .typeanytext_wrap {margin:15px 0;text-align:center;} .typeanytext_input {padding:10px;border:1px solid #ccc;text-align:left;margin:0 10px 0 0} a.typeanytext_submit {padding:10px;background:#001030; color:#ffffff;display:inline-block;} .typeanytext_response {display:none;margin:15px 0;} /***************** // NEW HOME PAGE /*****************/ .hp2_items_wrap > div {display:inline-block;} .hp2_item_wrap_outer_large {width:94.5%;margin-right:0px;} .hp2_item_wrap_outer_large .resource_box_subtitle {min-height:auto;margin:10px 0 0 0;} .hp2_item_wrap_outer_small {width:89.5%; margin:0px 0 20px 0px;padding:2.5%;} .hp2_item_wrap_outer_small .resource_box_subtitle {} .hp2_item_wrap_outer_small .resource_box_wrap {width:20%; height:90px;float:left;background-size:100%; margin:0px 0 0 0;background-position:center center} .resource_box_wrap_outer:hover .resource_box_wrap, .hp2_item_wrap:hover .resource_box_wrap {background-size:110%; background-position:center center;} .resource_box_wrap_outer:hover .triangle-bottomright, .hp2_item_wrap:hover .triangle-bottomright {background-color:#b1231b;} .hp2_item_wrap_outer_small .resource_box_title {width:70%;position:relative;top:0;float:left;background:none;padding:0px;margin:0px 0 0 2%;display:inline-block;} .hp2_item_wrap_outer_small .resource_box_subtitle {width:73%;float:left;margin:0px 0 0 0%;min-height:auto;} .hp2_item_wrap {color:#fff;} .hp2_item_wrap iframe {margin:0px !important;} .hp2_item_img {} .hp2_item_img img {width:100%;} .new_top_banner {margin:0 0px 4.5% 0;width:95%} /***************** // PLANNER /*****************/ .planner_width_wrap .content {background:#1A3262;} .planner_home_left {width:45%; float:left;} .planner_home_right {width:50%; float:right;} .planner_list_date {float:left;width:110px;display:inline-block} .planner_list_name {float:left;display:inline-block} .planner_list_del {float:right;display:inline-block; margin-left:10px;} .planner_list_del img {width:22px;} .planner_home_left img {width:30px;margin:5px 10px 5px 0;position:relative; top:-10px;} .header_planner {display:none;} .planner_width_wrap .header {display:none;} .planner_width_wrap .header_planner {display:block;} .header_planner_logo {width:400px; margin:10px 0 18px 15px;} .planner_twitter {display:none;} .planner_width {position:relative;} .planner_list {background:#ffffff;padding:20px;} .planner_list a {color:#333333;text-decoration:none;} .planner_list_item {padding:10px;border-bottom:1px solid #dddddd;} .planner_list_item:hover {background:#eeeeee;} .planner_prompt {color:#ECD95B; font-size:1.3em;text-align:center;margin:0 0 20px 0;font-style: italic;} .planner_form_toplinks {position:absolute; top:8px; right:8px;} .planner_form_toplinks img {width:22px;vertical-align:center; margin:-2px 0 0 30px;} .planner_page_wrap {padding:20px;} .planner_page_wrap a,.planner_page_wrap {color:#fff;} .planner_page_wrap a:hover {text-decoration:none;} .planner_width {width:1100px;margin:0 auto;background:#1A3262; padding:30px;} .planner_form_top_section {margin:0 0 20px 0;} .planner_form_item {display:inline-block;padding:10px 30px 7px 0;} .planner_form_item label {color:#fff;vertical-align:middle;display:block; font-size:0.9em;} .planner_form_item_bottom1 {width:49%;margin:20px 0.5% 20px 0%; padding:0px} .planner_form_item_bottom2 {width:49%;margin:20px 0% 20px 0.9%; padding:0px} .planner_form_item_bottom3 {width:100%;margin:0px 0% 20px 0%; padding:0px} .planner_form_item input { width:120px;margin-left:0px; max-width: 100%;border:0px;background:#ffffff;font-size:1.1em;font-weight:bold;padding:5px 7px;display:block} .planner_form_item textarea {width:98%;border:0px;margin:0px;height:80px;padding:6px 1%;} .planner_form_item input::-webkit-input-placeholder {color:#cccccc;} .planner_form_item input:focus::-webkit-input-placeholder { color:transparent; } .planner_form_item input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ .planner_form_item input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ .planner_form_item input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */ .editable-tinymce {padding:20px 30px;overflow: hidden;} .editable-tinymce p {margin:0 0 0 0;} .editable-tinymce img {max-width:100% !important;height:auto !important} .editable-tinymce img[style="float: left;"]{margin:0 20px 10px 0;} .editable-tinymce img[style="float: right;"]{margin:0 0px 10px 20px;} span.mce-object-iframe {width:100%; float:left; position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0% 0 0px 0;} span.mce-object-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .planner_pick_block_wrap {background:#fff;height:1000px;padding:20px;} .planner_block_types_item {margin:0 0 0px 0;padding:10px 15px 10px 50px;font-size:1.3em;color:#fff;background-size:30px;background-repeat:no-repeat;background-position:5px 5px;} .planner_add {opacity:0.2;transition:all 0.4s; margin-top:-8px;} .planner_add:hover {opacity:1;} .planner_add img {width:25px;vertical-align:middle;margin:-2px 5px 0 0;} #planner_sections_wrap {} .planner_section_wrap {padding:20px;background:#fff;position:relative;transition:top 1s;margin:0 0 20px 0;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .planner_section_wrap a,.planner_section_wrap {color:#333;} .planner_section_wrap .planner_form_item {padding:0 0 15px 0;} .planner_section_wrap > .planner_form_item input {margin:0px;font-size:1.3em;background:#ffffff;border:1px dotted #ffffff;transition:border 0.2s;transition:background 0.2s;width:95%;} .planner_section_wrap > .planner_form_item input:hover {background:#eeeeee;border:1px dotted red;} .planner_section_up,.planner_section_down,.planner_section_delete {width:21px;height:21px;background-size:100%;} .planner_section_up {background-image:url(../images/elements/planner_up.png);} .planner_section_down {background-image:url(../images/elements/planner_down.png);} .planner_section_delete {background-image:url(../images/elements/planner_delete.png);} #planner_sections_wrap div.planner_section_wrap:nth-child(1) > .planner_nav .planner_section_up {display:none;} #planner_sections_wrap div.planner_section_wrap:nth-last-child(1) > .planner_nav .planner_section_down {display:none;} .planner_section_wrap_inner {margin:0 0 20px 0;} .planner_section_wrap_inner div.planner_practice_wrap:nth-child(-n+2) > .planner_nav .planner_section_up {display:none;} .planner_section_wrap_inner div.planner_practice_wrap:nth-last-child(1) > .planner_nav .planner_section_down {display:none;} .planner_practice_wrap_inner div.planner_block_wrap:nth-child(1) > .planner_nav .planner_section_up {display:none;} .planner_practice_wrap_inner div.planner_block_wrap:nth-last-child(1) > .planner_nav .planner_section_down {display:none;} .planner_practice_wrap {border-top:1px solid #cccccc;} .planner_practice_wrap .planner_form_item {padding:0px 0px 20px 0;} .planner_practice_wrap .planner_form_item input {background:#eeeeee;border:1px dotted #eeeeee;border:all 0.2s;background:all 0.2s} .planner_practice_wrap .planner_form_item input:hover {background:#fff;border:1px dotted red;} .planner_practice_wrap,.planner_col_titles {background:#eeeeee;margin:0 0 0px 0;padding:12px 17px;position:relative;} .planner_col_titles {font-size:1.1em;font-weight:bold;color:#fff;background:#001030;} .planner_block_wrap {font-size:0.98em; padding:0px;background:#fff;margin:0 0 20px 0;position:relative;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} .planner_block_wrap:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);} .planner_nav {position:absolute; top:8px; right:8px;opacity:0.2; transition:all 0.4s} .planner_nav div {display:inline-block;} .planner_section_wrap:hover > .planner_nav {opacity:1;} .planner_practice_wrap:hover > .planner_nav {opacity:1;} .planner_block_wrap:hover .planner_nav {opacity:1;} .planner_practice_1 {display:inline-block;width:200px;}/*12%*/ .planner_practice_2 {display:inline-block;width:370px;}/*41%*/ .planner_practice_3 {display:inline-block;width:3%;}/*3%*/ .planner_practice_4 {display:inline-block;width:370px;}/*41%*/ .planner_share_wrap {padding:20px;text-align:center;} .planner_share_wrap a ,.planner_share_wrap a:hover{text-decoration:none;} .shareplan_wrap .planner_add,.shareplan_wrap .planner_section_delete,.shareplan_wrap .planner_nav {display:none;} /****************** /* CHALKBOARD /*****************/ .canvas_wrap {background:#e6e6e6;padding:20px;position:relative;} .cb-tools {display:inline-block;right:-25px;position:absolute;} .cb-tools img {width:25px;margin-left:10px;} #canvas-container { display:inline-block; border: 1px solid #000;margin-bottom:80px;} .canvas-toolbar {display:inline-block; width:50px;vertical-align:top;} #images {display:inline-block;width:100px;border:0px solid red;vertical-align:top;} #images img {width:35px;} #images .goal {width:40px;height:16px;margin:10px 0 0 15px;} .canvas_dev {display:inline-block;} #images img.img_dragging { opacity: 1;} .canvas_wrap {border:0px solid red;} .tool-bar-icons {width:50px;} .tool-bar-icons img {width:31px;border:2px solid #fff;transition:all 0.2s; background:#ffffff;} .tool-bar-icons img:hover {background:#FFD5D5; border-color:#FF0000;} .col-pallette {width:31px;height:31px;border:2px solid #fff;} [draggable] { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element; cursor: move;} .pitch-choose {margin:0 0 17px 54px;width:530px;position:relative;} .pitch-choose label {vertical-align:middle} .pitch-choose select {padding:5px 6px;margin: 0 0 0 10px} .chalkboard_filemanager {position:absolute; top:20px;left:0;margin-left:750px; margin-right:20px; height:90%; overflow-y:auto} .chalkboard_filemanager_controls {position:absolute; right:20px; top:20px;} .chalkboard_filemanager_controls img {width:25px;margin-left:10px;} .chalkb_item {position:relative;background-color:#ffffff;width:150px; height:160px; margin:0 20px 20px 0;background-repeat:no-repeat;background-size:auto 73%;background-position:top center;display:inline-block;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} .chalkb_item:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);} .chalkb_item_load {height:80%;} .chalkb_item_name {position:absolute; bottom:4px;left:4px;border:0px solid red;color:#333;line-height:1em;width:115px;font-size:0.9em;} .chalkb_item_delete {height:22px; width:22px;position:absolute; right:4px;bottom:4px;background-image:url(../images/elements/planner_delete.png); background-size:cover;opacity:0.2; transition:all 0.2s} .chalkb_item_delete:hover {opacity:1;} .save_cb_wrap {padding:10px;text-align:center;} .save_cb_wrap_title {font-weight:bold;font-size:1.2em;margin:10px 0 0 0;} .save_cb_name_input {width:400px;font-size:1.1em; border:0px;padding:4px 6px;margin:20px 0 0 0;border:1px solid #cccccc} .save_cb_save {font-size:1.4em;margin:20px 0 0 0;border:0px;padding:8px 16px;line-height:1em;} #chalkboard_title {width:540px;margin:0 0 15px 53px;font-size:1.1em;} #chalkboard_title_name {font-weight:bold;font-size:1.3em;} /******************/ /* VOUCHERS */ /******************/ #create_voucher input {padding:10px;font-size:1.2em;font-weight:bold;border:0px;border-radius:3px} #create_voucher span {font-size:2em;font-weight:bold;margin:15px 10px 0 0;display:inline-block} .voucher_submit:hover {cursor:pointer;} .voucher_table {width:100%;margin: 20px 0 0 0;} .voucher_table td {padding:10px;} /******************/ /* CONTENT LAYOUT */ /******************/ .error_wrap {background:#951317;padding: 6% 8%;color:#fff;} .error_wrap h1 {color:#fff;} .subsection_title {font-size:1.7em;margin:0 0 25px 0;line-height:1.3em;} .page_nav {margin:0 0 25px 0;} .page_nav a {display:inline-block; background:#001030;padding:6px 10px;margin-right:10px;border-radius:4px;color:#fff;text-decoration:none;} .page_nav a:hover, .page_nav a.pageon {background:#004486;} .italic {font-style:italic} .clause_wrapper {margin:0 0 40px 0;} .clause_wrapper p{padding:0 0 10px 27px;} .clause_wrapper ul{padding:0 0 0 27px;} .clause_wrapper .prefix p, .prefixed_para{padding:0px !important;} .prefix p {margin-bottom: 0;} .clause_title {margin:0 0 10px 0; background:#bbb;color:white;font-weight:bold;padding:6px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .clause_title_no_content {color:#00AB5B; font-size:1.3em;margin:0 0 5px 0;text-transform:uppercase;} .clause_title_no_content_no_prefix {color:#00AB5B; font-size:1.2em;margin:0 0 15px 0;font-style:italic;} .definitions_title {text-transform:uppercase;font-size:1.1em; font-weight:bold;margin:0 0 10px 0;display:inline-block;} .definitions {margin:0 0 20px 0; background:#00AB5B;color:white;padding:20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .definitions p {padding:10px 0px 0px 0;} .floatleft {float:left; margin: 0 20px 10px 0 !important;} .floatright {float:right;} .penalty {color:#BC252D;} .freekick {color:#36AB50;} .penalty,.freekick {margin:-9px 0 10px 0px;} .diagram {background:#eee;padding:20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;margin:0 0 15px 0px;} .diagram img {margin:0px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .caption {text-align:center;font-style:italic; font-weight:bold;padding:0 10px !important;} .advicewrap {margin:30px 0 30px 0;background:url(../images/elements/info2.png) no-repeat 15px 15px #E1E9F7;border:1px solid #95ACD3; padding:20px 20px 8px 100px;border-radius: 4px;} .advice {margin:0 0 1em 0;} .fourquarters_title {margin: 30px 0 2px 0;color:#FEBF02; font-weight:bold;font-size:1.5em;} .fourquarterswrap {margin:0px 0 30px 0;background:#FFF3D1;background-size:40px;border:1px solid #FEBF02 ; padding:20px 20px 8px 20px;border-radius: 4px;} .fourquartersadvicewrap {margin:30px 0 30px 0;background:url(../images/elements/info2.png) no-repeat 15px 15px #FEEAAD;background-size:20px;border:1px solid #FEBF02 ; padding:20px 0px 8px 50px;border-radius: 4px;} .fourquarters_key img {width:20px;margin:0 10px 0 0;} .fourquarters_key_text {display:inline-block;width:80%;} .fourquarters_key {color:#ffffff} .plain {font-weight:normal;} .interactive_table_input {margin:5px 5px 5px 5px;width:30px;} .charterblueheader, .chartergreenheader {font-weight:normal;font-size:1.4em; margin:0 0 15px 0;padding:0 0 8px 0;} .charterblueheader {color:#00529C; border-bottom:solid 1px #C3DFF8; } .chartergreenheader {color:#00AA5B; border-bottom:solid 1px #B7F4D8;} .charter_title {font-size:2em;margin:0 0 25px 0;} #charter_wrapper {clear:both;} #charter_wrapper p {margin:0 0 20px 0;} .safeguarding_table {border-left:1px solid #000;border-top:1px solid #000;background:#fff;} .safeguarding_table td {border-right:1px solid #000;border-bottom:1px solid #000;padding:1%;} .safeguarding_screen {width:100%;height:200px;background-size:cover;} .safeguarding_screen_link {width:29%;display:inline-block;margin:70px 0% 10px 3%} .safeguarding_screen_text {text-align:center;font-size:1.2em;font-weight:bold;margin:10px 0 0 0} #amendments_wrapper p {margin:0 0 20px 0;} #amendments_wrapper .freekick, #amendments_wrapper .penalty{clear:both;margin-left: 27px;margin-top:-20px;} .documentheader {background:#08365E; background-image:url(../images/header_bg.jpg); background-repeat:repeat-x; padding:14px; color:white; font-size:1.3em; line-height:1.3em; font-weight:bold; margin:10px 0 35px 0;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .numbermain {font-weight:bold;float:left;} .plain {} .bold {font-weight:bold;} .prefix {margin:0 7px 0 0;float:left;width:35px;} .numbermain_text {float:left;width:550px; margin-left:10px;} .numbersub {font-weight:bold;float:left;margin-left:20px;} .numbersub_text {float:left;width:510px; margin-left:10px;} .lettermain {font-weight:normal;float:left;margin-left:20px;} .lettermain_text {float:left;width:510px; margin-left:10px;} .lettersub {font-weight:normal;float:left;margin-left:40px;} .lettersub_text {float:left;width:490px; margin-left:10px;} .bandedheader {background:#00529B; padding: 7px; color:white; margin-bottom:20px;font-size:1.2em; font-weight:bold;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .bandedheader_prefix {float:left;margin-right:10px;} .bandedheader_text {float:left;} .break {height:20px;} .imagecentre {width:100%; margin: 20px 0 20px 0; text-align:center; } .documentimage {border: 0px solid #666;} .table_header {background:#001030; padding: 7px; color:white; margin-bottom:20px;font-size:1.0em; font-weight:bold;border-left:1px solid #bbb;border-top:1px solid #bbb;} .table {padding:7px;border-left:1px solid #bbb;border-top:1px solid #bbb;} .table img {margin:0px;} .table p{margin:0;padding:0px;} .insertdocument {margin:30px 0 7px 0px;} .center {width:100%;text-align:center;} .img {margin:0 0 20px 0;} .tablewrapper {margin:0px 0 25px 0px; border-right:1px solid #bbb;border-bottom:1px solid #bbb;width:100%;} .tablewrapper p {padding:5px 0 0 0;} .pitch_question_left {width:50%; display:inline-block;margin-right:9%;margin-bottom:30px;} .pitch_question_left img {width:100%;} .pitch_question_right {width:40%; display:inline-block;} .pitch_question_right table,.pitch_question_right td {border:0px;} .pitch_question_right td {text-align:center;} .pitch_question_right .interactive_table_input {float:none !important;} .video {margin:0 0 20px 0;cursor: pointer;} .flash {margin:0 0 20px 0;} .audiowrapper {padding:10px;background:#00529B;border:1px solid #0A528B;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;margin:0 0 20px 0;} .audiotext {margin:0 0 9px 0; color:#ffffff;font-style: italic; } #documentwrapper a {font-weight:bold;} .inlinetextarea {font-size:1.2em; font-family:"Lucida Grande", Verdana, Corbel, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;border:1px solid #aaa;padding:8px;} .inlinequestionsubmit {padding:8px 15px;margin:15px 0 8px 0;} .incorrecttext {font-size:1.1em; font-weight:bold;display:none;color:#BC252D;margin:14px 0 10px 36px;} .variations_law_title {font-size:1.1em; font-weight:bold; background:#00529C; color:white;font-weight:bold;padding:8px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;margin:0 0 15px 0;} .variations_wrapper {;background:#FCE1E1; padding:10px;margin:5px 0 20px 27px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .amendments_wrapper {background:#E1EEFC; padding:10px;margin:5px 0 20px 27px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .variations_title {font-weight:bold;margin:0 10px 5px 0;} .variations_text li,.variations_text ul {margin:0px;} .videopopup img {margin:0px 0 0 10px;position:relative; top:1px;vertical-align:top;} .videopopup span {position:relative; left:8px;} .video_wrap {position:relative;} .video_close {position:absolute; top:3px; right:4px;} .jwlogo {display:none !important;} #video_container_display_button {display:none !important;} .navleft, .navright {margin:40px 0 0 0;} .navright_disabled {opacity:0.3;} .navleft a, .navright a {color:#333;} .navleft {float:left;} .navcenter {text-align:center;} .navright {float:right;} .navleft img, .navright img {vertical-align:top;position:relative; top:-15px;} .iframe_wrap_outer {margin:0 0 24px 0;} .iframe_wrap { position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;} .iframe_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video_captions {background:#001030;padding:16px;font-size:1.1em;color:#ffffff;display:none;} .uploaded_media_outer { position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;background:#000000;} .uploaded_media_outer_pdf { position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;background-size:100%;background-position: top center; background-repeat:no-repeat;} .uploaded_media_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;text-align:center;} .uploaded_media_inner_pdf { position: absolute; top: 0; left: 0; width: 100%; height: 100%;text-align:center;overflow:hidden;} .uploaded_media_inner_hover {background:#000; width:100%; height:1000px;opacity:0;transition:all 0.3s; position:absolute; top:0; left:0;} .uploaded_media_inner_pdf:hover .uploaded_media_inner_hover{opacity:0.4} .uploaded_media_inner_pdf img {opacity:0.1;transition:all 0.3s;width:50px; position:absolute; top:50%; left:50%;margin:-25px 0 0 -25px;} .uploaded_media_inner_pdf:hover img{opacity:1 } .uploaded_media_inner_div {position: relative; top: 50%; transform: translateY(-50%);font-size:1.2em;font-weight:bold;padding:20px;} .uploaded_media_download_link {margin:20px 0 0 0;} .uploaded_media_download_link_left {float:left;width:50%;margin:5% 0 0 0;} .uploaded_media_download_link_left a, .uploaded_media_download_link a {color:#ffffff !important;} .uploaded_media_download_link_left img,.uploaded_media_download_link img {vertical-align:middle;width:32px !important;display:block;margin:0 auto 0px auto;} .icon_thumb {vertical-align:middle;width:32px !important;display:block;margin:0 auto 0px auto;} .pdf_thumb {width:40%;float:left;margin:0 5%;} .uploaded_media_inner_div p {display:none;padding:10px 0 0 0;color:#ffffff !important;} .uploaded_media_download_link {display:none;} .medium_video .uploaded_media_outer {margin-bottom:5px;} .small_video_wrap .uploaded_media_download_link {display:none;} .uploaded_media_download_link img {margin-bottom:10px;} /*----------- TERMINOLOGY -----------*/ .termi_wrap {margin:0 0 15px 0;} /*----------- MODULE LANDING -----------*/ .module_landing_congrats {display:table;margin:30px 0 30px 0;} .module_landing_congrats img {width:100%;display:inline-block;vertical-align:middle;margin:0;} .module_landing_congrats div {width:85%; display:table-cell;vertical-align:middle;font-size:1.4em;padding-left:20px;} .module_landing_terms {margin:30px 0 30px 0;} .module_landing_terms input {width:7%;display:inline-block;margin:0;} .module_landing_terms div {width:85%; display:inline-block;} .module_landing_reset {margin: 30px 0;} .module_landing_login {margin:30px 0;} .module_landing_paynow_wrap {text-align:center;padding:30px 10px 0px 10px;border:dotted 2px #aaa;margin:0 0 20px 0;} .module_landing_paynow_wrap_left {width:35%; float:left;text-align:left;padding-left:15%} .module_landing_paynow_wrap_right {width:40%; float:left;} .module_landing_paynow_price {font-size:1.1em;} .module_landing_paynow_price_total {font-size:1.2em;font-weight:bold;} .module_landing_paynow_price span:nth-child(1),.module_landing_paynow_price_total span:nth-child(1){display:inline-block;width:40%;} .module_landing_paynow_price span:nth-child(2),.module_landing_paynow_price_total span:nth-child(2){display:inline-block;width:50%;text-align:right;} .voucher_code_entry {width:120px;margin:5px 0 0px 0;display:inline-block;background:#eeeeee;color:#333;padding: 7px 20px;font-size:2em; transition:all 0.2s; border:0px;font-weight:bold;text-align:center;text-transform:uppercase} .module_landing_paynow {margin:5px 0 0px 0;display:inline-block;background:#E0251B;color:#fff;padding: 13px 20px;font-size:1.4em; transition:all 0.2s} .module_landing_paynow:hover {cursor:pointer;background:#B41F17;} .creditcards {width:115px;} .barclayslogo {width:220px;} .module_landing_paynow_wrap_logos {margin:30px 0 0 0;} .module_landing_paynow_message_wrap {padding:0px 30px 20px 30px;} .module_landing_paynow_message {font-size:2em;font-weight:bold;margin:0 0 20px 0;} .module_landing_paynow_message_red {font-size:2em;font-weight:bold;margin:0 0 20px 0;color:#C3161C;} .module_landing_paynow_message_text {margin:0 0 15px 0;} .module_landing_paynow_start {text-align:center;margin:30px 0 0 0;} .module_landing_paynow_start a {margin:10px 0 30px 0;display:inline-block;background:#00183C;color:#fff;padding: 8px 12px;font-size:1.3em;} #cert_download_wrap {display:none;} #cert_download_wrap img {margin:0px;} #voucher_error1 {color:red;display:none;} #voucher_error2 {color:red;display:none;} #voucher_error3 {color:red;display:none;} #voucher_error4 {color:red;display:none;} #voucher_success {color:green;display:none;} .module_1_landing_image {padding:4% 5% 4% 5%;height:100%;float:left;width:55%;background-color:#812651; background-image:url(../images/slides/2a.jpg);background-size:100% auto;background-repeat:no-repeat; background-position: center bottom;margin:0 0% 0 0;} .profile_reminder {padding:20px;text-align:center; color:#fff !important} .profile_reminder h1 {color:#fff;} /*----------- SIGNALS -----------*/ .signals_wrap {position:relative;background:#fff;} .signals {display:inline-block;padding:15px 0 10px 0;margin:0 0 0px 0;width:25%;border-top:1px solid #ccc; text-align:center;transition:0.3s all} .signals img {width:80%;margin:0 auto 10px auto;border:1px solid #ffffff; transition:0.3s all} .signals:hover {background:#eee;} .signals:hover img{border:1px solid #004486;} .signals div {font-size:0.9em; text-align:center;padding:0 5px; } .signal_cat {font-size:1.0em !important; font-weight:bold; color:#004486;margin:0 0 6px 0;} .signals_iframe_outer {display:none; position: relative; padding-bottom: 70%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 30px 0;} .signals_iframe_outer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;overflow:hidden;} .signals_iframe_video_outer {width:50%; float:left; position: relative; padding-bottom: 100%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0% 0 0px 0;} .signals_iframe_video_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .signals_frame_right {width:45%;float:left;margin:0 0 0 5%;font-size:0.9em;} .signals_frame_right a {color:#333333;} .signals_frame_right_play {text-align:center;margin:0px 0 10px 0;} .signals_frame_title {font-size:1.4em; line-height:1.2em;color:#00529C; margin:20px 0 8px 0px;} /*---------- ADMIN ----------*/ .admin_wrap {padding:3%;margin:0px 0 0px 0%;color:#333;font-size:0.9em;} .admin_wrap a {color:#333;} .admin_field {margin:0 30px 15px 0;clear:both} .admin_field_shallow {margin:0 30px 0px 0;clear:both} .admin_field span,.admin_field_right{display:inline-block; width:120px;margin:0 10px 0px 0;text-align:left;float:left;} .admin_field label,.admin_field_shallow label,.admin_field_left{display:inline-block; width:300px;margin:6px 10px 0px 0;text-align:right;float:left;} /*.admin_field div {float:left;margin:0 0 20px 0;font-size:1.4em;font-weight:bold;}*/ .admin_field input,.admin_field textarea {text-align:left;padding:5px;font-size:1.4em;width:150px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #ddd;} .admin_submit {padding:8px;} .admin_error {text-align:center; color:red;padding:10px 0 0 0;} .user_admin_exams {border-left:1px solid #aaa;border-top:1px solid #aaa;background:#ffffff} .user_admin_exams td{border-right:1px solid #aaa;border-bottom:1px solid #aaa;padding:6px;} .admin_users_table {border-left:1px solid #ccc; border-top:1px solid #ccc;background:#fff;width:100%;font-size:0.95em;} .admin_users_table img {width:20px;} .admin_users_table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;padding:4px;overflow:hidden;} .admin_users_table table:first-child {font-weight:bold;} .admin_search_box {border:0px solid #eee;width:100%;color:red;padding:4px 2px;} .admin_search {background:#dadada;} .video_admin_wrap {padding:3%;margin:0px 0 0 0;position:relative;} .video_admin_wrap a {color: #000000;} .video_admin_table img {width:80px;} .video_admin_table tr {vertical-align:middle;} .video_admin_table td {border-bottom:1px solid #ddd;padding:5px 17px;} .video_admin_table .uploaded_media_outer,.video_admin_table .uploaded_media_outer_pdf {width:80px;} .video_admin_form div {margin:0 0 15px 0;font-weight:bold;} .video_admin_form input, .video_admin_form textarea,.video_admin_form select,.video_admin_table input,.videoentry {padding:4px; width:100%;margin:5px 0 0 0;} .video_admin_table input {position:relative;} .video_admin_form_submit {padding:10px;margin:30px 0 30px 0;} .spinner_msg {font-size:2em;position:relative;top:-50px;} .videoentry {height:200px;width:500px;margin:5px 0 10px 0;} /*---------- EVENTS ----------*/ #add_more_users_wrap {text-align:center;} .events_faq_wrap {background:#FEBF02;padding:5%;border-radius:10px;margin:20px 0 0 0; text-align:center;} .events_faq_wrap h2 {font-size:1.3em;} .events_faq_wrap p {margin:0px;} .events_faq_wrap a {text-decoration:underline} #modal-faq b {font-size:1.1em;} #modal-faq a {color:#333;text-decoration:underline} #modal-faq img {width:18px;margin:0 5px;} .events_list_iframe {position: relative; display:inline-block;padding-bottom: 100%; /* 56.25%; 16:9 */ padding-top: 0px; width:100%;height: 0; margin:0 0 0px 0;background-size:cover;background-position: center center; background-repeat:no-repeat;border:1px solid #aaa;} .events_list_iframe iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;border:0px;} .events-modal-iframe {width:100%;height:400px;} .event_booking_title_section {border-bottom:1px solid #d8d8d8;padding:0 0 10px 0;margin:0 0 30px 0;} .event_booking_title_section_left {display:inline-block;width:49%;} .event_booking_title_section_right {display:inline-block;width:49%;padding:10px 0 0 0;} .events_list_item {margin:0 0 0px 0;transition:all 0.2s; } .events_list_item:hover {background:#eeeeee;} .events_list_image_outer {position: relative; display:inline-block;padding-bottom: 20%; /* 56.25%; 16:9 */ padding-top: 0px; width:20%;height: 0; margin:0 0 0px 0;background-size:cover;background-position: center center; background-repeat:no-repeat;} .events_list_image_inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size:cover;background-position:center center} .events_list_into {display:inline-block;width:75%;padding:3% 0 0 3%;} .events_list_date {font-size:1.1em;margin:0 50px 10px 0;display:inline-block;background-image:url(../images/elements/small-calendar.png);background-repeat:no-repeat;background-size:20px;padding:1px 0 0 30px;} .events_list_times {font-size:1.1em;margin:0 0 10px 0;display:inline-block;background-image:url(../images/elements/clock.png);background-repeat:no-repeat;background-size:20px;padding:1px 0 0 30px;} .events_list_title {font-size:1.7em;margin:0 0 15px 0;color:#47597F;line-height:1em;} .events_list_location {margin:0 0 15px 0;} .events_list_closes {padding:10px 14px;background:#8DBF46;margin:5px 10px 10px 10px;display:inline-block;border-radius:2px;color:#ffffff;} .events_list_closes span {font-size:1.6em;} .events_list_closes_red {background:#CE0021;} .events_list_spaces {padding:10px 14px;background:#8DBF46;margin:5px 10px 10px 0;display:inline-block;border-radius:2px;color:#ffffff;} .events_list_spaces_red {background:#CE0021;} .events_list_location {} .confirm_booking_wrap {margin:40px 0 0 0;text-align:center;} /* EVENTS 2 */ .mapblur {position:relative;} .mapblur_link {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;text-align:center;} .mapblur_link span{display:inline-block;background:#ffffff;border:0px;padding:15px 20px;text-decoration:none;font-size:1.3em;border-radius:2px;} .mapblur img {max-width:100%;} .event2_page_wrap {background:#fafafa;padding:30px;} .event2_page_wrap a {color:#333333;} .events2_page_wrap_left {width:47.5%;float:left;padding:0 5% 0 0;} .events2_page_wrap_right {width:47.5%;float:right;} .events2_list_item {transition:all 0.2s; padding:2.5% 0%; } .events2_page_wrap_left_top,.events2_page_wrap_right_top {margin:0px 0 30px 0;} .event2_page_wrap h1 {font-size:1.7em;} .events2_list_image_outer {position: relative; display:inline-block;padding-bottom: 20%; /* 56.25%; 16:9 */ padding-top: 0px; width:20%;height: 0; margin:0 0 0px 0;background-size:cover;background-position: center center; background-repeat:no-repeat;} .events2_list_image_inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size:cover;background-position:center center; background-color:#eeeeee;} .events2_list_into {display:inline-block;width:75%;padding:0% 0 0 3%;color:#333;} .events2_list_date {font-size:1.0em;margin:0 0px 7px 0;} .events2_list_title {font-size:1.2em;margin:0 0 7px 0;color:#333;line-height:1em;font-weight:bold;} .events2_list_location {margin:0 0 0px 0;} .events2_list_location span {color:#aaaaaa;} .events2_list_closes {padding:4px 10px;background:#8DBF46;margin:5px 0px 10px 0px;display:inline-block;border-radius:2px;color:#ffffff;} .events2_list_closes span {font-size:1.6em;} .events2_list_closes_red {background:#CE0021;} .events2_list_spaces {padding:5px 7px;background:#8DBF46;margin:5px 10px 10px 0;display:inline-block;border-radius:2px;color:#ffffff;} .events2_list_spaces_red {background:#CE0021;} .events2_list_waiting {display:inline-block;margin:10px 0 0 0;color:#CE0021} .events2_list_location {} .events2_your_booking_statuses_wrap {margin:0px 0 0 0;} .gm-style img {cursor:pointer !important;} .events2_page_wrap_right_full .events2_list_item {width:45%;display:inline-block;} .events2_page_wrap_inner {padding:0px;} .events2_no_bookings {text-align:center;padding:70px 30px;} .events2_search {position:absolute;right:35px;top:35px;} .events2_search input {border:0px;padding:10px;width:120px;font-size:0.6em;} .events2_search a {text-decoration:none;background:#001030; color:#fff;padding:5px 10px;border-radius:2px;font-size:0.6em;display:inline-block;margin:0 0 0 0px;text-transform:none;} .events_filter_form h1 {display:inline-block;float:left;} .event2_status_green,.event2_status_orange,.event2_status_red {color:#ffffff;font-size:1.2em;min-width:19px;height:19px;text-align:center;line-height:1em;padding:4px 3px 0 2px; display:inline-block;margin:0 0 10px 0; border-radius:2px} .event2_status_green {background:#8DBF46;} .event2_status_red {background:#CE0021;} .event2_status_orange {background:#FFA500;} .event2_status_status {display:inline-block;margin:0 20px 0 8px;line-height:1em;padding:5px 0 0 0;} a.event2_admin_submit {text-decoration:none;background:#001030; color:#fff;padding:7px;border-radius:2px;font-size:1.2em;display:inline-block;margin:0 0 0 15px;} .events_filter_form {margin:0px 0 20px 0;text-align:right;} .events_filter_form select {padding:7px;display:inline-block;margin:0 0 15px 7px;border:1px solid #cccccc;max-width:300px;} .events_filter_form input {padding:8px;display:inline-block;margin:0 0 15px 7px;border:1px solid #cccccc;} .events_attended_col img {margin:0 10px;} .events_table img.event-cross,.event-cross {width:20px;margin:0 10px 0 0;} .events_table a:hover {text-decoration:none;} .events_table tr:nth-child(1){font-weight:bold} .event_pre_error {display:inline-block;margin:0 0 0 0px;color:#CE0021; } .event_pre_error_green {display:inline-block;margin:0 0 0 0px;color:#8DBF46;} .event_pre_error_green a {color:#8DBF46 !important;} .event_pre_error ul {margin:0px;} .event_pre_error li {margin:0px 0 0 20px;} .add_info_wrap {background:#FEBF02; border-radius:4px;padding:10px;max-width:300px;float:right;position:relative;margin:-10px 0 -20px 0;} .arrow-down { position:absolute;bottom:-20px;left:50%;width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FEBF02;margin:0 0 0 -25px;} .event_booking_left {display:inline-block;width:39%;text-align:center;padding:40px 5% 0 5%} .event_booking_right {display:inline-block;width:39%;text-align:center;height:100%;border-left:1px solid #d8d8d8;padding:40px 4.5% 0 5%} .your_booking_status_wrap {border-bottom:1px solid #d8d8d8;margin:0 0 30px 0;padding:0 0 30px 0;} .event_status_green,.event_status_orange,.event_status_red {color:#ffffff;font-size:1.4em;min-width:22px;height:24px;text-align:center;line-height:1em;padding:6px 6px 0 6px; display:inline-block;margin:0 0 10px 0; border-radius:2px} .event_status_green {background:#8DBF46;} .event_status_red {background:#CE0021;} .event_status_orange {background:#FFA500;} .event_admin_status_green,.event_admin_status_orange,.event_admin_status_red {font-size:1.2em;min-width:18px;height:22px;text-align:center;line-height:1em;padding:7px 6px 0 6px; display:inline-block;border-radius:2px; margin:0px;} .events_table .event_admin_status_green,.events_table .event_admin_status_orange,.events_table .event_admin_status_red {font-size:1.0em;height:20px;padding:5px 4px 0 4px;} .event_status_status {display:inline-block;margin:0 20px 0 8px;font-size:1.1em;line-height:1em;padding:8px 0 0 0;} .events_raw_table {border-top:1px solid #cccccc;border-left:1px solid #cccccc;} .events_raw_table td {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:4px;} .events_raw_table tr:nth-child(odd){background:#f0f0f0;} .events_raw_table tr:nth-child(1){font-weight:bold} .drpdwn, .drpdwn li,.drpdwn ul { margin:0px;padding:0px; list-style: none;} .drpdwn > li{margin:5px 0 0 0;position:relative;} .drpdwn li:hover{cursor:pointer;} ul.drpdwn > li a { color: #000000; line-height: 40px; height:40px; display:block; padding:0px 10px; white-space:nowrap; text-decoration:none;transition:0.1s all;} ul.drpdwn > li a:hover { background: #eeeeee;color: #000000;} ul.drpdwn li ul {z-index:999999;text-align:left; right:0px; top:20px; display: none; position: absolute; background: #ffffff; margin:11px 0 0 0px; transition:0.3s all;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);} ul.drpdwn li ul li { float: none; line-height: 40px; height: 40px;} .event-red {color:#CE0021} .event-green {color:#8DBF46} .event_page_wrap .module_landing_paynow_wrap {width:45%;display:inline-block;padding:2%;border:0px;} .event_page_wrap .module_landing_paynow_wrap h2 {margin:0 0 40px 0;} .event_prerequisites {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #d8d8d8;} .event_left {display:inline-block;width:55%;padding:0 5% 0 0;} .event_right {display:inline-block;width:36%;padding:0 0 0 3%;} .event_date {font-size:1.1em;margin:0 50px 10px 0;display:inline-block;background-image:url(../images/elements/small-calendar.png);background-repeat:no-repeat;background-size:20px;padding:1px 0 0 30px;} .event_time {font-size:1.1em;margin:0 0 10px 0;display:inline-block;background-image:url(../images/elements/clock.png);background-repeat:no-repeat;background-size:20px;padding:1px 0 0 30px;} .event_title {font-size:1.4em;margin:0 0 15px 0;} .event_location {font-size:1.2em;margin:0 0 20px 0;} .event_line {margin:0 0 30px 0;border-bottom:1px solid #d8d8d8;padding:0 0 15px 0;} .event_location_postcode {margin:0 0 30px 0;} .event_description {margin:0 0 30px 0;border-bottom:1px solid #d8d8d8;padding:0 0 30px 0;} .event_description img {max-width:100%;height:auto !important} .event_price {display:inline-block;text-align:center;margin:0 5% 20px 5%;} .event_price span {display:block;font-size:2em;padding:10px 0 0px 0;} .event_page_wrap {background:#fafafa;} .event_page_wrap_inner {padding:30px;position:relative;} .event_page_wrap a {color:#333;} .event_page_wrap_title {background:#A12A29;padding:40px;font-size:2em;text-transform:uppercase;color:#ffffff;position:relative;line-height:1em;} .event_page_wrap_subtitle{text-transform:none;font-size:0.8em;margin:10px 0 0 0;} .event_page_wrap_left {width:60%;display:inline-block;padding:0 5% 40px 0;max-width:780px;} .event_page_wrap_right {width:34%;padding:0 0 40px 0;display:inline-block;max-width:441px;} .event_page_wrap_prerequisites {padding:40px 0 10px 0;} .event_page_wrap_questions {padding:20px 0 40px 0;} .event_admin_field {margin:0 30px 15px 0;clear:both;position: relative;} .event_admin_field_float {display:inline-block;} .event_page_wrap_prerequisites .event_admin_field_float, #event_form .event_admin_field_float {white-space:nowrap;} .third_width {display:inline-block;width:27%;} .event_admin_field label{display:block; width:98%;margin:0 0 2px 0px;color:#777777;} .event_admin_field input[type='text'],.event_admin_field textarea {text-align:left;padding:12px 12px;width:98%; border:1px solid #ccc;border-radius:2px} .event_admin_field select {text-align:left;padding:12px 12px;width:auto;border:1px solid #ccc;border-radius:2px} .event_admin_field textarea{height:80px;} .event_admin_field input[type='checkbox'] {display:block;position:relative; opacity: 0; cursor: pointer;margin:0 0 20px 0;} .event_admin_field_shop input[type='text'],.event_admin_field textarea {padding:7px 10px;font-size:1.1em;} .half_width label,.third_width label {white-space:normal;} .events_table tr.event_totals {border-bottom:0px;font-size:1.5em;} .events_table .event_totals td {padding-top:40px;} /* SHOP */ .shop_page_wrap_outer {background:#fafafa;padding:30px;position:relative;max-width:1200px; margin:0 auto;} .shop_page_wrap_vat {position:absolute;top:5px;right:10px;font-size:0.9em;} .shop_page_wrap_outer a {color:#333333;} .shop_page_wrap_left {width:60%; display:inline-block;padding: 0 0 0 0; position:relative; margin:0 0 50px 0} .shop_page_wrap_right {width:34%; display:inline-block;margin:0 0 50px 2.5%; position:relative;border-left:1px solid #ccc; padding:0 0 0 2.5%} .shop_page_wrap_edit {position:absolute;top:0px;right:0;background:#001030; padding:4px 8px;} .shop_page_wrap_outer a .shop_page_wrap_edit {color:#ffffff;} .checkout_titles {font-size:1.4em;margin:0 0 30px 0;} .module_landing_paynow_wrap_shop {border:0px;padding:10px 10px;max-width:400px;margin:0 auto;} .shop_page_wrap {} .shop_page_wrap a {color:#333;display:inline-block;width:21.5%;display:inline-block;margin:0 4% 20px 0%; text-decoration:none;} .shop_page_wrap a:nth-child(4n+4) {margin-right:0px;} .shop_list_item {} .shop_list_image_outer {position: relative; display:inline-block;padding-bottom: 100%; /* 56.25%; 16:9 */ padding-top: 0px; width:100%;height: 0; margin:0 0 0px 0;background-size:cover;background-position: center center; background-repeat:no-repeat;} .shop_list_image_inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size:cover;background-position:center center; background-color:#eeeeee;} .shop_list_into {padding:10px 0 0 0;} .shop_list_price {} .shop_price_1,.shop_price_2,.shop_price_3{line-height:1em;display:inline-block;} .shop_price_1 {padding:2px 2px 0 0;} .shop_price_3 {padding:2px 0 0 2px;} .shop_price_2 {font-weight:bold;font-size:1.6em;} .shop_list_title {margin:5px 0 0 7px;} .shop_list_oos {color:#CE0021;margin:5px 0 0 7px;} .shop_list_oos_big {color:#CE0021;font-size:1.4em} .shop_bread_crumb {margin:0 0 25px 0;} .shop_category_wrap {margin:0 0 40px 0;} .shop_product_left {width:35%;display:inline-block;} .shop_product_right {width:60%;display:inline-block;margin:0 0 0 4%} .mobile_shop_product {display:none;} .shop_product_title {font-size:2em;line-height:1em;margin:0 0 20px 0} .shop_product_description {margin:0 0 20px 0} .shop_product_price {font-size:1.5em;margin:30px 0 30px 0;} .shop_product_pre_tax_price {font-size:0.65em;margin:10px 0 0 0} .bundle_quantity {font-size:1.1em;} .shop_bundle_item {margin:0 0 10px 0} .shop_bundle_title {padding:0 0 0 20px;} .module_landing_paynow_wrap_left_shop {width:70%;padding-left:0%;margin:0 0 40px 18%;} .module_landing_paynow_wrap_right_shop {width:100%;padding-left:0%;margin:0 0 20px 0;} .shop_bundle_item2 {width:29%; display:inline-block;position:relative;} .shop_bundle_item2_wrap > div {margin:5% 5% 0 0;} .shop_bundle_item2_wrap > div:nth-child(3n+3) {margin-right:0px;} .shop_bundle_item2 .shop_bundle_value {position:absolute;bottom:-5px;right:-5px;width:30px;height:25px;background:#8DBF46;border-radius:50%;color:#ffffff;font-weight:bold;font-size:1.5em;text-align:center;line-height:1em;padding:5px 0 0 0} .shop_bundle_item2 .shop_bundle_image {width:100%} #nav > ul > li.basket-icon {float:right;display:none; } #nav > ul > li.basket-icon > a{border-left:0px;font-size:1.0em;} #basket-icon {background-image:url(../images/elements/shopping-cart-dark.png); width:27px; height:30px;background-size:100%;float:right;display:block;margin:-2px 0 0 15px;background-repeat:no-repeat; position:relative;} #basket-count {width:15px;height:13px;background:red;color:#ffffff;border-radius:50%;font-size:0.8em;text-align:center;line-height:1em;padding:2px 1px 0 0;position:absolute;right:-8px;top:0px;} .basket_table {margin:0 0 0 0 !important;} .basket_table a {color:#333333;} .plusminus {white-space: nowrap;} .plusminus img {width:17px !important;opacity:0.15;margin:0 8px;transition:all 0.15s} .plusminus img:hover {opacity:1;} .plusminus {font-size:1.1em;} .table-center {text-align:center;} .table-right {text-align:right;} .basket_bundle {font-size:0.85em;margin:6px 0 0 15px;} .delivery_left {display:inline-block;width:42%;border-right:1px solid #ccc;margin:0 5% 0 0; padding:0 7% 0 0} .delivery_right {display:inline-block;width:42%;} .delivery_title {font-size:1.5em;margin:0 0 30px 0;} .delivery_left label,.delivery_right label {color:#aaa;margin:0 0 3px 3px;font-size:0.95em} .delivery_left .event_admin_field,.delivery_right .event_admin_field {margin:0 0 10px 0 !important} .top_shop_wrap {display:inline-block;margin:0 auto;} .shop_top_left,.shop_top_middle,.shop_top_right {font-size:0.7em;display:inline-block;position:relative;top:12px;margin:0 20px;} .shop_top_left div,.shop_top_middle div,.shop_top_right div {position:absolute;height:10px;width:10px;background:#ffffff;border-radius:50%;top:-20px;left:50%;margin:0 0 0 -5px;} .shop_top_left a,.shop_top_middle a ,.shop_top_right a {text-decoration:none;opacity:0.2;transition:all 0.3s} .shop_top_left a:hover,.shop_top_middle a:hover ,.shop_top_right a:hover {opacity:1;} .shop_top_middle {text-align:center;} .shop_top_right {text-align:right;} .top_shop_wrap a {color:#ffffff;} /* BETTER CHECKBOXES */ .container { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .container input { position: absolute; opacity: 0; cursor: pointer;} .checkmark { position: absolute; top: 30px; left: 0; height: 25px; width: 25px; background-color: #ffffff; border:1px solid #ccc;border-radius:2px;} .container:hover input ~ .checkmark { xxxbackground-color: #ccc;} .agree_wrap a {text-decoration:underline;} .container input:checked ~ .checkmark { background-color: #001030;} .checkmark:after { content: ""; position: absolute; display: none;} .container input:checked ~ .checkmark:after { display: block;} .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .event_admin_field_nonfloat label {display:inline-block;margin:0 0 0 40px;} .event_admin_field_nonfloat .checkmark {top:-5px; left:-40px;} a.event_admin_submit {text-decoration:none;background:#E0251B; color:#fff;padding:13px 16px;border-radius:2px;font-size:1.2em;display:inline-block;transition:all 0.2s} a.event_admin_submit:hover {background:#BA221A;} .event_pound {font-size:1.4em;padding:13px 5px 0 0; display:inline-block;} .events_table {width:100%;margin:50px 0 0 0;} .events_table img {width:20px;} .events_table tr {border-bottom:1px solid #ccc;} .events_table tr:hover {background:#f5f5f5;} .events_table td {padding:10px 15px;vertical-align:middle;} td.events-narrow-td {padding-left:4px;padding-right:4px;width:30px;} .refunds_table {width:100%;} .refunds_table tr {border-bottom:1px solid #ccc;} .refunds_table tr:hover {background:#f5f5f5;} .refunds_table td {padding:10px 15px;vertical-align:middle;} .event_admin_filters {position:absolute;right:40px;top:20px;} .event_admin_filters select {border:0px;padding:6px;font-size:0.45em;} .event_admin_filters > div {display:inline-block;margin:0 10px 0 0;} .event_admin_filters > div > div {font-size:0.5em;text-transform:none;opacity:0.5; margin:0 0 -5px 0;} .event-filter-wrap{position:absolute;right:40px;top:36px;display:inline-block;max-width:60%; text-align:right;} .event-filter-select {border:0px;padding:6px;font-size:0.55em;margin:0 0 0 10px} .event-admin-title {font-weight:bold;font-size:1.1em;} .events-lead-image-admin {width:100px;height:100px;background-size:cover;background-repeat:no-repeat;background-position:center center; background-image:url(../images/elements/picture.png); transition:opacity 0.2s} .events-certificate-admin {width:100px;height:100px;background-size:auto 100%;background-repeat:no-repeat;background-position:0 0 ; background-image:url(../images/elements/diploma.png); transition:opacity 0.2s} .events-lead-image-admin:hover,.events-certificate-admin:hover {opacity:1 !important;} .event-admin-subtitle {color:#aaaaaa;} .event-admin-url a {font-size:0.9em;color:#aaaaaa;} .event-admin-url {margin:13px 0 0 0;} .events_admin_left {display:inline-block;width:45%; max-width:550px;margin:0 4% 0 0} .events_admin_right {display:inline-block;width:49%} .events_certs_item {margin:0 0 20px 0;border-bottom:1px solid #cccccc;padding:0 0 20px 0;} .events_certs_img {width:10%;max-width:75px;display:inline-block;margin:0 1% 0 0;border:1px solid #cccccc;} .events_certs_info {width:65%;display:inline-block;} .events_certs_download {width:20%;display:inline-block;text-align:center;padding:3% 0 0 0} .events_certs_img img {width:100%;} .events_certs_title {margin: 0 0 10px 0;font-size:1.1em; font-weight:bold;} .events_check_users {width:100%;} .events_check_users tr {} .events_check_users td {vertical-align:middle;padding:10px 0;} .events_check_users td input {border:0px;padding:8px;width:250px;} .events_check_users_img {width:30px;vertical-align:middle;margin:0 6px 0 0} .event_opener {display:none;} .events_question_top {background:#fafafa;padding:40px;} .events_question_header {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #ccc;} .events_question_left {width:60%;display:inline-block;} .events_question_left .event_location {padding:0px;border:0px;margin:0px;} .events_question_right {width:39%;display:inline-block;} .events_question_attendee_title {color:#777777;} .events_question_attendee_name {font-size:2em;margin:2px 0 0 0;background:#ffffff;border:1px solid #dddddd;padding:12px;line-height:1em;} .event_admin_field input[type='text'].q_error {border:2px solid red;} .event_admin_field textarea.q_error {border:2px solid red;} .pending_questions_wrap {background:#FEBF02;padding:15px 50px 8px 10px;position:relative;} .pending_questions_wrap img {width:35px;display:inline-block;margin:5px 10px 0 0;} img.hide_warning {position:absolute;right:5px;top:10px;width:25px;} .pending_questions_info {display:inline-block;width:90%;} .pending_questions_info_certs {margin:15px 0 10px 0;} .pending_questions_info_left,.pending_questions_info_right {width:45%;display:inline-block;} .pending_questions_info_left {padding-right:5%;} .pending_questions_wrap h2 {margin:0 0 8px 0;} .pending_questions_wrap p {margin:0 0 8px 0;} .pending_questions_wrap ul {margin:0px 0 0 10px;} .pending_questions_wrap li {margin:0 0 0px 10px;padding:0 0 5px 0;} .pending_questions_wrap a {color:black;text-decoration:none;margin:0 0 0 0px;} .your_booking_statuses_wrap {margin:8px 0 0 0;} .your_booking_statuses_wrap > div {display:inline-block;} /*---------- NPUA VIDEO ----------*/ .videowrap {margin:0px 0 0 0px;padding:20px;color:#333;} .videowrap a {color:#333;} .videowrap a:hover {text-decoration: none;} .video_download_link {margin: 10px 0 0 0;} .video_download_link a:hover {text-decoration: underline !important;} .video_download_icon {height: 1.2em; margin: 0 5px 0 0;} .video_single_wrap {margin:15px 10px 0 10px;padding:20px 0px;} .pp_title_wrap {margin: 0 0 40px 0;} .pp_logo1 {width:130px; float:left;} .pp_logo2 {width:130px; float:left;margin:2px 0 0 0;} .pp_logo3 {width:132px; float:left;margin:2px 0 0 0;} .pp_title {font-weight:bold;text-align:center;color:#333;margin:0px 0 0px 0px;font-size:2.3em;padding:50px 0 0 0;line-height:1em;} .pp_title img {width:450px;} .video_leftnav_wrap {display:inline-block;width:22%;overflow:hidden;margin:0 2.0% 2% 0;border:1px solid #e0e0e0; background:#ffffff} .video_leftnav_thumb { position: relative; padding-bottom: 56.25%; /* 56.25%; 16:9 */ padding-top: 0px; height: 0; margin:0 0 0px 0;background-size:cover;overflow:hidden;} .video_leftnav_thumb_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;text-align:center;overflow:hidden;} .video_leftnav_thumb_inner_hover {background:#000; width:100%; height:600px;opacity:0;transition:all 0.3s; position:absolute; top:0; left:0;} .video_leftnav_thumb_inner:hover .video_leftnav_thumb_inner_hover{opacity:0.4} .video_leftnav_thumb_inner img {opacity:0;transition:all 0.3s;width:50px;margin:18% 0 0 40%; position:absolute; top:0; left:0;} .video_leftnav_thumb_inner:hover img{opacity:1 } .video_leftnav_title {margin:10px 0 7px 0;padding:0 35px 0 15px;font-size:1.1em;} .video_leftnav_desc {padding:0 15px 10px 15px;} .npua_vid_comments_wrap {font-size:0.95em;margin:0 0 10px 0;padding:0 0 10px 0; border-bottom:1px solid #d6d6d6;position:relative;} .npua_vid_comments_icon {float:left;width:15%;} .npua_vid_comments_icon img {width:30px;} .npua_vid_comments_text {float:right;width:85%;} .npua_vid_comments_text_inner {margin:0 0 15px 0;} .npua_vid_comments_text_inner a {color:#951317;} .npua_vid_comments_text textarea {width:95%;height:100px;padding:2%;margin:0px;} .npua_vid_comments_details {float:right;width:85%;color:#999;} .npua_vid_comments_submit {position:absolute; bottom:0px;right:4px;font-size:1.1em;display:inline-block;background:#212B4D;color:#fff;padding:8px;margin:25px 0 0 0;} .video_cat_wrap {margin:0 0 4% 0;padding:0 0 10px 0;} .video_cat_name {margin:7px 0 20px 8px; font-size:1.8em; } .video_cat_desc{margin:0 0 2% 8px; } .video_cat_desc ul br,.video_leftnav_desc ul br {display:none;} .vid_more {float:right;font-weight:bold;font-size:1.1em;} .model_answer { padding:15px;margin:-20px 0 15px 0;background:#C2DEFA;} .ytu_left_wrap {float:left;width:27%;margin:30px 5% 0 1%;} .ytu_right_wrap {float:left;width:63%;padding:30px 2%;} .ytu_video_admin_wrap {padding:3%;margin:0px 0 0 0;} .ytu_video_admin_wrap a {color:#001030;} .video_admin_table td {background:#fff;} .comment_upload_wrap {margin:0px 0 10px -5px;padding:5px 5px 5px 0px;transition:all 0.2s} .comment_upload_wrap:hover {background:#fff;} .tyu_video_upload_jpeg img {height:30px;position:relative;right:-5px;} .tyu_video_upload_pdf img {height:30px;position:relative;right:-5px;} .tyu_video_upload_pdf,.tyu_video_upload_jpeg {display:inline-block;} .tyu_video_upload_filename {width:80%;display:inline-block;margin:5px 0 0 5px;} /*----------- EXAM -----------*/ .tab {display:inline-block;padding:7px 10px 7px 0px;margin:0 5px 20px 0;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;} .tab a {color:#333;text-decoration:none;} .taboff {} .taboff a{color:#aaaaaa;} .testloginreminder {display: inline-block; padding: 7px 10px; position: relative; top: -10px; color: #FFFFFF} .testloginreminder a {color: white; text-decoration: underline;} .exam_title {font-size:1.5em;color:#004486;margin:0 0 30px 0;line-height:1.2em;} .exam_title_img {margin:0 10px 0 0;float:left;} .exam_leftlink_wrap {visibility:visible;margin:-20px 0px 20px 17px;} .exam_leftlink_wrap img {position:relative;top:10px;margin:0 10px 0 0;} .exam_results_break {border-top:1px solid #ccc;margin:10px 0 0 0; padding:7px 0 0 0;} .exam_wrong_answer_message {color:#BC252D;margin:15px 0 0 15px;} .exam_wrong_answer_links1 {color:#BC252D;margin:15px 0 10px 15px;font-weight:bold;} .exam_wrong_answer_links2 {color:#BC252D;margin:0px 0 0 35px;width:450px} .exam_wrong_answer_links2 a {color:#BC252D;} .exam_right_answer_message {color:green;margin:15px 0 0 15px;} .exam_video {margin:5px 0 20px 5px;} .exam_video_post {margin:5px 0 0px 5px;} .exam_video_post_text {font-size:1.1em;margin:20px 0 0 5px;color:#00A256;font-weight:bold;} .exam_diagram {margin:0 0 20px 23px;} .questionwrapper {padding:20px 0 20px 20px; margin: 0 0 20px 0;} .questionwrapper td {font-size:0.9em;} .tickbox {width:25px;padding:0px 5px 0 10px; margin:0px;} .question {border:0px;} .answerreminder {color:#888; margin:10px 0 0 14px;font-size:0.9em;} .exam_leftnav_wrap {visibility:visible;font-size:0.9em;margin:0 20px 0 20px;} .exam_leftnav_title {font-size:1.5em;border-bottom:1px solid #ccc;padding:10px 0 10px 0;margin:0px 0 10px 0;} .laws_exam_percent {float:right;} .exam_leftnav_title2 {font-weight:bold;margin:0 0 8px 0;} .exam_leftnav_div {margin-top:-2px;} .exam_leftnav_div img{width:14px;position:relative; top:3px; margin:0 5px 0 0px;} .exam_leftnav_lawexam {float:left;} .exam_leftnav_percentage {float:right;text-align:right;} .questions_header {font-size:1.1em; font-weight:bold; margin:0 0 10px 0; color:#004486;} /********************/ /* GEO */ /********************/ .geo_not_allowed_wrap {color:#000000;padding:4%;} .geo_not_allowed_wrap h1 {color:#000000;} .geo_box {width:39.5%; float:left;padding:0 5%;text-align:center;} .geo_intro {text-align:center;margin:0 0 50px 0;} .geo_login {text-decoration:none;z-index:9999;font-size:1.1em;display:inline-block;background:#C3161C;padding:5px 8px;margin:10px 0 20px 0;color:#fff;text-transform:uppercase;border:2px solid #fff;border-radius: 2px;} /********************/ /* NAV */ /********************/ .menu {position:relative;} .menu {border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;margin:0 0 0px 0;padding:0 0 0px 0; background:#f2f2f2} .menu a {color:#fff; text-decoration:none;position:relative;z-index:1000;} .empty_menu {height:42px;} #nav {position:relative;border:0px solid red;float:left;margin:0px 0 0 2.5%;transition:margin 0.5s;width:100%;} #nav > a {display: none;} #nav a {text-decoration:none;white-space:nowrap;} #nav ul,#nav li {list-style: none;padding:0px ; margin:0px;} #nav li {position: relative;} #nav li:first-child {background:transparent;} #nav li a {display: block;padding:2px 5px;} #nav span:after {width: 0;height: 0;border: 0.313em solid transparent; border-bottom: none; border-top-color: #efa585;content: "";vertical-align: middle;display: inline-block; } #nav > ul { text-align:left;} #nav > ul > li {height:28px;display:inline-block; padding:10px 20px 0 8px;transition: ; margin-right: -4px;border-bottom:#f2f2f2 solid 5px;transition:0.2s all} #nav > ul > li:first-child{border-left:0px;padding-left:0px;} #nav > ul > li:first-child a {border-left:0px;} #nav > ul > li:hover {border-color:#E0251B; } #nav > ul > li > a {font-weight:700; color:#333333;padding:0 0 0 10px;text-align: center;display:table-cell;vertical-align:middle;} #nav > ul > li:not( :last-child ) > a {} #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {} #nav li ul {visibility:hidden;position: absolute;top: 100%;} #nav > ul > li > ul {border:1px solid #e9e9e9;z-index:9999999;margin:5px 0 0 0} #nav > ul > li:hover > ul {visibility:visible;left: 0px;text-align:left;width:220px;} #nav > ul > li > ul > li:hover > ul {visibility:visible;left: 0px;text-align:left;width:220px;} #nav > ul > li > ul > li > ul > li:hover > ul {visibility:visible;left: 0px;text-align:left;width:220px;} #nav > ul > li > ul > li > ul li{left:220px;top:-29px;} #nav > ul > li > ul > li > ul > li > ul li{left:220px;top:-29px;} #nav li ul a {white-space:normal;width:200px;background-color: #ffffff;color:#333333; padding: 5px 10px; } #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {background-color: #E0251B;color:#ffffff; } .menu_more_arrow > a {background-image:url(../images/elements/chevron-red.svg); background-repeat:no-repeat;background-size:12px;background-position:right 10px center;} .sitemap .menu_more_arrow > a {background-image:none;} #nav li ul li.menu_more_arrow > a:hover {background-image:url(../images/elements/chevron.svg);} #nav li.menu_right {position:absolute;top:-145px;right:34px;color:#ffffff; border:0px solid red;line-height:1em;padding:0px;height:auto;} #nav li.menu_right > a {padding:0px 20px;font-weight:normal;font-size:0.9em;height:43px;} #nav li.menu_right:hover {background-color:#E0251B;} #nav li.menu_right_login {background-image:url(../images/elements/user.svg);background-size:20px;background-repeat:no-repeat;background-position:17px 14px;padding-left:22px;border-left:1px solid #555; border-right:1px solid #555} #nav li.menu_right_register {position:absolute;top:-145px;right:137px;color:#ffffff; border-left:1px solid #555} #nav li.basket-icon {right:30px;color:#ffffff} #nav li.menu_right a {color:#ffffff} #nav li.basket-icon:hover {background:none;} #nav li.menu_right ul a {color:#333;} .sitemap .menu_right {display:none;} li.menu_right a {border-left:0px solid #000 !important;} #nav .menu_right ul {left:-84px !important} #nav li.menu_right > ul {margin:0px;font-size:0.95em;} #nav li.menu_right > ul a {padding:7px 10px;} .menu_right_login img {display:none;} .slicknav_menu {display:none;} #nav > ul > li.menu_user_link,.menu_user_link_name {display:none;} .nav2 {} .nav2 > ul > li {margin-right:0px !important;} .user_icon {width:18px;margin:0 5px 0 0} .nav2 > ul > li > a {padding:0px 5px !important;} .nav2 li ul a {width:auto !important; text-align:right;} .nav2 > ul > li:first-child a {border:0px;padding-left:10px !important;} .nav2 li:hover ul {left:auto !important;right:0px;width:auto !important; white-space:nowrap;} /*********** /* site map **********/ .sitemap{} .sitemap a{color:#333;} .sitemap .menu_more_arrow > a {background-image:none;} .sitemap li {margin-bottom:0px;} .sitemap > ul > li {list-style-type:none;} .sitemap > ul > li > a {font-size:1.6em;font-weight:bold;padding:0 0 20px 0;display:block;} .sitemap > ul > li > ul > li {list-style-type:none;} .sitemap > ul > li > ul > li > a {font-size:1.1em;font-weight:bold;padding:0 0 7px 0;display:block;} /********************/ /* MODULE LEFT NAV */ /********************/ .module_preview_message {margin:0 0 20px 0;} .leftmenuitemwrap {margin:0 0 15px 0;border-bottom:1px solid #e0e0e0;padding-bottom:10px;color:#333333;} .leftmenuitemwrap a {color:#333333;} .leftnavtick img {width:21px;} .leftnavtick {width:10%;float:left;height:17px;} .menutitle {color:#e0251b;font-size:1.3em;margin:0 10px 10px 20px;} .leftmenuheader {text-transform: uppercase; font-weight: bold; font-size: 1.4em; } .leftmenuheadersub {margin-left: 60px;} .menutitle2 {color:#fff; text-align:left; background:#296298;padding:6px 0 6px 10px} .menunumber {float:left;width:10%;text-align:right;margin-right:3%;opacity:0.4;filter:alpha(opacity=40);} .menutext {float:left;width:67%;overflow:hidden;} /********************/ /* LANDING PAGES */ /********************/ .feature_video_wrap {width: 80%; float: left; margin: 0 0 0 0;} .small_video {width: 40%; padding: 2%; float: left; margin: 0 6% 0 0;} .medium_video {width: 90%; padding: 2%; float: right; margin: 0 0 10px 0;background:#dddddd;} .golden_thread_bg .medium_video {background:#968760;color:#fff;} .medium_video p {margin:0px;} .medium_video img {width: 100%; margin-bottom: 5px;} .small_video img {width: 100%; margin-bottom: 5px;} .small_video_wrap {width: 20%; float: right;} .video_highlight,.golden_thread_bg .video_highlight{background: #951317; color: #ffffff; padding: 2%;} .video_highlight p {color:#ffffff;} .gtia_videointro_wrap {float:right;width:65%;} .gt_video_description {float: left; width: 30%; margin-right: 2%; } .gt_videointro_bg_wrap {background: #CCBB8F; padding:2%;margin:0 0 20px 0;} .gtia_video_wrap .feature_video_wrap {width:100%;} .gtia_video_wrap .small_video_wrap {width:100%;} .gtia_video_wrap .medium_video {width:22.6%;padding:1%;float:none;display:inline-block;} .gtia_video_wrap .iframe_wrap_outer {margin:0;} #gt_videoshowhide_link {margin:0 0 20px 0;} hr {margin: 0 0 15px 0;} .golden_thread_bg {background: url("../images/elements/golden_thread_bg.jpg") no-repeat; background-size: 100% 100%; padding: 3%;} .golden_thread_bg a {color: #951317;} .golden_thread_animation_wrap {padding: 0 0% 0 0%; margin: 0 0px 20px 0;} .golden_thread_animation_wrap a {color: #951317;}; .red_border {border: 2px solid #001030;} .golden_thread_header {margin: 10px 0 10px -3%; } .golden_thread_header img {width: 103%;} .golden_thread_back {margin: 0 0 20px 0;} .bus_bg {background:#fff;} .bus_videointro_bg_wrap {background:#e6e6e6;} .focus_topic {font-weight: normal;} .talent_dev_cat_change {float: right; font-weight: bold;padding-top:5px;} .talent_cat_list a {transition:all 0.2s; text-decoration:none;display:block;padding:8px 0 8px 45px;background-image:url(../images/elements/arrowright.png);background-repeat:no-repeat;background-size:25px;margin:0px 0 5px 0px; background-position:10px center;} .cat_highlight {background-color:#e8e8e8;} .talent_cat_list a:hover {background-color:#e8e8e8;} .talent_dev_desc {border: 1px solid #951317; background: #951317; color: #ffffff; margin: 0 0 20px 0; padding: 10px;} .sportscoachuk {padding-top: 20px;} .sportscoachuklogo {width: 180px; float: left; margin: 0 20px 0 0 !important;} .downloads_list {line-height: 24px; list-style: none; margin: 0 10px 0 0; font-size: 0.9em;} .downloads_list li {margin: 0 0 15px 0px;} .downloads_list li img {margin: 0 8px 0 0;} .quicksticks_downloads {background: #cceef7; float: right; padding: 15px 10px 0 15px; margin: 0 0 20px 20px; } .quicksticks_leadership_downloads {background: #cceef7; padding: 15px 10px 15px 15px; margin: 0 0 20px 00px; } .quicksticks_resources {width: 30%; background: #cceef7; float: right; padding: 15px 10px 0 15px; margin: 0 00px 20px 20px; } .quicksticks_resources img {width: 100%;} .in2hockey_downloads {background: #ce0021; float: right; padding: 15px 10px 0 15px; margin: 0 0 20px 20px; color: #ffffff;} .in2hockey_leadership_downloads {background: #ce0021; padding: 15px 10px 15px 15px; margin: 0 0 20px 00px; color: #ffffff;} .in2hockey_leadership_downloads a {color: #ffffff;} .in2hockey_downloads a {color: #ffffff;} .in2hockey_resources a {color: #ffffff;} .in2hockey_resources {width: 30%; background: #ce0021; float: right; padding: 15px 10px 0 15px; margin: 0 0 20px 20px; color: #ffffff;} .in2hockey_resources img {width: 100%;} .quicksticks_kids {height: 24px;} .in2_star {height: 24px;} .fullwidth {width: 100%;} .nomargin {margin: 0 !important;} .white {color: #ffffff;} .in2_link_wrap {width: 100%; float: left; margin-right: 5%;} p.quickflicks_download {background:url(../images/elements/pdficon.png) no-repeat; background-size:20px;padding-left:30px;margin-left:30px;} /********************/ /* MOBILE NAV */ /********************/ .slicknav_menu {} /* Button */ .slicknav_btn { margin: 5px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:30px; font-weight:bold; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background-color:#333; padding:0px; background-image:url(../images/elements/mobile-logo.png); background-size:84px; background-repeat:no-repeat; background-position:12px 12px; } .slicknav_nav { color:#fff; margin:0; padding:0; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { margin:0 0 0 0px; background:#333; } .slicknav_nav .slicknav_row { padding:8px 10px; margin:0px; } .slicknav_nav a{ padding:8px 10px; margin:0px; text-decoration:none; color:#fff; border-bottom:1px solid #444; } .slicknav_item a { border-bottom:0px solid #ddd;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { background:#444; color:#fff; } .slicknav_nav a:hover{ background:#444; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_nav ul li ul li a,.slicknav_nav ul li ul li a.slicknav_row{padding-left:30px;} .slicknav_nav ul li ul li ul li a,.slicknav_nav ul li ul li ul li a.slicknav_row{padding-left:60px;} .slicknav_nav ul li ul li ul li a{padding-left:60px;} .slicknav_nav ul li ul li ul li ul li a{padding-left:90px;} .slicknav_nav li {margin-left:0px;margin-bottom:0px;} .slicknav_nav .slicknav_arrow { margin: 0 0 0 0.4em;color:#E0251B !important; float:right; } #ethnicity_wrap td {padding:0 5% 4% 0;} /********************/ /* RESPONSIVE CSS */ /********************/ @media (max-width: 1180px) { .width {width:100%;} .area_box_title {font-size:1.3em;} .resource_box_title {font-size:1.4em;} .resource_box_subtitle {font-size:0.9em;} .signals {width:33%;} .content {font-size:0.9em;} } @media (max-width: 1100px) { #nav > ul > li {padding:9px 10px 0 0px;} } @media (max-width: 945px) { #nav > ul > li {font-size:0.9em;} } @media (max-width: 900px) { .ytu_left_wrap {width:100%;margin:0;} .ytu_right_wrap {width:96%;} .searchsubmit {margin-right:0px;} .feature_video_wrap {width: 100%;} .gtia_video_wrap .medium_video,.medium_video {width: 45%; padding: 2%; float: none; display:inline-block;margin: 0 0 1% 0;} .gtia_video_wrap .small_video_wrap > div:nth-child(3n+2),.gtia_video_wrap .small_video_wrap > div:nth-child(odd) {margin: 0 0 1% 0;} .small_video_wrap {width: 100%; } .small_video_wrap > div:nth-child(3n+2) {margin:0 1% 2% 1%} .gtia_videointro_wrap {float:right;width:100%;} .gt_video_description {float: left; width: 100%; margin-right: 0%;margin-bottom:20px; } } @media (max-width: 1000px) { .pp_title_wrap {margin: 0 0 40px 0;text-align:center;} .pp_logo1 {width:100px; float:none;} .pp_logo2 {width:100px; float:none;margin:2px 0 0 0;} .pp_logo3 {width:101px; float:none;margin:2px 0 0 0;} .pp_title {clear:both;font-weight:bold;text-align:center;color:#333;margin:0px 0 0px 0px;font-size:2.3em;padding:30px 0 20px 0;line-height:1em;} .events_table td {padding:4px;} } @media (max-width: 980px) { .slidewrap {width:100%; padding:0%;margin:0 0 30px 0;} .slidewrap2 {width:100%; padding:0%; margin:0 0 30px 0;} .slidelogin2 {margin:0;width:90%;} } @media (max-width: 920px) { .event_admin_field input[type='text'],.event_admin_field textarea,.event_admin_field select {padding:9px;font-size:1.0em;} } @media (max-width: 825px) { .shop_page_wrap_left {width:100%; padding:0; } .shop_page_wrap_right {width:100%; padding:0; border:0px;margin:0 0 40px 0;} } @media (max-width: 813px) { } @media (max-width: 800px) { .site_title {font-size:1.3em;} } @media (max-width: 750px) { .notforphone {display:none;} .events_list_image_outer {display:none;} .events_list_into {width:94%;padding:3%;} .phoneonly {display:block;} .phoneonly {padding:20px;} .menu_right {top:0px;position:relative;} .basket-icon {top:0px; position:relative} .main_wrap {background:none;} .delivery_left {width:100%;border-right:0px solid #ccc;margin:0 0 30px 0; padding:0 0 0 0} .delivery_right {width:100%;} .delivery_left input[type='text'],.delivery_left textarea,.delivery_right input[type='text'],.delivery_right textarea{width:98% !important;} .menu_right {float:none;font-size:1em;} .shop_page_wrap a {width:30%;margin:0 4% 20px 0%;} .shop_page_wrap a:nth-child(4n+4) {margin-right:4%;} .shop_page_wrap a:nth-child(3n+3) {margin-right:0px;} .event_page_wrap .module_landing_paynow_wrap {width:100%;} .module_landing_paynow_wrap_left {width:70%;padding-left:0%;margin:0 0 40px 18%;} .module_landing_paynow_wrap_right {width:100%;padding-left:0%;margin:0 0 20px 0;} .event_totals {display:none;} .promo_wrap_top .section_title,.promo_wrap_bottom .section_title {margin:0 0 20px 0;padding:20px 0 0 0} .promo_wrap_top {margin-bottom:0;} .promo_item_title {font-size:1em;} .event-filter-wrap {top:35%;right:25px;} .event_page_wrap_title {padding:5%;font-size:1.4em;} .events_list_title {font-size:1.3em;} .event_status_green, .event_status_orange, .event_status_red {font-size:1em;padding:3px 5px 0 5px;height:16px;min-width: auto;} .event_status_status {padding:3px 0 0 0 ;} .event-filter {top:25%;} .events_list_date,.events_list_times {font-size:1em;} .events_list_item {border-bottom:1px solid #aaaaaa; } .modal-body {padding:5%;} .events2_page_wrap_left,.events2_page_wrap_right {width:100%;padding:0;} .event_admin_field_mob_full_width {width:100%;} .event_admin_field_mob_full_width input {width:94% !important;padding:2% 3%;} .events_table td {font-size:0.9em;line-height:1.2em;} .third_width {width:100%;} .events_question_left {margin:0 0 25px 0;} .events_question_left, .events_question_right {width:100%;} .resource_box_wrap_outer {margin:0 2% 4% 3%;width:43%;} .hp2_item_wrap_outer_small {width:86%;margin-bottom:10px } .hp2_item_wrap_outer_large {width:93.5%;} /*.content_left {width:94%; padding:3%;margin:0px;}*/ .content_left {position:absolute;margin-left:-100%;} .content_right {width:92%; padding:4%;margin:0px;} .section_title,.section_subtitle,.bottom_search {width:94%; padding:3%;margin:0px;} .resource_box_subtitle {min-height:auto;} .slicknav_menu {display:block;z-index:999999;position:relative;} .menu_more_arrow > a {background-image:none;} .menu_user_link {display:block;} .menu,.header {display:none;} .signals {width:50%;} .section_title,.bottom_search_title {font-size:1.4em;} .xxmobile_left_menu {display:none;position:absolute;top:200px;left:-90%;width:100%;z-index:999999;background:#001030;} .xxmobile_left_menu_link {display:block;} .main_wrap_inner {padding:0px;} .login_page_wrap {padding:5%;margin:0px;} .videowrap {margin:0px;} .pending_questions_info {width:80%;} .pending_questions_info_left,.pending_questions_info_right {width:100%;display:inline-block;} .pending_questions_info_left {padding-right:0%;} .event_booking_title_section {margin:0px;} .event_booking_title_section_left {width:100%;} .event_booking_title_section_right {display:none;} .event_booking_left {width:90%;padding:40px 5% 40px 5%; border-bottom:1px solid #d8d8d8;} .event_booking_right {width:90%;border-left:0px solid #d8d8d8;padding:40px 4.5% 0 5%} .content_right_with_banner {padding:0px;width:100%;} .new_top_banner {margin:0 0px 4.5% 0;width:100%} .hp2_item_wrap_outer_small .resource_box_subtitle {padding:3%;} .hp2_item_wrap_outer_small .resource_box_title {margin-left:3%;} .event_page_wrap_left,.event_page_wrap_right,.event_left,.event_right {width:100%;padding:0 0 40px 0;} .events_filter_form h1 {display:block; float:none;text-align:left;} .events2_search input {padding:6px;} .events2_search {top:0;right:4%;margin:4% 0 0 0} .small_video_wrap > div:nth-child(3n+2) {margin:0 0 2% 0} .small_video_wrap > div:nth-child(odd) {margin:0 2% 2% 0} .in2hockey_landing_wrap {width:94%;margin:0px 3%;} .in2_link_wrap {width:100%;margin:0px;} .leftmenusearchwrap {width:90%;} .video_leftnav_wrap {width:46.5%;} .leadership_left,.leadership_right {width:94%;margin:0 3% 20px 3%;padding:0px;} .tweet_wrap {width:91%;margin-bottom:3%;background-size:8%;} .tweet_text {margin-left:13%;} .mobile_left_menu { position:absolute; background:#fafafa; width:100%; z-index:300; left:0px; height:3000px; margin-left: -100%; padding:0px; border:0; } .mobile_left_menu_inner {margin:3%;} .mobile_left_menu_link { position:absolute; z-index:400; width:30px; height:50px; left:0px; background-color:#E0251B; background-image:url(../images/elements/chev-right.png); background-size:20px; background-repeat:no-repeat; background-position:5px 8px; top:140px; display:block; } .testloginreminder {display:none;} .module_1_landing_image {width:90%;margin:0px;} .form_text {width:90%; text-align:left;margin:5px 0 0 0%;} .form_input {width:87%; padding:1%;margin:0 0 5px 0%;} .form_select {float:left;width:87%; padding:0.5%;margin:0px 0 5px 0%;} .reg_form_radio_set {width:90%;margin:5px 0 5px 0%;} .reg_form_checkbox_set {width:90%;margin:5px 0 5px 0%;} .reg_form_assocs_input_1 {width:85%;margin:0 0 100px 0;} .reg_form_assocs_input_2 {left:3%;bottom:6%;} .reg_form_assocs_wrap {padding-bottom:40px;} .geo_box {width:90%;border:0px !important;} .resource_list_image {width:30%;} .resource_list_info {padding:0 0 0 35%; width:100%;} } @media (max-width: 550px) { .event_html_top img {width:100%;} .event-filter-wrap {top:5%;right:5px;width:50%;} .shop_product_left {display:none;} .mobile_shop_product {display:block;} .shop_list_image_outer {margin:0 0 0px 0;} .shop_product_right {width:100%; margin:0;padding:0;} } @media (max-width: 500px) { .pp_logo1,.pp_logo2,.pp_logo3 {width:30%; } .pp_title img {width:100%;} .shop_page_wrap a {width:46.5%;margin:0 4% 20px 0%;} .shop_page_wrap a:nth-child(4n+4) {margin-right:4%;} .shop_page_wrap a:nth-child(3n+3) {margin-right:4%;} .shop_page_wrap a:nth-child(2n+2) {margin-right:0;} .resource_box_wrap_outer {width:94%;margin:3%} .hp2_item_wrap_outer_small {width:89%;} } @media (max-width: 450px) { .events_certs_img {display:none;} .events_certs_info {width:100%;display:inline-block;} .events_certs_download{width:100%;padding:30px 0 0 0} } @media (max-width: 400px) { .gtia_video_wrap .medium_video,.medium_video {width: 96%; padding: 2%;margin:0 0 10px 0;} } @media (max-width: 360px) { .video_leftnav_wrap {width:98%;} .signals {width:100%;} .signals_iframe_outer {padding-bottom: 120%;margin:0 0 20px 0;} }