/
home2
/
cecillin
/
public_html
/
turnweb
/
public
/
css
/
Upload File
HOME
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700,800); /* MASTER FONT FAMILIES */ html, .button, input, textarea, button { font-family: 'Open Sans', helvetica, sans-serif; } /* MASTER COLOR PALETTE */ /* LIGHT BACKGROUND COLOR */ html, body, .list li, #header_tabs a { background: white; } #pending_posts_badge, .white, .topbar_button, .topbar_button:hover, #home_banner_inner, #header_nav .nav_selected, #header_nav .nav_selected:hover, #region_header_wrapper, #region_header_wrapper a { color: white; } /* DARK TEXT COLOR */ body, a:hover, #add_comment_button:hover, #home_subscribe a, .nav_tabs a, .post_list h2 a, #highlighted_items a, .attachment a { color: #231f20; } footer, #home_subscribe a:hover, #header_topbar, #header_nav_mobile_bar, #header_nav .nav_selected, #header_nav .nav_selected:hover, #header_tabs .region_link:hover, .region_sidebar_social_media_links a { background-color: #231f20 !important; } /* DARK-ISH ACCENT COLOR */ .nametag_since, .item h5 a { color: #444; } .topbar_button:hover, #search_submit:hover { background-color: #444; } /* LIGHT GRAY */ .lightgray { color: #999; } .attendee_wrapper { border-top: 1px solid #999; } /* LIGHTER ACCENT COLOR */ #home_subscribe, header, #new_box, .attachment, .registration_note, .conf_review_box_inner { background: #e4e4e4; } .comment, .post_list { border-bottom: 1px solid #e4e4e4; } nav a:hover, nav a, #nametag a { color: #e4e4e4; } hr { color: #e4e4e4; background-color: #e4e4e4; } #add_comment_button { border: 1px solid #e4e4e4; } /* BLUE */ .bluebg, #header_tabs a:hover { background-color: #25b4df; /*#0077bb;*/ } a, .blue, .byline b { color: #25b4df; } /* CYAN ACCENT */ .cyan { color: #1eb1db; } #footer_tabs a { border-left: 1px solid #1eb1db; } #search_submit { background-color: #1eb1db; } /* YELLOW */ #home_subscribe a { background: #f8ec4a; } #home_subscribe a:hover { color: #f8ec4a; } /* RED */ #pending_posts_badge, #nav_badge { background: #d8000e; } main, #header_main, #header_nav, #conf_reg_header_inner, .content_simple, #header_topbar_inner, #footer_inner, #series_header_inner, #home_banner_inner { width: 960px; box-sizing: border-box; margin: 0 auto; } main { /*margin-top: 15px;*/ margin-top: 5px; margin-bottom: 20px; } #main_form { max-width: 750px; } /* #header_topbar_inner, #header_nav, #footer_inner, #header_main { box-sizing: border-box; margin: 0 auto; } */ h1, h2, h3, h4, h5, h6 { margin: 0.25em 0 0.5em 0; line-height: 1.4; font-weight: 900; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 21px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; font-weight: normal; } p { font-size: 15px; } .small { font-size: 0.8em; } .allcaps { text-transform: uppercase; letter-spacing: 0.04em; } .lightweight { font-weight: 300; } header { text-align: left; z-index: 6; } #header_main { overflow: hidden; height: 120px; max-width: 100%; } #header_topbar { padding: 0px; overflow: auto; font-size: 14px; } #header_topbar_inner { padding: 0 20px; } .topbar_button { display: inline-block; font-weight: 700; padding: 9px 11px 9px 27px; margin: 0; background-size: 16px 16px; background-repeat: no-repeat; background-position: 7px center; cursor: pointer; } .topbar_button:hover { text-decoration: none; } #topbar_add { background-image: url(/images/main/topbar_add.png); } #topbar_account { background-image: url(/images/main/topbar_account.png); } #topbar_admin { background-image: url(/images/main/topbar_admin.png); } #topbar_login { background-image: url(/images/main/topbar_login.png); } .topbar_add_selected, .topbar_add_selected:hover { color: white !important; background-color: #076e87 !important; background-image: url(/images/main/topbar_add_white.png) !important; z-index: 20; position: relative; } #pending_posts_badge { float: left; width: 24px; height: 24x; border-radius: 12px; text-align: center; line-height: 23px; font-size: 13px; margin: -1px 5px -2px -15px; } .social_media_links { float: right; padding-top: 7px; clear: both; overflow: auto; } .social_media_links a { display: block; float: left; background: #fff; margin: 0 0 0 8px; min-width: 24px; height: 24px; padding: 0px; border-radius: 15px; color: #444; text-decoration: none; text-align: center; } .social_media_links a:hover { background: #ccc; } .social_media_links img { width: 14px; height: 14px; margin: 5px 0 0 0; } /* .social_media_links_text { padding: 3px 10px 3px 10px !important; height: 18px !important; font-size: 13px; font-weight: bold; margin-left: 10px !important; } */ #new_box { display: none; border-radius: 0 0 10px 10px; position: absolute; left: 50%; margin-left: -460px; padding: 8px 0; min-width: 160px; z-index: 10; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.7); } #new_box a { display: block; padding: 5px 10px 5px 38px; font-size: 15px; background-image: url(/images/main/icons.png); background-repeat: no-repeat; background-size: 22px auto; color: #231f20; } #new_box a:first-child { margin-top: 0px; } #new_box a:hover { text-decoration: none; background-color: white; } #new_box_close { display: none; } #new_page { background-position: 12px 0px; } #new_post { background-position: 12px -35.4px; } #new_conference { background-position: 12px -66.8px; } #new_survey { background-position: 12px -99.2px; } #new_document { background-position: 12px -130.6px; } #new_link { background-position: 12px -161px; } #new_podcast { background-position: 12px -287.6px; } #new_video { background-position: 12px -318px; } #logo_main { float: left; margin: 10px 0 0 20px; width: 270px; height: auto; } #logo_main img { width: 100%; height: auto; } /* #resources_tab { float: right; margin: 100px 40px 0 0; padding: 10px 0; width: 180px; text-align: center; color: white; text-decoration: none; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #444; } */ #header_nav { overflow: auto; padding-left: 20px; } #header_tabs { padding: 0; font-size: 12px; overflow: auto; } #header_nav .nav_tabs a { display: block; float: left; margin: 0; text-transform: uppercase; font-weight: 600; line-height: 1; letter-spacing: 0.3px; padding: 14px 8px 0px 8px; margin: 0 1px 0 0; height: 24px; } #header_tabs a:hover { text-decoration: none; } #header_tabs .region_link { width: 20px; background-size: 22px 22px; background-position: center center; background-repeat: no-repeat; } .region_link_name { display: none; } /* #header_nav .nav_selected, #header_nav .nav_selected:hover { background: white; } */ /* .nav_selected:hover { color: black; } */ #search_box { float: right; margin: 40px 20px 0 0; } #search_input, #search_input:focus { border: none; outline: none; padding: 15px; width: 200px; height: 40px; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #search_submit { display: block; float: right; width: 50px; height: 40px; box-sizing: border-box; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-image: url(/images/main/search.png); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } /* #search_submit:hover { } */ /* #search_box { float: right; margin-right: 40px; } #search_input { width: 180px; padding: 3px 8px 3px 20px; font-size: 14px; margin: 8px 0 0 0; background-image: url(/images/main/search.png); background-size: 13px 13px; background-repeat: no-repeat; background-position: 2px center; border: 1px solid #d3d3d3; } */ #header_nav_mobile_bar, #search_box_mobile { display: none; } /* #header_bottom_border, #nav_resources, #nav_search, #nav_search_box, #nav_toggle, #nav_add, #nav_badge, #social_media_links_footer { display: none; } */ /* Region Header */ #region_header_wrapper { width: 100%; height: 100px; } #region_header_background_left { position: absolute; height: 100px; width: 50%; z-index: 1; } #region_header_inner { max-width: 960px; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 2; height: 100px; } #region_header_left { width: 100px; height: 100px; margin-right: 20px; display: block; background-size: 70px; background-repeat: no-repeat; background-position: center center; float: left; } #region_header_name { font-size: 36px; font-weight: bold; height: 40px; line-height: 1; padding-top: 20px; display: block; text-decoration: none; } #region_header_states { line-height: 16px; } #region_header_states div { display: inline-block; margin-right: 10px; } /* Conference Registration Header */ #conf_reg_header_inner { overflow: auto; } #conf_reg_header_inner .region_badge_xlarge { margin: 18px 20px 18px 20px; } #conf_reg_header_details { padding-top: 22px; margin-left: 102px; padding-bottom: 5px; margin-right: 15px; } #conf_reg_header_details a { color: white; text-decoration: none; } #conf_reg_header_details h2, #conf_reg_header_details p { line-height: 1.2; margin: 0 0 8px 0; } #conf_reg_header_details p { color: white; opacity: 0.8; } /* #region_header { height: 100px; clear: both; margin: 0 auto; max-width: 960px; box-sizing: border-box; } #region_header_left { display: block; float: left; height: 100px; width: 200px; margin-right: 15px; background-size: 70px; background-repeat: no-repeat; background-position: center center; } #region_header_name { font-size: 36px; font-weight: bold; padding: 10px 0 5px 0; display: block; text-decoration: none; } #region_header a { color: white; } #region_nav a { font-size: 13px; text-transform: uppercase; padding: 0 8px 0 8px; color: white; border-left: 1px solid rgba(255,255,255,0.3); } #region_nav a:first-child { border-left: none; padding-left: 0; } */ /* Region sidebar */ /* #sidebar { background: #e3e3e3; width: 200px; float: left; font-size: 12px; } #sidebar_header { padding: 10px 15px; font-size: 15px; color: white; font-weight: bold; text-align: center; box-shadow: 0 2px 3px rgba(0,0,0,0.2); } #sidebar_header a { margin-top: 0; display: inline-block; color: white; text-decoration: none; } #sidebar_list { text-transform: uppercase; font-weight: bold; padding: 17px 15px 10px 15px; } #sidebar_list a { display: block; color: black; line-height: 1.2; margin-bottom: 5px; } #sidebar .sidebar_text { padding: 15px; border-top: 1px solid #aaa; } #sidebar .sidebar_text b { font-size: 11px; } */ /* Footer */ /* footer { min-height: 100px; height: auto; } */ #footer_inner { padding: 50px 20px; overflow: auto; } #footer_tabs { float: right; padding: 0 0 40px 0; font-size: 13px; } #footer_tabs a { color: white; padding: 4px 15px; text-transform: uppercase; } #footer_tabs a:first-child { border-left: none; } #footer_tabs a:last-child { padding-right: 0px; } #footer_copyright { float: right; clear: both; font-size: 12px; margin-top: 15px; color: #666; } #footer_logo, #footer_logo img { width: 250px; margin-top: -5px; } /* Home */ #home_banner { background-color: #136e86; background-image: url('/images/main/home_banner1.jpg'); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 100%; } #home_banner_inner { height: 150px; } #home_banner_inner p { margin: 0; display: table-cell; vertical-align: middle; text-align: left; max-width: 750px; font-size: 14px; font-weight: 100; line-height: 1.6; height: 150px; padding: 20px; box-sizing: border-box; } #highlighted_items { overflow: auto; padding-bottom: 15px; } #highlighted_items a { float: left; width: 31%; box-sizing: border-box; margin-right: 3.4%; text-align: center; font-size: 14px; line-height: 1.3; font-weight: bold; } .highlighted_image { width: 100%; height: 150px; background: gray; margin-bottom: 10px; background-size: cover; background-position: center 25%; } #highlighted_items a:last-child{ margin-right: 0; } #home_main_left { box-sizing: border-box; float: left; margin: 0; width: 65%; margin: 0 0 20px 0; } #home_main_right { box-sizing: border-box; float: right; margin: 0; width: 31%; margin: 0 0 20px 0; font-size: 14px; } #home_main_right .button_small { margin-top: 6px; } .home_heading { text-transform: uppercase; letter-spacing: 0.5px; font-size: 14px; line-height: 1.3; font-weight: 700; padding: 10px 0 5px 0; } .region_sidebar_social_media_links a { display: inline-block; width: 32px; height: 32px; margin-top: 4px; border-radius: 18px; margin-right: 6px; background-repeat: no-repeat; background-size: 18px 18px; background-position: 50% 50%; } .region_sidebar_social_media_links .facebook { background-image: url(/images/main/social_facebook_white.png); } .region_sidebar_social_media_links .linkedin { background-image: url(/images/main/social_linkedin_white.png); } .region_sidebar_social_media_links .twitter { background-image: url(/images/main/social_twitter_white.png); } .home_conf_wrapper { border-top: 1px solid #ccc; margin-bottom: 15px; } .home_conf_item { display: block; margin: 15px 0 20px 0; padding-left: 45px; overflow: auto; color: black; font-size: 14px; line-height: 1.4; } .home_conf_item:hover { text-decoration: none; } .home_conf_item b { font-weight: 900; } .home_conf_item .region_badge { margin-left: -45px; margin-top: 3px; } /* TURN News newsletter */ .newsletter_cover { float: left; width: 96px; height: 124px; border: 1px solid gray; margin-right: 15px; } /* #home_regions_box { margin-top: 20px; padding: 0 10px 12px 15px; overflow: auto; } #home_regions_box a { display: block; float: left; border-radius: 4px; margin: 3px 6px 3px 0; width: 36px; height: 36px; text-decoration: none; background-size: 25px 25px; background-position: center center; background-repeat: no-repeat; } #home_regions_box a:hover { background-color: black !important; } */ /* #home_regions_box a { display: block; text-align: middle; margin-top: 8px; font-size: 16px; height: 48px; border-radius: 4px; overflow: hidden; color: white; } #home_regions_box a:hover { text-decoration: none; background: #111 !important; } .regional_members_list_initials { float: left; width: 55px; height: 48px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; } */ /* .regional_members_list_name { float: left; padding: 12px 10px; height: 20px; width: 190px; overflow: hidden; } */ /* .home_top_callout { background: #c5da4f; padding: 20px 40px; } .home_top_callout a { text-decoration: none; color: #222; max-width: 650px; display: block; } .home_top_callout b { font-size: 1.2em !important; } .home_top_callout { font-size: 1.1em; } #home_banner { overflow: auto; background-color: #006699; padding-left: 40px; color: white; } #home_banner_image { float: right; width: 350px; max-width: 45%; height: auto; margin: 0 0 0 15px; } #home_banner h4 { margin: 32px 0 6px 0; font-size: 20px; } #home_banner p { margin: 0 40px 32px 0; color: white !important; font-size: 14px; } #highlighted_items { clear: both; overflow: auto; padding: 20px 20px 0 40px; } .highlighted_item_wrapper { width: 33.3%; height: 224px; float: left; } .highlighted_item_wrapper_inner { padding-right: 20px; height: 100%; } #highlighted_items table { border-collapse: collapse; width: 100%; height: 100%; margin-right: 20px; border: none; } #highlighted_items a:hover { text-decoration: none; } #highlighted_items table td { background-size: cover; background-position: center center; cursor: pointer; padding: 0; margin: 0; } .highlighted_text_bg { font-size: 15px; font-weight: bold; display: block; color: white; padding: 8px; background: rgba(0,0,0,0.5); } #home_main { clear: both; margin-bottom: 16px; overflow: auto; padding: 20px 40px; } #home_main_left { float: left; width: 280px; } #regional_members_toggle { display: none; } #home_main h5 { margin: 0; text-transform: uppercase; } #regional_members_list a { display: block; text-align: middle; margin-top: 8px; font-size: 16px; height: 48px; border-radius: 4px; overflow: hidden; color: white; } #regional_members_list a:hover { text-decoration: none; background: #111 !important; } .regional_members_list_initials { float: left; width: 55px; height: 48px; box-shadow: 0px 0px 50px #333; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; } .regional_members_list_name { float: left; padding: 12px 10px; height: 20px; width: 190px; overflow: hidden; } #home_main_right { margin-left: 300px; } #home_main_right h6 { margin: 6px 0 3px 0; font-size: 11px; font-weight: bold; text-transform: uppercase; } #home_main_right p { margin: 3px 0 16px 0; font-size: 14px; } */ /* Content */ .img1 { clear: left; } .img1 img { width: 100%; } article { margin-top: 18px; max-width: 650px; margin-bottom: 20px; } article h3 { margin: 0.75em 0 0.25em 0; clear: left; line-height: 1.5; } article h5 { font-weight: normal; margin: 0; line-height: 1.4; } #series_header { min-height: 130px; background-size: 100% auto; background-color: #333; background-position: center 30%; overflow-y: auto; } #series_header h1 { margin: 2px; font-size: 38px; font-weight: normal; display: block; padding-left: 15px; } #series_header a { display: block; padding: 36px 30px 25px 0px; color: white; } #series_header a:hover { text-decoration: none; } .series_description { font-size: 26px; font-weight: 100; line-height: 1.4; margin-top: 0; margin-bottom: 25px; } .series_back_to_videos_link { margin: -15px 0 25px 0; display: block; } .video_series_list_wrapper { overflow: auto; clear: both; margin-bottom: 24px; } .video_series_list_wrapper img { width: 32%; height: auto; margin: 0 5px 5px 0; display: block; float: left; } .series_wrapper { position: relative; overflow: hidden; } .series_left { float: left; width: 60%%; } .series_left-content { padding: 30px; margin-right: 20px; } .series_left-content .series_cover { width: 80%; height: auto; } .series_right { float: right; width: 40%; margin-left: -40%; padding: 30px; } .series_right .preview { width: 100px; height: auto; float: left; } .series_right_item { border-top: 1px solid #d3d3d3; padding: 15px 0 5px 0; } .series_right_item:first-child { border-top: none; padding-top: 0; } .series_right_item_content { margin-left: 115px; } .series_right_item h5 { font-size: 14px; margin: 0; } .series_right_item p { font-size: 12px; margin: 0 0 3px 0; } .podcast_title { max-width: 650px; } #podcast_audio_wrapper { padding: 15px 0; clear: left; max-width: 650px; } audio { width: 100%; } .region_badge, .region_badge_xlarge { display: block; float: left; background-repeat: no-repeat; background-position: center center; } .region_badge { border-radius: 4px; width: 36px; height: 36px; background-size: 25px 25px; /*margin: 5px 9px 0 0;*/ } /* .region_badge_large { border-radius: 6px; width: 48px; height: 48px; background-size: 33px 33px; } */ .region_badge_xlarge { border-radius: 8px; width: 64px; height: 64px; background-size: 44px 44px; } /* #podcast_download_link { display: block; margin-top: 10px; font-weight: bold; } */ /* .big_bar { padding: 15px 30px 20px 30px; background: #006699; color: white; font-size: 50px; font-weight: bold; line-height: 1.2; } */ /* .big_bar_smaller_text { font-size: 24px; } */ /* .big_bar_resources { background: #191919; } */ /* .content { background: white; padding: 20px; overflow: auto; text-align: center; } .content_inner { text-align: left; display: inline-block; min-width: 600px; max-width: 100%; zoom: 1; } */ /* .page_headline { background: #006699; width: 100%; box-shadow: 0 2px 3px rgba(0,0,0,0.2); position: relative; z-index: 3; } .page_headline h1 { font-size: 54px; line-height: 1.2; padding: 15px 40px 20px 40px; color: white; } */ /* .post_wrapper { max-width: 650px; min-width: 460px; } .post_wrapper img { max-width: 100%; height: auto; } .post_wrapper h5 { font-weight: normal; margin: 0; line-height: 1.5; } */ /* .post_right_column { float: right; clear: right; max-width: 280px; margin: 5px 0 15px 15px; } */ /* .other_videos_in_series { clear: both; margin: 20px 0; } */ /* .series_other_item { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #d3d3d3; font-size: 14px; } .series_other_item a { text-decoration: none; } */ /* .see_all_videos_in_series { font-weight: bold; display: block; clear: both; margin-top: 8px; text-align: center; } */ .document_wrapper { background: #eee; padding: 20px; display: inline-block; margin-bottom: 15px; } .document_wrapper .file_icon { vertical-align: top; } /* .document_wrapper .button_outline { margin: 0; } */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 15px 0; clear: left; } .video-container-youtube { padding-top: 30px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .link_icon { width: 30px; height: 30px; float: left; margin: -4px 12px -4px 0; background-image: url(/images/main/icons.png); background-size: 40px auto; background-repeat: no-repeat; background-position: -5px -307px; } .img_fullwidth { max-width: 100%; height: auto; margin: 10px 0; } .img_alignright { max-width: 50%; height: auto; float: right; margin: 0 0 10px 15px; } .img_alignleft { max-width: 50%; height: auto; float: left; margin: 0 15px 10px 0; } .draft_bar { background-color: lightgray; background-image: url(/images/main/draft_bg.png); background-size: 50px; font-weight: bold; font-size: 13px; padding: 11px 15px 10px 15px; text-align: center; margin-bottom: 20px; } /* .add_attachment_solo { float: right; margin: 0 0 5px 10px; } */ .attachments { float: right; max-width: 240px; margin: 5px 0 15px 15px; text-align: left; } .attachment { padding: 10px 10px 10px 10px; margin-bottom: 5px; /*background: #eee;*/ } .attachment a { /*color: #333;*/ } .attachment_link { margin-left: 25px; font-weight: bold; text-indent: -22px; display: inline-block; } .attachment .button_small { margin-top: 10px; margin-bottom: 0; } /* .attachments .button_outline_wrapper { text-align: center; padding-top: 10px; } */ .file_icon { width: 18px; height: auto; vertical-align: bottom; margin: 0 4px 0 0; } .file_delete_undo_div { display: none; } .share_bar { margin-top: 15px; overflow: auto; padding-bottom: 15px; } /* .tags { border-bottom: 1px solid #999; } */ .share_bar_title { display: block; width: 50px; padding-top: 1px; float: left; font-size: 14px; } .share_bar_title { padding-top: 3px; } /* .other_series_title { width: auto !important; padding-right: 10px; } .tags a { display: block; float: left; margin: 0 5px 5px 0; background: #e7e7e7; border-radius: 6px; padding: 5px 6px; line-height: 1; font-size: 10px; color: #999; } .tags a:hover { text-decoration: none; background: #eee; } */ .share_bar a { display: block; float: left; width: 30px; height: 30px; border-radius: 15px; text-align: center; background-color: #333; margin: 0 8px 8px 0; background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; } .share_bar a:hover { background-color: #666; } .share_email { background-image: url(/images/main/social_email_white.png); } .share_facebook { background-image: url(/images/main/social_facebook_white.png); } .share_twitter { background-image: url(/images/main/social_twitter_white.png); } .share_linkedin { background-image: url(/images/main/social_linkedin_white.png); } #item_list_wrapper { border-top: 1px solid #ccc; /*clear: right;*/ /*max-width: 650px;*/ margin-bottom: 15px; } .item { border-bottom: 1px solid #ccc; padding: 6px 0 10px 0; min-height: 40px; /*max-width: 550px;*/ overflow: auto; } .item_conference_page { padding-left: 46px; } .item .region_badge { margin-top: 4px; margin-right: 7px; } .item_conference_page .region_badge { margin-left: -46px; margin-top: 5px; } .featured_image { float: right; max-width: 200px; max-height: 130px; margin: 5px 0 3px 15px; } .video_thumb_wrapper { float: right; margin: 6px 0 2px 10px; position: relative; } .video_thumb { width: 200px; max-height: 157px; margin: 0; display: block; } .video_thumb_duration { background: black; padding: 5px 3px; color: white; position: absolute; bottom: 0px; line-height: 1; height: 12px; width: 38px; font-size: 11px; opacity: 0.7; text-align: center; z-index: 101; } .video_thumb_wrapper a:hover { text-decoration: none; } /* .draft_badge { display: block; float: right; clear: right; padding: 8px 10px; font-size: 11px; font-weight: bold; background-color: #d3d3d3; background-image: url(/images/main/draft_bg.png); background-size: 20px; margin: 0px 0px 5px 10px; border-radius: 6px; color: #333; } */ .draft_badge { text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 6px 2px 6px; font-size: 12px; font-weight: bold; background-color: #d3d3d3; background-image: url(/images/main/draft_bg.png); background-size: 20px; margin: 5px 0; border-radius: 4px; } /* .reg_button_list { float: right; clear: right; margin: 0 0 5px 5px; } */ /* .item_icon { margin: 0 3px 0 -2px; float: left; width: 23px; height: 23px; background-image: url(/images/main/icons_light.png); background-size: 25px auto; background-repeat: no-repeat; } .item_file_icon { margin: 0 0 0 -27px; float: left; width: 16px; height: auto; } .item_icon_post { background-position: -1px -47px; } .item_icon_conference { background-position: -1px -83px; } .item_icon_survey { background-position: -1px -119px; } .item_icon_document { background-position: -1px -154px; } .item_icon_link { background-position: -1px -190px; } .item_icon_podcast { background-position: -1px -333px; } .item_icon_video { background-position: -1px -368px; } */ /* .item .region_badge { width: 24px; height: 24px; border-radius: 6px; background-size: 17px 17px; margin: 0px 5px 0 0; } .item .region_badge, .conflist_region_badge { display: block; float: left; background-repeat: no-repeat; background-position: center center; } */ /* .series_badge { display: block; float: left; border-radius: 6px; background: #666; color: white; padding: 7px 7px; font-size: 10px; font-weight: bold; margin: 0px 5px 0 0; line-height: 1; } .series_badge:hover { text-decoration: none; color: white; background: #999; } */ /* .p_video_count { font-weight: bold; font-size: 0.85em; margin-right: 3px; } */ .item h5 { margin: 2px 0; max-width: 650px; } /* .pub_date { font-size: 13px; } */ .item .allcaps { font-size: 0.9em; } .item p { font-size: 14px; margin: 2px 0; max-width: 650px; } .read_more { font-weight: 700; font-size: 11px; } /* .itemlist_conf_dateline { font-weight: 700; } */ /* .item .tags { border-bottom: none; padding: 0; margin: 0px 0 -5px 0; } */ /* .item .tags_title { display: none; } */ /* .item .bottom_bar { margin: 8px 0 4px 0; overflow: hidden; } */ /* #search_input_large { min-width: 250px; padding: 5px 8px 5px 35px; font-size: 16px; margin: 8px 0 0 0; background-image: url(/images/main/search.png); background-size: 16px 16px; background-repeat: no-repeat; background-position: 5px center; border: 1px solid #d3d3d3; } */ /* .conference_info_box, .save_the_date_box { background-color: #222; background-image: url(/images/main/TURN_logo_corner.png); background-repeat: no-repeat; background-position: 0 0; background-size: 150px 150px; color: #eee; padding: 15px; margin-bottom: 15px; text-align: center; overflow: auto; } .conference_info_box h2 { max-width: 750px; margin: 10px auto 5px auto; font-size: 36px; text-shadow: 1px 1px #000; } .conference_info_box h2 a { color: white; text-decoration: none; } .conference_info_box h4 { margin: 0px 0 15px 0; font-size: 24px; font-weight: normal; text-shadow: 1px 1px #000; } .conf_location { margin: -10px 0 15px 0; text-shadow: 1px 1px #000; font-size: 14px; } .conf_location a { color: #0ab3dd; } */ .conference_registration_button_wrapper { margin: 25px 0 25px 0; overflow: auto; } .registration_note { border: 0; color: #222; text-align: center; min-width: 100px; padding: 12px; font-size: 16px; margin: 0 8px 8px 0; line-height: 1; display: inline-block; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; } .conference_registration_button_wrapper .small { margin-top: 0; } .registration_closed_box { margin-top: 30px; padding: 30px 50px; } .conf_signup_wrapper { /*text-align: center;*/ margin: 0px auto 0 auto; max-width: 650px; } #conf_form_login { margin: 40px auto 0 auto; max-width: 300px; } #conf_form_login label { text-align: left; display: block; width: 100%; margin: 20px 0 2px 0; } #conf_form_login .input { width: 100%; box-sizing: border-box; font-size: 18px; padding: 8px; border-radius: 3px; } .conf_login_button { margin-top: 30px; width: 100%; box-sizing: border-box; } .conf_login_button img { width: 18px; height: 18px; margin: 0 8px -2px -4px; } .conf_fee_right { float: right; margin-top: 10px; } .attendee_wrapper { padding: 20px 0 0 0; margin-top: 20px; overflow: auto; } /* #attendee_form_wrapper { background: pink; } */ #attendee_form_bottom { padding-top: 30px; } /* .attendee_no { text-transform: uppercase; font-weight: bold; margin-bottom: 20px; float: left; } */ .attendee_remove_link { clear: both; float: left; margin-top: 15px; margin-left: 160px; cursor: pointer; font-size: 14px; } #attendee_form_wrapper label { float: left; width: 160px; clear: both; padding-top: 6px; } .checkbox_label { width: auto; } #attendee_form_wrapper .field { } #attendee_form_wrapper input { margin-bottom: 12px; box-sizing: border-box; font-size: 16px; padding: 6px; border-radius: 3px; width: 350px; } #attendee_form_wrapper select { margin-top: 6px; font-size: 16px; } #attendee_form_wrapper .button { padding: 12px; width: 220px; box-sizing: content-box; } /* #attendee_form_wrapper .field { overflow: auto; text-align: center; margin-bottom: 5px; } */ #attendee_form_wrapper .field_spacer { clear: both; } .attendee_wrapper .input_wrapper { border: 1px solid black; width: 350px; } /* .conf_reg_sessions_list { float: left; clear: both; margin-top: 18px; float: left; background: yellow; } */ /* .conf_reg_sessions_label { float: left; width: 160px; font-size: 14px; } */ .conf_reg_sessions_wrapper { margin-top: 10px; } .conf_reg_sessions_list_boxes { /*float: left;*/ /*padding-top: 6px; margin-bottom: 10px; background: gray; width: 350px;*/ padding-top: 6px; margin-bottom: -5px; box-sizing: border-box; font-size: 16px; width: 350px; overflow: auto; } #attendee_form_wrapper input[type='checkbox'] { float: left; width: 22px; clear: both; margin-bottom: 10px; margin-top: 3px; } #attendee_form_wrapper .conf_reg_sessions_list_boxes label { float: left; clear: none; padding-top: 0px; cursor: pointer; width: auto; } /* .conf_review_box { border: 1px solid black; } */ .conf_review_box_inner { padding: 15px 20px; margin-top: 2px; } .conf_signup_wrapper .edit_button { float: right; font-weight: bold; font-size: 0.9em; margin-top: 6px; } /* .conf_review_box_inner a { font-weight: normal; font-size: 16px; } */ /* .conf_reg_sessions_list_boxes label { float: left !important; clear: none !important; cursor: pointer; padding-top: 0 !important; } #attendee_form_wrapper input[type='hidden'] { display: block; } */ /* .reg_close_note { margin: 6px 0 2px 0; font-size: 12px; color: #999; text-shadow: 1px 1px #000; } */ /* .conf_location { max-width: 450px; } */ /* .reg_closes_note { margin-top: 0; } */ /* .conf_register_box { margin: 0 40px 25px 40px; border: 1px solid #d3d3d3; overflow: auto; } .conf_register_login { float: left; width: 52%; border-right: 1px solid #d3d3d3; padding: 20px 25px 25px 25px; } .conf_register_signup { text-align: center; float: right; width: 38%; padding-top: 25px; } .conf_register_signup_note { text-align: left; max-width: 85%; margin: 10px 0 20px 0; display: inline-block; font-size: 14px; } #conf_reg_members_box { margin-top: 10px; min-width: 380px; overflow: auto; } #conf_reg_members_box_inner { border: 1px solid #d3d3d3; max-height: 198px; overflow-y: auto; padding: 10px 10px 0 10px; margin: 3px 0 10px 0; } .conf_wrapper { min-width: 500px; } .conf_reg_member_row { margin-bottom: 7px; clear: both; } .small_green_button { float: left; background: #00b72b; display: block; padding: 2px 6px; border-radius: 3px; color: white; margin-right: 7px; margin-top: 1px; font-size: 13px; cursor: pointer; } .small_green_button:hover { background: #333; text-decoration: none; color: white; } #attendee_form_wrapper .member_row, #attendee_form_wrapper .attendee_row { border: 1px solid #d3d3d3; padding: 8px 13px 0px 13px; margin: 10px 0; } .remove_btn_wrapper { float: right; margin: 0px -10px 0px 10px; } #attendee_form_wrapper .attendee_row input[type=text] { width: 100%; max-width: 400px; } #attendee_form_wrapper .field { margin-bottom: 10px; } .attendee_row .label_error { background: #d1213c; color: white; padding: 3px 6px 4px 6px; margin-bottom: 0px; margin-right: 3px; display: inline-block; } .conf_fee_right { float: right; font-size: 14px; margin-top: -4px; } .conf_review_box { border: 1px solid #d3d3d3; margin: 10px 0 10px 0; padding: 0; } .conf_review_box_inner { border-top: 1px solid #d3d3d3; padding: 15px 20px 10px 20px; } .conf_review_box_inner:first-child { border-top: none; } .conf_review_box_inner h4 { margin-top: 5px; } .reg_not_ready { padding: 8px 14px; margin: 10px 0; font-weight: bold; font-size: 14px; background: #d3d3d3; } */ /* .conf_sessions_box { margin: 5px 0 5px 0; } */ /* .conf_sessions_box h5 { margin: 0; } */ .conf_session_listing { border: 1px solid #d3d3d3; margin: 10px 0 0 0; padding: 10px 10px; } .conf_session_listing p { margin: 2px 0 0 0; font-size: 0.9em; } /* .conflist_region_badge { width: 60px; height: 60px; background-size: 40px 40px; margin: 15px 20px 0 -80px; } */ /* .conflist_item { padding: 15px 0 28px 80px; border-top: 1px solid #d3d3d3; overflow: auto; } .conflist_regbutton_wrapper { float: right; margin: 0 0 5px 10px; } .conflist_regbutton_wrapper .button { margin: 0; } .conflist_item:first-child { border-top: none; } .conflist_dateline { font-size: 12px; text-transform: uppercase; letter-spacing: 0.75px; font-weight: bold; } */ /* .conf_sessions_checkboxlist { font-size: 0.9em; margin: 0 0 5px 0; } .conf_sessions_checkboxlist p { margin: 3px 0; } .conf_sessions_checkboxlist .field { margin: 0 0 0 20px !important; } */ /* .conflist_dateline { margin: -1px 0 9px 0; } .conflist_item p { margin: 0 0 0 0; font-size: 13px; } */ /* .save_the_date_box { text-align: left; color: white; padding: 15px 20px 15px 180px; margin-bottom: 25px; } .save_the_date_box h2 { font-size: 36px; letter-spacing: 1.5px; font-weight: 100; margin: 0 0 15px 0; float: left; } */ /* .std_topdetails { float: right; font-weight: 100; font-size: 13px; margin: 0 0 10px 15px; text-align: right; max-width: 180px; } */ /* .save_the_date_box .conflist_region_badge { width: 22px; height: 22px; background-size: 16px 16px; margin: -3px 10px 0px 0; } */ /* .std_row { clear: both; font-size: 13px; text-transform: uppercase; letter-spacing: 0.75px; height: 24px; padding-top: 4px; font-weight: 100; } .std_row a { color: white; text-decoration: none; } .std_item { margin-top: 4px; display: block; margin-left: 2px; float: left; } */ /* Resources */ /* .resources_top_box_wrapper { width: 100%; padding: 20px 0; } .resources_top_box_wrapper a { display: inline-block; margin: 0 10px; border-radius: 6px; text-align: center; width: 20%; max-width: 150px; padding-top: 80px; height: 40px; color: #222; font-size: 17px; background-color: #d3d3d3; background-size: 54px 54px; background-position: center 35%; background-repeat: no-repeat; } .resources_top_box_wrapper a:hover { text-decoration: none; background-color: #ccc; } #resources_posts { background-image: url(/images/main/icon_large_post.png); } #resources_videos { background-image: url(/images/main/icon_large_video.png); } #resources_documents { background-image: url(/images/main/icon_large_document.png); } #resources_links { background-image: url(/images/main/icon_large_link.png); } */ /* UI elements */ .error_box { background: #d1213c; padding: 10px 15px; } .label_error { color: #d1213c; } /* .list_region_badge { width: 38px; height: 38px; float: left; margin: -7px 8px 0 -10px; background-size: 25px; background-position: center center; background-repeat: no-repeat; } */ /* #report_wrapper { margin: 15px 0; } .report_item { padding: 15px 20px; background: #eee; margin-bottom: 10px; } .report_item h3 { font-size: 18px; margin: 0; } .report_item p { margin: 5px 0 10px 0; font-size: 14px; } */ /* .admin_links { overflow: auto; margin-bottom: 10px; } .admin_links a { display: block; float: left; clear: left; margin: 1px 0; } */ /* Responsive */ @media screen and (max-width: 959px) { main, #header_main, #header_nav, #conf_reg_header_inner, .content_simple, #header_topbar_inner, #footer_inner, #series_header_inner, #home_banner_inner { width: 100%; } } @media screen and (min-width: 700px) { /* #search_box, #header_nav, #region_nav, #header_bottom_border, #sidebar { display: block !important; } */ } @media screen and (max-width: 699px) { p { font-size: 14px; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; font-weight: normal; } #header_topbar { display: none; } main, #header_main, #header_topbar_inner, #header_nav { /*width: auto;*/ } #header_main { height: 100px; } header .social_media_links, #resources_tab { display: none; } #logo_main { float: none; margin: 8px 0 8px 15px; width: auto; height: 80px; } #logo_main img { width: auto; height: 80px; } #nav_toggle { cursor: pointer; float: right; clear: none; margin: 30px 15px 0 0; /*position: absolute; top: 50%; margin-top: -20px; right: 15px; */ width: 50px; height: 40px; display: block; background-image: url(/images/main/mobile_more.png); background-repeat: no-repeat; background-size: 30px; background-position: center center; } #header_nav { display: none; margin: 0 0 -1px 0; position: relative; padding: 0; border: none; } /* #search_box { display: none; float: none; margin-right: 0; } */ #search_input_mobile { width: 100%; padding: 10px 8px 10px 15px; font-size: 18px; margin: 0; border: none; border-bottom: 1px solid #aaa; } #new_box { display: none; border: none; border-radius: 0px; position: absolute; padding-bottom: 0; left: 0; width: 100%; margin: 0; background: #eee; box-shadow: 0 0 30px rgba(0,0,0,0.5); } #new_box a { margin: 5px 0; } #new_box_close { display: block; background: #222; height: 38px; color: white; font-weight: bold; cursor: pointer; padding-top: 13px; padding: 13px 10px 0 35px; background-image: url(/framework/images/close_light.svg); background-repeat: no-repeat; background-size: 18px 18px; background-position: 8px center; } #header_nav .nav_tabs a, #region_nav a { display: block; /* border-left: none !important; border-right: none !important; float: none !important; */ border-left: none; border-right: none; float: none; margin: 0; height: auto; font-size: 14px; padding: 9px 15px; } .nav_tabs a { border-bottom: 1px solid rgba(0,0,0,0.2); } #header_nav .nav_tabs .region_link { float: left; clear: none; height: 50px; width: 16.66%; box-sizing: border-box; background-size: 30px 30px; } /* #header_tabs .region_link { float: left !important; clear: none; } */ /* #header_tabs .region_link { width: auto; background-position: 10px center; } .region_link_name { display: block; margin-left: 35px; margin-top: -2px; font-size: 16px; letter-spacing: 0; text-transform: none; color: white; } */ /* #header_nav a:hover, #region_header a:hover { } */ #header_nav_mobile_bar { display: block; font-weight: 600; height: auto; overflow: auto; font-size: 14px; } #header_nav_mobile_bar a { letter-spacing: 0.3px; padding: 10px 15px; display: block; float: right; cursor: pointer; text-decoration: none; } #header_nav_mobile_bar a:hover { background: black; color: white; } #home_main_left, #home_main_right { float: none; width: 100%; } /* #nav_resources, #nav_search, #nav_add, #nav_badge { display: block; color: white; font-weight: bold; text-align: left; cursor: pointer; padding: 9px 15px; border-left: 1px solid #666; border-right: 1px solid #444; background: #444; } #nav_search { float: right; } #nav_add { float: right; } */ #nav_badge { color: white; width: 20px; text-align: center; padding-left: 25px; padding-right: 25px; } .featured_image { max-width: 150px; max-height: 98px; margin: 0 0 3px 15px; } .video_thumb { width: 150px; max-height: 118px; margin: 0; } #region_header_wrapper, #region_header_left, #region_header_inner, #region_header_background_left { height: 80px; } #region_header_left { width: 80px; background-size: 40px; margin-right: 10px; } #region_header_name { font-size: 21px; height: 25px; } #region_header_states { line-height: 12px; } #region_header_states div { font-size: 12px; margin-right: 6px; margin-bottom: 0; margin-top: 0; } #region_header_states .small { margin-bottom: 0; margin-top: 0; } .conf_signup_wrapper { width: 100%; max-width: 900px; } #conf_reg_header_details { padding-top: 12px; margin-right: 10px; } #attendee_form_wrapper input { width: 100%; margin-bottom: 2px; } /* #region_header { position: relative; height: auto; min-height: 60px; } #region_header_left { width: 80px; height: 60px; background-size: 40px; margin-right: 10px; } #region_header_name { display: block; padding: 15px 0; font-size: 20px; } #region_nav { display: none; clear: both; border-top: 1px solid rgba(0,0,0,0.2); } #region_nav a:first-child { padding-left: 15px; } #header_bottom_border { display: block; height: 4px; background: #444; } */ /* #region_header_background_left { } */ #series_header { min-height: 87px; background-size: cover; } #series_header h1 { font-size: 32px; font-weight: normal; padding-left: 0; margin: 0; } #series_header a { display: block; padding: 20px 20px 25px 20px; color: white; } .series_description { font-size: 17px; } .series_left { width: auto; float: none; } .series_right { width: auto; float: none; margin: 0; } #home_banner_inner p { font-size: 12px; line-height: 1.4; padding: 15px; } .highlighted_image { height: 100px; margin-bottom: 5px; } /* .big_bar { font-size: 30px; padding: 15px 25px 18px 25px; } */ /* .big_bar_smaller_text { font-size: 21px; } */ /* #sidebar { display: none; float: none; width: 100%; } #sidebar_header { padding: 10px; } #sidebar_header h2 { font-size: 22px; } #sidebar_list { padding: 10px; } #sidebar_list a { display: inline-block; padding: 1px 10px 1px 0; } #sidebar .sidebar_text { padding: 10px; font-size: 13px; } #sidebar .sidebar_text b { font-size: 12px; } */ /* #social_media_links_footer { overflow: auto; display: block; padding: 15px; } #social_media_links_footer a { margin: 0 8px 0 0; } */ /* #footer_tabs { float: none; margin: -10px 0px 20px 0px; } #footer_tabs a { float: none; display: block; border: none; display: block; background: #666; padding: 15px 15px; margin-bottom: 1px; } #footer_tabs a:hover { text-decoration: none; background: #777; } */ /* #footer_logo_wrapper { clear: both; margin: 0 auto; text-align: center; padding-right: 15px; } */ #footer_inner { padding: 30px 15px; text-align: left; } #footer_tabs { float: none; padding-bottom: 0; } #footer_tabs a { padding: 2px 10px; } #footer_logo { margin-top: 30px; margin-bottom: 20px; } footer .social_media_links { float: none; } #footer_copyright { float: none; } /* #home_banner { padding-left: 15px; } #home_banner_image { margin: 15px 15px 10px 10px; width: 35%; height: auto; } #home_banner h4 { margin-top: 15px; } #home_banner p { margin: 0 15px 15px 0; } #highlighted_items { padding: 0; } .highlighted_item_wrapper { float: none; width: 100%; margin-bottom: 15px; } .highlighted_item_wrapper_inner { padding: 0; } #home_main { margin: 0 0 0 0; padding: 0; } #home_main_left { float: none; width: 100%; min-height: 48px; } #home_main_left_top { background: #e6e6e6; width: 100%; } #home_main_left h5 { float: none; padding: 10px 15px; } #regional_members_list a { border-radius: 0; margin: 0; } .regional_members_list_initials { width: 50px; } #home_main_right { margin: 0; padding: 16px; } .post_right_column { float: none; max-width: none; margin-left: 0; margin-bottom: 25px; } */ .resources_top_box_wrapper { padding: 0; } .resources_top_box_wrapper a { width: 23%; margin: 0; font-size: 14px; background-size: 33px 33px; background-position: 50% 15px; height: 30px; padding-top: 50px; } /* .content { padding: 15px; } .content_inner { min-width: 300px; } */ /* .post_wrapper { min-width: 100px; width: 100%; } */ /* .add_attachment_solo { float: none; margin: 8px 0 10px 0; } */ .attachments { float: none; max-width: none; margin: 10px 0 0 0; text-align: left; } .attachment { padding: 6px; margin-bottom: 3px; } /* .conference_info_box { padding: 10px; } .conference_info_box h2 { margin: 5px 0 0 0; font-size: 27px; } .conference_info_box h4 { margin: 6px 0 18px 0; font-size: 20px; } */ .registration_note { line-height: 1.3; } .reg_close_note { margin: 6px 0 2px 0; font-size: 12px; color: #999; text-shadow: 1px 1px #000; } #attendee_form_wrapper label { padding-top: 12px; padding-bottom: 4px; width: 100%; } .conf_reg_sessions_list_boxes { width: 100%; } #attendee_form_wrapper .conf_reg_sessions_list_boxes label { width: auto; } #attendee_form_wrapper select { clear: left; margin-top: 2px; margin-bottom: 8px; width: 100%; } .attendee_remove_link { margin-left: 0; } /* .conf_register_box { margin: -15px 0 0 0; } .conf_register_login { float: none; width: auto; border-right: none; border-bottom: 1px solid #d3d3d3; padding: 15px 20px; } .conf_register_signup { text-align: center; float: none; width: 100%; padding-top: 20px; padding-bottom: 15px; } .conf_register_signup_note { text-align: left; max-width: auto; margin: 10px 0 10px 0; display: inline-block; font-size: 14px; } #conf_reg_members_box { min-width: 0; } .conf_wrapper { min-width: 100px; } .conf_attendees_box { padding: 10px 15px; max-width: 100%; margin: -5px auto 10px auto; } .conf_fee_right { margin-top: -6px; } */ /* .conflist_region_badge { width: 40px; height: 40px; margin: 12px 10px 0 -55px; background-size: 27px 27px; } */ /* .conflist_item { padding-left: 55px; } */ /* .save_the_date_box { padding-left: 20px; } .save_the_date_box h3 { float: none; } .std_topdetails { float: none; text-align: left; margin: -12px 0 10px 0; max-width: 100%; } */ } /* input placeholder text color */ ::-webkit-input-placeholder { color: #888; } :-moz-placeholder { color: #888; } ::-moz-placeholder { color: #888; } :-ms-input-placeholder { color: #888; }