/* Theme Name: hatchery Description: This is the hatchery theme created for the Genesis Framework. Author: KBQ Inc. Author URI: http://kbq.ca/ Version: 2.0.3 Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 1.9.3 License: GPL-2.0+ License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contentsff 01 Import Fonts 02 Defaults 03 Typography - Font Color - Font Family - Font Size - Font Miscellaneous 04 Layout - Structure - 1152px CSS Grid - Header - Main Content - Post Info & Meta - Column Classes - Miscellaneous 05 Menus - Primary Navigation Extras 06 Headings 07 Lists 08 Post Navigation 09 Comments 10 Sidebars 11 Footer - Footer Widgets 12 Forms & Buttons - Gravity Forms 13 Images & Captions 14 Media Queries - max-width: 1024px - max-width: 768px - max-width: 480px */ /* 01 Import Fonts ---------------------------------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/css?family=Lato:400,700); @font-face { font-family: missionghoticb; src: url('fonts/missiongothicbold.eot') format("eot"), url('fonts/MissionGothicBold.woff') format("woff"), url('fonts/missiongothicbold.ttf') format("truetype"); } @font-face { font-family: 'tradegothicbc'; src: url('fonts/Trade Gothic Bold Condensed No. 20.eot'); /* IE9 Compat Modes */ src: url('fonts/Trade Gothic Bold Condensed No. 20.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Trade Gothic Bold Condensed No. 20.woff') format('woff'), /* Modern Browsers */ url('fonts/Trade Gothic Bold Condensed No. 20.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Trade Gothic Bold Condensed No. 20.svg#tradegothicbc') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'tradegothic_condensed'; src: url('fonts/tradegothic-condeighteen-webfont.eot'); src: url('fonts/tradegothic-condeighteen-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tradegothic-condeighteen-webfont.woff') format('woff'), url('fonts/tradegothic-condeighteen-webfont.ttf') format('truetype'), url('fonts/tradegothic-condeighteen-webfont.svg#tradegothic_condensed_no._1Rg') format('svg'); font-weight: normal; font-style: normal; } /* 02 Defaults ---------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, input, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 100%; /* 16px browser default */ max-width: 100%; overflow-x: hidden; } body { background-color: #fff; line-height: 1; max-width: 100%; overflow-x: hidden; } body, input, select, textarea, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:visited, button, input, input[type="button"], input[type="submit"], .btn { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a img { border: none; } /* 03 Typography ------------------------------------------------------------------------------------------------------- This section covers font colors, families, size, styles and weight. This style sheet uses rem values with a pixel fallback. The rem values are calculated per the examples below: 12 / 16 = 0.75rem 14 / 16 = 0.875rem 16 / 16 = 1rem 18 / 16 = 1.125rem 20 / 16 = 1.25rem 24 / 16 = 1.5rem 30 / 16 = 1.875rem 36 / 16 = 2.25rem 42 / 16 = 2.625rem 48 / 16 = 3rem Further reading on the use and compatibility of rems: http://caniuse.com/rem http://snook.ca/archives/html_and_css/font-size-with-rem */ /* 03a - Font Color ----------- */ a:hover, body, h2 a, h2 a:visited, h4.widgettitle a, input, .author, .date, .genesis-nav-menu a, .genesis-nav-menu li li a, .genesis-nav-menu li li a:link, .genesis-nav-menu li li a:visited, .post-comments, #title a, #title a:hover { color: #2e2e2e; } a, h2 a:hover { color: #0eafd6; } .genesis-nav-menu li a:hover, .genesis-nav-menu li:hover a, .genesis-nav-menu li li a:hover { border-bottom:1px solid #2f2f2f; background:none; color:#2f2f2f; } .genesis-nav-menu .current-menu-item a { border-bottom:0px solid #2f2f2f; color:#fff; } .genesis-nav-menu .current-menu-item { background: url(images/arrow2.png) no-repeat center right #0eaed5; padding-right:15px; } .genesis-nav-menu .current-menu-item:hover { background:url(images/post-arrow-hover.png) no-repeat center right; } .post-info, .post-meta, #description { color: #636363; } blockquote::before, blockquote p, input, select, textarea { color: #999; } button, input[type="button"], input[type="submit"], .btn, .genesis-nav-menu .highlight-menu-item a, .genesis-nav-menu .highlight-menu-item a:hover, .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { color: #fff; } /* 03b - Font Family ----------- */ body, input, textarea, .author-box h1 { font-family: Arial,'Helvetica Neue', Helvetica, sans-serif; } h2, h3, h4, h5, h6{ font-family:'tradegothic_condensed',arial; } h1, .entry-title a, #title { font-family:'tradegothic_condensed',arial; font-weight:normal; } /* 03c - Font Size ----------- */ #title { font-size: 42px; } h1, .entry-title, .entry-title a { font-size: 30px; margin-bottom:20px; } h1.entry-title{ border-bottom: 4px solid #ccd4df; /*padding-bottom: 20px;*/ } blockquote::before { font-size: 32px; } h2 { font-size: 19px; -webkit-margin-before: 0em !important; } h3 { font-size: 24px; } h4, .archive-title, .taxonomy-description h1, .widgettitle { font-size: 20px; } h5 { font-size: 19px; color:#fff; background:#2e2e2e; padding:10px; margin-bottom:0px; } h6, .author-box h1, .sidebar h2 a { font-size: 16px; } .genesis-nav-menu, .post-info, .post-meta, .wp-caption, #footer p { font-size: 12px; } input, select, textarea { font-size:13px; } /* 03d - Font Miscellaneous ----------- */ blockquote p { font-style: italic; } cite { font-style: normal; } h1, h2, h3, h4, h5, h6, .btn, .entry-title a, .genesis-nav-menu, .post-comments, .post-info .author, .post-info .date, .wp-caption, #footer p, #title { font-weight: 400; } .post-info { font-size:18px; } .post-info a { font-size:18px; text-decoration:none; } button, input[type="button"], input[type="submit"] { font-weight:400; } .wp-caption { text-align: center; } h2 a, h2 a:visited, .genesis-nav-menu a, .navigation li a, .widgettitle a, #title a { text-decoration: none; } /* 04 Layout ---------------------------------------------------------------------------------------------------- */ /* 04a - Structure ----------- */ #wrap { margin: 0 auto; width: 100%; } #inner { clear: both; max-width:960px; margin:0 auto; } /* 04b - 1152px CSS Grid ----------- */ #sidebar-alt { width: 15.277777777%; /* 176px / 1152px */ } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, #header .widget-area { width: 30.555555555%; /* 352px / 1152px */ } .sidebar { width:33.555556%; margin-top:8px; } .sidebar .widget img { margin-bottom:8px; opacity:0.85; filter:alpha(opacity:85); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sidebar .widget img:hover { opacity:1; filter:alpha(opacity:100); } .content-sidebar-sidebar .sidebar, .sidebar-content-sidebar .sidebar, .sidebar-sidebar-content .sidebar { width: 37.931034482%; /* 352px / 928px */ } .content-sidebar-sidebar #content, .sidebar-content-sidebar #content, .sidebar-sidebar-content #content { width: 56.896551724%; /* 528px / 928px */ } #title-area { width: 65.277778%; /* 752px / 1152px */ } #content { border-right:1px solid #ccd4df; padding-top:35px; } .page-id-22 #content { border:none !important; } .content-sidebar #content, .sidebar-content #content { width: 60.577778%; padding-right: 45px; } .content-sidebar-sidebar #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content-sidebar-wrap { width: 80.555555555%; /* 928px / 1152px */ } .content-sidebar #content-sidebar-wrap, .full-width-content #content, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap { width: 100%; /* 1152px / 1152px */ } .footer-widgets-1, .footer-widgets-2, .sidebar-content #sidebar, .sidebar-sidebar-content #sidebar, #content, #content-sidebar-wrap, #footer .gototop, #sidebar-alt, #title-area { float: left; } .content-sidebar-sidebar #sidebar-alt, .footer-widgets-3, .sidebar, .sidebar-content #content, .sidebar-content-sidebar #content-sidebar-wrap, .sidebar-sidebar-content #content, .sidebar-sidebar-content #content-sidebar-wrap, #footer .creds, #header .widget-area { float: right; } /* 04c - Header ----------- */ #header1 { border-top: 1px solid #002f65; border-bottom: 1px solid #002f65; width:100%; height: 96px; overflow: hidden; margin-bottom: 30px; color:transparent; display:block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ } #header1 a,#header1 a:hover { color:transparent; } #header1 .wrap { max-width: 960px; height: 96px; /* background: url(images/header-bg.png) no-repeat top right; */ background:url(/wp-content/uploads/2013/09/header-bg.png); background-repeat: no-repeat; background-position: 65% 0%; margin: 0 auto; } #header { display:none; } #title { line-height: 1; margin: 40px 0 8px; margin: 2.5rem 0 0.5rem; } .header-image #title { margin: 0; } #description { line-height: 1.25; } .header-full-width #title, .header-full-width #title a, .header-full-width #title-area { width: 100%; } .header-image #title, .header-image #title a, .header-image #title-area { display: block; float: left; min-height: 120px; overflow: hidden; text-indent: -9999px; width: 50%; } .header-image #description { display: block; overflow: hidden; } /* 04d - Main Content ----------- */ #content { padding-bottom: 40px; padding-bottom: 2.5rem; } .entry, .page .post.entry { margin-bottom: 80px; margin-bottom: 5rem; } .single .entry { margin-bottom: 48px; margin-bottom: 3rem; } .page .entry { margin: 0; } .entry-content { /*overflow: hidden;*/ margin-top:10px; } .entry-content, .entry-content p { line-height: 1.625; font-size:16px; color:#5d5d5d; } .entry-content p { margin-bottom: 28px; margin-bottom: 1.625rem; } blockquote { padding: 0px 30px; } blockquote::before { } /* 04e - Post Info & Meta ----------- */ .post-info, .post-meta { clear: both; line-height: 1.5; } .post-info { margin-bottom: 22px; } .post-comments { background: url(images/post-comments.png) no-repeat center left; margin-left: 16px; margin-left: 1rem; padding-left: 20px; padding-left: 1.25rem; } .post-meta { border-top: 1px solid #ccc; padding-top: 24px; display:none; } .categories, .tags { display: block; } /* 04f - Column Classes ----------- */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* 04g - Miscellaneous ----------- */ p.subscribe-to-comments { padding: 24px 0 16px; padding: 1.5rem 0 1rem; } p.pages, .clear, .clear-line, .first { clear: both; } .clear-line { border-bottom: 1px solid #ccc; margin-bottom: 26px; margin-bottom: 1.625rem; } .alignleft, .archive-page { float: left; } .alignright { float: right; } .archive-page { width: 50%; } .author-box, .sticky { margin-bottom: 80px; margin-bottom: 5rem; } .author-box, .author-box h1, .taxonomy-description { line-height: 1.5; } .author-box, .breadcrumb, .sticky, .taxonomy-description { background-color: #f5f5f5; margin-bottom: 48px; margin-bottom: 3rem; overflow: hidden; padding: 32px; padding: 2rem; } /* 05 Menus ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; overflow: hidden; } #header .genesis-nav-menu { float: right; margin-top: 48px; margin-top: 3rem; width: auto; } .genesis-nav-menu.menu-primary, .genesis-nav-menu.menu-secondary { border-bottom: 0px solid #ccc; } .genesis-nav-menu ul { float: left; width: 100%; } .genesis-nav-menu li { display: inline-block; float: left; list-style-type: none; text-align: left; background:url(images/nav-arrow.png) no-repeat center right; margin-right:20px; padding-right:10px; padding-left:10px; } .genesis-nav-menu a { display: block; padding: 5px 0px 5px 0; position: relative; font-size: 10.5px; font-weight:normal; text-transform:uppercase; color:#2f2f2f; border-bottom:1px solid transparent !important; } .genesis-nav-menu li.highlight-menu-item { color:#2f2f2f; } .genesis-nav-menu .highlight-menu-item a { color:#2f2f2f; border-bottom:1px solid #2f2f2f; } .genesis-nav-menu a:hover, .genesis-nav-menu .highlight-menu-item a:hover { background-color: #fff; border-bottom:1px solid #2f2f2f; color:#2f2f2f !important; } .genesis-nav-menu li li a, .genesis-nav-menu li li a:link, .genesis-nav-menu li li a:visited { background-color: #fff; border-bottom: 1px solid #2f2f2f; border-top: none; padding: 5px 20px; position: relative; width: 170px; } .genesis-nav-menu li ul { left: -9999px; position: absolute; width: 212px; z-index: 99; } .genesis-nav-menu li ul ul { margin: -55px 0 0 211px; } .genesis-nav-menu li:hover ul ul, .genesis-nav-menu li.sfHover ul ul { left: -9999px; } .genesis-nav-menu li:hover, .genesis-nav-menu li.sfHover { position: static; } ul.genesis-nav-menu li:hover>ul, ul.genesis-nav-menu li.sfHover ul, #header .genesis-nav-menu li:hover>ul, #header .genesis-nav-menu li.sfHover ul { left: auto; } .genesis-nav-menu li a .sf-sub-indicator, .genesis-nav-menu li li a .sf-sub-indicator, .genesis-nav-menu li li li a .sf-sub-indicator { position: absolute; text-indent: -9999px; } #wpadminbar li:hover ul ul { left: 0; } /* 05a - Primary Navigation Extras ----------- */ .genesis-nav-menu li.right { float: right; padding: 24px 20px; padding: 1.5rem 1.25rem; } .genesis-nav-menu li.right a { display: inline; padding: 0; } .genesis-nav-menu li.search { padding: 6px 0 0; padding: 0.375rem 0 0; } .genesis-nav-menu li.rss a { background: url(images/rss.png) no-repeat center left; margin-left: 20px; margin-left: 1.25rem; padding-left: 20px; padding-left: 1.25rem; } .genesis-nav-menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding-left: 24px; padding-left: 1.5rem; } /* 06 Headings ---------------------------------------------------------------------------------------------------- */ h2, h3, h4, h5, h6, .entry-title a { line-height: 1.2; margin-bottom: 16px; } .author-box h1 { margin: 0 } .taxonomy-description h1 { margin-bottom: 4px; margin-bottom: 0.25rem; } .archive-title { margin-bottom: 24px; margin-bottom: 1.5rem; } /* 07 Lists ---------------------------------------------------------------------------------------------------- */ .entry-content ol, .entry-content ul { margin-bottom: 26px; margin-bottom: 1.625rem; } ul { /*list-style-image:url('images/plus.png');*/ } .children{ margin-bottom: 30px; margin-left: 60px; margin-top: 30px; } .entry-content ol li, .entry-content ul li { line-height: 1.625; } .entry-content ol li, .entry-content ul li { margin-left: 40px; margin-left: 2.5rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } /* 08 Post Navigation ---------------------------------------------------------------------------------------------------- */ .navigation li { display: inline; } .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: #1e1e1e; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .navigation li a:hover, .navigation li.active a { background-color: #ff2a00; } /* 09 Comments ---------------------------------------------------------------------------------------------------- */ #comments, #respond { line-height: 1.5; overflow: hidden; clear:both; } #comments #respond { display:block; } #comments #commentform input[type="text"] { width:140px; } #comments #commentform label { color:#5d5d5d; font-size:14px; margin-left:0px; line-height:28px; } #comments #commentform #comment-form-comment { clear:both; } #comments h3 { color:#5d5d5d; font-size:16px; font-style:italic; } .comment .comment-awaiting-moderation { margin-left: 60px; position: relative; bottom: 30px; } .commentlist #respond { display:block; } #commentform p { margin-left:0px !important; } .commentlist h3 { border-top:5px solid #0eaed5; padding-top:25px; } .ping-list, #comments { margin-bottom: 48px; margin-bottom: 3rem; } #author, #email, #url { width: 50%; } .commentmetadata, #author, #email, #url { margin-bottom: 12px; margin-bottom: 0.75rem; } #commentform #url { display: none; } #comment { margin: 12px 0; margin: 0.75rem 0; } label { margin-left: 12px; margin-left: 0.75rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; margin-top: 1.5rem; padding: 32px; padding: 2rem; } .comment-list li ul li { margin-right: -32px; margin-right: -2rem; } .comment-header { overflow: hidden; } .comment { /*background-color: #f5f5f5;*/ border: 2px solid #fff; border-right: none; list-style-type:none; } .comment-content p { margin-bottom: 24px; margin-bottom: 1.5rem; } .bypostauthor { margin-bottom: 30px; } #comments .navigation { margin-top: 32px; margin-top: 2rem; } /* 10 Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { display: inline; line-height: 1.5; } .sidebar p { margin-bottom: 5px; } .sidebar .widget { /*margin-bottom: 45px;*/ overflow: hidden; } .sidebar.widget-area ul li { list-style-type: none; margin-bottom: 6px; word-wrap: break-word; } /* 11 Footer ---------------------------------------------------------------------------------------------------- */ #footer { clear: both; width:100%; border-top: 7px solid #959595; background:url(images/pw_pattern.png); color:#808080; } #footer a { color:#808080; } #footer .wrap { overflow: hidden; padding: 38px 0 13px 0; max-width:100%; margin:0 auto; } #footer .creds { text-align: right; } #footer .creds, #footer .gototop { margin: 8px 0; margin: 0.5rem 0; } /* 11a - Footer Widgets ----------- */ .footer-widgets { border-top: 2px solid #1e1e1e; clear: both; line-height: 1.5; overflow: hidden; padding: 32px 0 16px; padding: 2rem 0 1rem; } .footer-widgets p { margin-bottom: 16px; margin-bottom: 1rem; } .footer-widgets .widget { margin-bottom: 24px; margin-bottom: 1.5rem; } .footer-widgets .widget-area ul li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.375rem; word-wrap: break-word; } .footer-widgets-1 { margin-right: 4.166666666%; /* 48px / 1152px */ } /* 12 Forms & Buttons ---------------------------------------------------------------------------------------------------- */ .awpqsf_class label { width: 100px !important; } input, select, textarea { background-color: #edf0f5; border:0px solid #808080; border-radius: 0px; padding:5px 8px; color:#8c8c8c; width: 96%; resize:none; opacity: 0.8; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input:focus, textarea:focus, select:focus { outline: 0; opacity: 1; } .searchform input { background-color: transparent; border-bottom:1px solid #808080; border-radius: 0px; padding:0px 15px 5px 0px; color:#808080; width: 100%; outline:none; } #header .search-form { float: right; margin-top: 56px; width: 100%; } button, input[type="button"], input[type="submit"], .btn { background:url(images/submit.png) no-repeat center right; border: none; box-shadow: none; cursor: pointer; padding: 8px 16px; width: auto; color:#0eafd6; font-size:16px; font-family:'tradegothic_condensed',arial; font-weight: bold; } button:hover, input:hover[type="button"], input:hover[type="submit"], .btn:hover { color:#2e2e2e; background:url(images/submithover.png) no-repeat center right; } .enews input[type="submit"], .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* 12a - Gravity Forms ----------- */ #content div.gform_wrapper input, #content div.gform_wrapper select, #content div.gform_wrapper textarea, #content div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1rem; padding: 16px; padding: 1rem; } #content div.gform_wrapper input[type="submit"] { padding: 16px 24px; padding: 1rem 1.5rem; } #content div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1rem 0 0; } /* 13 Images & Captions ---------------------------------------------------------------------------------------------------- */ embed, img, object, video { max-width: 100%; } img { height: auto; } .alignleft .avatar { margin-right: 24px; margin-right: 1.5rem; } .alignright .avatar { margin-left: 24px; margin-left: 1.5rem; } .author-box .avatar { float: left; margin-right: 24px; margin-right: 1.5rem } .comment-list li .avatar { float: left; margin: 0 16px 24px 0; margin: 0 1rem 1.5rem 0; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 1.5rem } img.alignnone { display: inline; margin-bottom: 12px; margin-bottom: 0.75rem; } img.alignleft, .post-image, .wp-caption.alignleft { display: inline; margin: 0 24px 24px 0; margin: 0 1.5rem 1.5rem 0; } img.alignright, .wp-caption.alignright { display: inline; margin: 0 0 24px 24px; margin: 0 0 1.5rem 1.5rem; } p.wp-caption-text { line-height: 1.2; margin-top: 12px; margin-top: 0.75rem; } .gallery-caption { } .preload { display:none; } /*top header coding*/ #header-top { max-width:960px; margin:0 auto; /*height:25px;*/ padding:10px 0 15px 0; margin:0 auto; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ } #nav { width:100%; padding-bottom:16px; border-bottom:1px solid #dce1e9; } .home #nav { border-bottom:0px solid #dce1e9; } @media screen and (min-width: 55em) { .home #nav{ margin-left: 0.5em !important; } #nav{ margin-left: 0.5em !important; } } #nav .wrap { max-width:962px; margin:0 auto; } .widget_hatchery_social_icon_widget { float:left; width:auto; } .widget_hatchery_social_icon_widget a { margin-right:6px; } #header-top .widget_nav_menu , #header-top .widget_search { float:right; margin-top:5px; } #header-top .widget_nav_menu ul { text-decoration:none; list-style-type:none; } #header-top .widget_nav_menu ul li, #header-top .widget_nav_menu ul li a { text-decoration:none; list-style-type:none; display:inline-block; color:#405575; font-size:12px; } #header-top .widget_nav_menu ul li { border-right: 1px solid #405575; } #header-top .widget_nav_menu ul li:last-child { border-right:none; } #header-top .widget_nav_menu ul li a { padding:0 5px; } #header-top .widget_nav_menu ul li a:hover { text-decoration:underline; } #header-top .widget_search { margin-left:4.6875%; } #home-after-nav { width:100%; height:auto; } #home-after-nav .wrap { max-width: 960px; margin:0 auto; height:440px; background-image:url(images/afternavbg.jpg); background-repeat: no-repeat; background-position: 0px 40px; border-bottom:17px solid #0eaed5; } #home-after-nav .wrap #map{ height: 440px; } #home-after-nav #video { /* before changing infographic to video */ /* width:60.625%; */ width: 52%; float:left; } #home-after-nav #wptt_twittertweets-2 { /* before changing infographic to video */ /* width:60.625%; */ width: 45%; float:left; padding-right:30px; margin-left:30px; } #home-after-nav #wptt_twittertweets-2 ul.fetched_tweets { height: 257px; overflow-y: scroll; } #home-after-nav #wptt_twittertweets-2 ul li div div.times { width:100%; } #home-after-nav #wptt_twittertweets-2 ul li div div em { height: 14px; width:100%; float: right; position:absolute; right:0px; } #home-after-nav #wptt_twittertweets-2 ul li div div em a { color:#fff; font-size:11px; text-decoration:none; margin-bottom:8px; float:right; width:auto; padding-right:5px; } div.cornered { width:935px; } li.tweet_data { margin-bottom:15px; } div.tweet_wrap{ padding-bottom: 13px; } li.tweets_avatar { /*padding: 5px 5px 15px 5px !important;*/ padding-top: 0px !important; font-family:Verdana, Geneva, sans-serif !important; font-size:13px !important; margin-left:0px !important; margin-bottom:7px !important; } div.tweet_data { font-family:Arial, Helvetica, sans-serif; font-size:13px !important; } #home-after-nav #wptt_twittertweets-5 { width:49%; float:left; } #home-after-nav #wptt_twittertweets-2 li { font-size: 5px; } .tweets-intent-data { height:20px; } #home-after-nav #wptt_twittertweets-2 .tweet-actions { height:20px; } #home-after-nav #text-2 { float: left; width: 46%; margin-left:20px; } #home-after-nav #video iframe { /* before changing infographic to video */ /* float:right; */ float: left; margin-left: 18px; } #home-after-nav #map { /* before changing infographic to video */ /* width:39.0625%; */ width: 100%; /* float:right; */ float: left; } #text-2 .widgettitle { /* margin-left:-2px; */ } .stats-narrow.customisable-border { display:none; } .seperator_wpltf { display:none; } #home-after-nav #map a:hover { } #home-after-nav #map a, #home-after-nav #map img { /*float:right;*/ } #home-after-nav #map a:hover { cursor:pointer; } #home-after-nav h4 { color:#fff; background:#0cafd8; font-size:19px; font-weight:normal; padding: 7px 0 7px 50px; width:70%; margin-bottom:12px; font-family:'missionghoticb',arial; } #home-after-nav h4.shorter { width: 40%; } #home-before-content-pics { width:100%; float:left; margin-top:17px; margin-bottom:15px; } #home-before-content-pics img { opacity:0.85; filter:alpha(opacity=85); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #home-before-content-pics img:hover { opacity:1; filter:alpha(opacity=100); } #home-post { float:left; width:64.2875%; margin-right:1.9791%; margin-top:0px; } #home-sidebar { float:right; width:33.541%; border-top:7px solid #0eaed5; background:#edf0f5; margin-top:31px; } #home-sidebar .wrap { margin:20px 15px; } .cornered { width: 160px; height: 0px; border-top: 25px solid #edf0f5; border-left: 25px solid white; } #home-sidebar .widgettitle { font-size:19px; text-transform:uppercase; color:#0eafd6; font-family:'tradegothicbc',arial; font-weight:normal; } #home-post .widgettitle { font-size:22px; border-bottom:3px solid #2f2f2f; line-height:30px; margin-bottom:13px; font-family:'tradegothicbc',arial; font-weight:normal; } #home-post .entry { width:49%; float:left; margin-bottom:10px; margin-right:1%; min-height: 250px; } #home-post .entry:nth-child(3), #home-post .entry:nth-child(5) { margin-right:0px; float:right } #home-post .entry p { width:90%; height:70px; background:#0eaed5; color:#fff; font-size:13px; padding:8px 20px 0 8px; line-height:normal; position:relative; } #home-post .entry p:hover { background:#2e2e2e; } #home-post .entry p .more-link { color:#fff; text-transform:uppercase; font-size:14px; float:right; margin:17px -13px 0px 0px ; background:url(images/post-arrow.png) no-repeat center right; text-decoration:none; padding-right:10px; position:absolute; bottom:0px; right:0px; margin:5px; } #home-post .entry p .more-link:hover { background:url(images/post-arrow-hover.png) no-repeat center right; color:#0eaed5; } #before-footer { width:100%; float:left; border-top:7px solid #959595; background:url(images/beforefooter.jpg) no-repeat; background-size:cover; height:610px; } #before-footer .wrap { max-width:960px; margin:0 auto; overflow:hidden; height:610px; position: relative; top: -610px; } #before-footer .button-wrap { max-width:960px; margin:0 auto; overflow:hidden; height:610px; position:relative; } .rhc.fe-extrainfo-container.se-vbox.fe-have-image-1{ display: none; } .rhc-info-cell.fe-cell-label.postmeta-.fe-is-empty-1.fe-is-empty-label-0{ display: none; } #before-footer .wrap #footer_slider { position:relative; left:0; top:0; width: 5000px; } #before-footer .wrap h3 { color:#bfbfbf; font-size:18px; margin:10px 0 10px 10%; } #before-footer #footer_slider_left_nav, #before-footer #footer_slider_right_nav { position:absolute; top:225px; cursor:pointer; opacity:0.7; z-index:999; } #before-footer #footer_slider_left_nav:hover, #before-footer #footer_slider_right_nav:hover { opacity:1; cursor:pointer; } #before-footer #footer_slider_right_nav { right:0; } #before-footer #footer_slider_left_nav { left:0; } #footer .wrap #footer-two { width:100%; border-top:1px solid #ccc; margin-top:20px; float:left; padding-top:20px; } #footer .wrap #footer-one, #footer .wrap #footer-two .wraper { max-width:960px; margin:0 auto; } #footer .wrap #footer-two .wraper .widget { width:100%; } #footer .widget { width:25%; float:left; font-size:12px; } #footer .widget:last-child { float:right; } #footer .top_social_icons { /*background:url(images/toronto.png) no-repeat top left; padding-top:98px;*/ } #footer .top_social_icons a { color:transparent; } #footer #footer_slider .widgettitle { font-size:22px; color:#646464; margin-bottom:20px; font-weight:normal; font-family:'tradegothicbc',arial; } #before-footer .widgettitle{ position: absolute; } #footer a { text-decoration:none; font-size:12px; line-height:normal; } #footer a:hover { text-decoration:underline; } #footer li { list-style-type:none; margin-bottom:5px; list-style-image:none; } #footer p { font-weight:400; font-size:12px; } #footer h4 { font-size:18px; color:#646464; margin-bottom:9px; font-weight:normal; font-family:'tradegothicbc',arial; } #footer input[placeholder], #footer ::-webkit-input-placeholder, #footer :-moz-placeholder , #footer ::-moz-placeholder, #footer :-ms-input-placeholder { color:#fff; } #footer input { background:#636363; border:none; color:#fff; padding:8px; width:75%; margin-top:10px; outline:none; } #footer input:focus, #footer input:hover { background:#808080; } #footer img { margin-top:12px; } #footer .widget_hatchery_social_icon_widget img { margin-top:0px; } #before-footer .widgettitle { background:#959595; font-size:22px; color:#fff; font-weight:normal; padding:10px 20px; width:295px; position:absolute; } #before-footer .entry { width:22%; float:left; margin: 70px 40px 30px 40px; height: 475px; position: relative; } #before-footer .entry img { margin-bottom: 1em; border-radius:50%; opacity:0.85; filter:alpha(opacity=85); -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 168px !important; height: 168px !important; } #before-footer .entry:hover img { border-radius:50%; opacity:1; filter:alpha(opacity=100); } #before-footer .entry a.alignnone { border-radius:150px; margin-left: 22px; } #before-footer .entry h2 a { color:#fff; font-size:24px; font-weight:normal; text-decoration:none; } #before-footer .entry p { color:#fff; font-size:14px; font-weight:normal; line-height:normal; text-decoration:none; } #before-footer .entry h2 { text-align: center; margin-left:0px; margin-top:2em; margin-bottom:5px; } #before-footer .entry .post-info { margin-bottom:5px; } #before-footer .entry .post-info a { color:#bfbfbf; font-size:18px; text-decoration:none; margin-left:40px; font-weight:normal; } #before-footer .entry .more-link { color:#fff; font-size:12px; text-transform:uppercase; background:#0eaed5; padding:7px 15px; float:left; margin-top:10px; text-decoration:none; position: absolute; bottom: 0; clear: both; left: 0; } #before-footer .entry .more-link:hover { color:#ffffff; background:#2f2f2f; } #before-footer .button-wrap .more-from-category a { font-size:16px; text-decoration:none; clear:both; text-align:left; margin-top:40px; top: 540px; position: absolute; left: 700px; } #before-footer .wrap #footer_slider .more-from-category{ display: none; } /* TEAM DASHBOARD PAGE */ .page-template-page_team_dash-php #content, .page-template-page_mentor_dash-php #content, .page-template-page_admin_dash-php #content { padding-right:0; padding-left:2%; width:64.2%; padding-top:0; border:none; } .page-template-resources-php #content, .page-template-page_mentors_list-php #content, .page-template-page_team_list-php #content { padding-top:0; } .ltBlue.border { background-color: #ecf1f4; border: 1px solid #c4c8cb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .boxWhite { background-color: #fff; border: 1px solid #c4c8cb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #team-name{ /*width:100%;*/ } #dash-mentors, #dash-resources { minheight:150px; } #dash-resources .res-excerpt, #dash-resources .res-title { height: 26px; overflow: hidden; width: 78%; white-space: nowrap; } #dash-resources #post.right-post { float:none; } #dash-resources .res-title h2 { margin-bottom:0;} #dash-social { margin-top:10px; } .col2, .col2_last { width:49%; float:left; } .col2 { margin-right:.5%; } .col2_last { margin-left:.5%; } .col1 { width:100%; float:left; } .box-header { color: #fff; background-color: #222; padding: 10px; font-size: 20px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; font-family:'tradegothicbc',arial; } #dash-resources ul li { list-style-type: none; margin: 5px; display: block; overflow: hidden; border-bottom: solid 1px #c4c8cb; }#dash-resources .left-side, #dash-resources .res-title, #dash-resources .res-excerpt { float:left; } #dash-resources ul { margin-bottom:0; } #dash-resources > a { display: block; line-height: 40px; text-align: center; text-decoration: none; font-size: 20px; font-weight: 800; } #dash-resources > a > div { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #0eafd6; display: inline-block; margin: 0px 0 -2px 10px; } #dash-mentors { height: 395px; } #dash-mentors iframe { height: 340px; } #team-name iframe { height: 136px; } #team-name { margin-bottom: 20px; } #dash-social h1 { margin: 10px 0 0px 20px; color: #000; font-size: 28px; } /* KBQ Nav Widget */ .kbq_nav_widget.ltBlue { padding: 20px; font-family: 'tradegothicbc',arial; } .kbq_nav_widget ul a { font-family: 'tradegothicbc',arial; color: #000; font-size: 18px; text-decoration: none; } .kbq_nav_widget ul a:hover { border-bottom:solid 3px #0eafd6; text-decoration:none; } .kbq_nav_widget div a { line-height: 32px; text-decoration:none; } .kbq_nav_widget .home-link { background-image: url(/wp-content/themes/hatchery_theme/images/globe-icon.png); background-repeat: no-repeat; background-position: right; width: 180px; font-size: 18px; } .home-link > a { font-size: 16px; } .kbq_nav_widget >div>div { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #0eafd6; display: inline-block; margin: 0 5px -2px 0; } .widget-wrap .kbq_nav_widget { margin-bottom: 20px; } .sidebar.widget-area .kbq_nav_widget ul li { margin-bottom: 0; } /* edit for connectors*/ #edit_by_connector { padding: 20px 20px 0px 20px; font-family: 'tradegothicbc',arial; background-color: rgb(236, 241, 244); margin-bottom: 20px; border-radius: 5px; border-style:solid; border-color: rgb(46, 46, 46); border-width: 2px; } #edit_by_connector a { font-family: 'tradegothicbc',arial; color: #000; font-size: 18px; text-decoration: none; } #edit_by_connector a:hover { border-bottom:solid 3px #0eafd6; text-decoration:none; } #edit_by_connector a { line-height: 32px; text-decoration:none; } .page-template-page_mentors_list-php .speakers-right { height:auto; } #edit_by_mentor { padding: 20px 20px 0px 20px; font-family: 'tradegothicbc',arial; background-color: rgb(236, 241, 244); margin-bottom: 20px; border-radius: 5px; border-style:solid; border-color: rgb(46, 46, 46); border-width: 2px; } #edit_by_mentor a { font-family: 'tradegothicbc',arial; color: #000; font-size: 18px; text-decoration: none; } #edit_by_mentor a:hover { border-bottom:solid 3px #0eafd6; text-decoration:none; } #edit_by_mentor a { line-height: 32px; text-decoration:none; } .page-template-page_mentors_list-php .speakers-post-start .speakers-right, .page-template-page_team_list-php .speakers-post-start .speakers-right, .page-template-page_team_profile-php .speakers-post-start .speakers-right, .page-template-page_team_profile_history-php .speakers-post-start .speakers-right, .page-template-page_mentor_profile-php .speakers-post-start .speakers-right { width: 74.5%; border:none; } .page-template-resources-php .speakers-left, .page-template-page_mentors_list-php .speakers-left, .page-template-page_team_list-php .speakers-left, .page-template-page_team_profile-php .speakers-left, .page-template-page_team_profile_history-php .speakers-left, .page-template-page_mentor_profile-php .speakers-left { width: 25%; } .green { background:#5fba81; } .red { background:#eb6b76; } .yellow { background:#f1c770; } .blue { background:#5fbaea; } /********************************************************************/ /*******************END OF DESKTOP CSS ******************************/ /********************************************************************/ @media only screen and (max-width: 900px) { #before-footer .more-from-category { left: 38px !important; } } #before-footer .more-from-category a { font-size:22px; text-decoration:none; border-bottom:2px solid #0eaed5; } #before-footer .more-from-category a:hover { color:#fff; } .widget_hatchery_social_icon_widget a, .widget_hatchery_social_icon_widget a:hover { color:transparent; } /*******************blog page******************/ .page-template-page_blog-php .entry .left-side { width:53%; float:left; margin-right:2.08333%; margin-bottom:48px; } .page-template-page_blog-php .entry .left-side img { border-left:10px solid #0eaed5; } .page-template-page_blog-php .entry .right-side { width:44%; float:left; color:#5d5d5d; margin-bottom:48px; position:relative; min-height:188px; } .page-template-page_blog-php .entry .right-side a { color:#0eafd6; } .page-template-page_blog-php .entry .date { font-size:18px; color:#fff; font-family:'tradegothicbc',arial; background:#2e2e2e; padding:10px 15px; width: 48%; margin: -54px 0 0 20px; position: relative; } .page-template-page_blog-php .entry h2 { font-family:'tradegothicbc',arial; margin-bottom:13px; } .page-template-page_blog-php .entry h2 a { color:#5d5d5d !important; } .page-template-page_blog-php .entry .read-more, .page-template-page_blog-php .entry .comments a { color:#0eafd6; font-size:18px; font-family:'tradegothicbc',arial; text-decoration:none; cursor:pointer; clear:both; position:absolute; bottom:0; } .page-template-page_blog-php .entry .read-more:hover, .page-template-page_blog-php .entry .comments a:hover { text-decoration:underline; } .page-template-page_blog-php .entry .read-more { left:0; } .page-template-page_blog-php .entry .comments a { left:100px; } .navigation { float:left; clear:both; margin-top:25px; width:100%; } .page-template-page_blog-php .navigation a, .single-post .navigation a, .single .navigation a { font-size:18px; font-weight:normal; font-family:'tradegothicbc',arial; text-transform:uppercase; text-decoration:none; } .page-template-page_blog-php .navigation .alignleft a { background: url("images/pageprev.png") no-repeat scroll left center transparent; padding:20px 32px; } .page-template-page_blog-php .navigation a:hover, .single-post .navigation a:hover, .single .navigation a:hover { text-decoration:underline; color:#0eafd6; } .page-template-page_blog-php .navigation .alignright a { background:url(images/pagenext.png) no-repeat center right; padding:20px 35px 20px 0px; } .page-template-page_blog-php .navigation .alignleft a, { background:url(images/pageprev.png) no-repeat center left; padding:20px 0px 20px 35px; } .single-post .navigation .alignleft, .single .navigation .alignleft { background:url(images/pageprev.png) no-repeat top left; padding:0px 0px 20px 35px; text-align:left; } .single-post .navigation .alignright, .single .navigation .alignright { background:url(images/pagenext.png) no-repeat top right; padding:0px 35px 20px 0px; text-align:right; } .single-post .navigation .alignleft, .single-post .navigation .alignright, .single .navigation .alignleft, .single .navigation .alignright { width:40%; font-size:18px; font-weight:normal; font-family:'tradegothicbc',arial; text-transform:uppercase; text-decoration:none; color:#0eafd6; min-height:25px; } .commentlist .navigation { display:none !important; } .single-resources .navigation .alignright a, .single-resources .navigation .alignleft a, .single-post .navigation .alignleft a, .single-post .navigation .alignright a { color:#000; } .ui-tabs ul.ui-tabs-nav { border-bottom:7px solid #0eaed5; margin:0px 0px 40px 0px !important; height:53px !important; } .ui-tabs ul.ui-tabs-nav li { margin:0 !important; } .ui-tabs ul.ui-tabs-nav li a { color:#fff !important; font-size:23px !important; font-weight:normal !important; font-family:'tradegothicbc',arial !important; padding:10px 20px !important; line-height:56px; outline:none; } .ui-tabs ul li.ui-state-default a { background:#3ebedd !important; } .ui-tabs ul li.ui-state-active a { background:#0eaed5 !important; } .ui-tabs .post { background:#fff !important; padding:0px !important; } #footer .wpcf7 { width:100%; } .wpcf7 { width:46.5%; float:left; } .wpcf7 p { font-size:14px; } .wpcf7 input { width:125px; margin-right:5.5%; } .wpcf7 input[type="submit"] { width:90px; margin:-30px 0 0 -18px; } #contact-right { width:45%; float:right; } #contact-right iframe { width:100%; } #contact-right .p { color:#fff; background:#0eafd6; padding:10px; font-size:13px; margin-bottom:3px; font-family:tradegothicbc; } #contact-right .email { color:#0eafd6; font-size:16px; text-decoration:none; background:url(images/email.png) no-repeat center left; padding-left:28px; } #contact-right .email:hover { border-bottom:2px solid #0eafd6; } .page-id-16 .entry-title { font-size:22px; } /*****************student page********************/ .students { /*background:url(images/studentbg.png) no-repeat 0px 206px;*/ } .students #studentul { background: url("images/text_bg_student.png") repeat scroll 0 0 transparent; height:110px; margin-top:-16px; /*opacity:0.5;*/ /*filter:alpha(opacity:50);*/ padding-top:20px; } .students #studentul ul { opacity:1; filter:alpha(opacity:100); } .students #content { padding-top:20px; } .students .h2 { margin-top:36px; margin-bottom:25px; } .students .h2arrow { background:url(images/h2arrow.png) no-repeat center left ; padding-left:15px; margin-bottom:15px; } .students a, .students p, .mentors p, .mentors a, .mentors { font-family:'tradegothicbc',arial; } .students p { margin-bottom:12px; line-height:21px; } .students #footer p { line-height:normal; } .students h2, .students h3, .students h6, .students h4, .students h1, { font-family:'missionghoticb',arial; font-weight:700; } .students #s-two { margin-top:48px; margin-bottom:40px; } .students h4 { color:#0eafd6; font-size:16px; } .students h6 { margin-top:35px; margin-bottom:25px; font-size:18px; } .students h6 span { background:#0eafd6; padding: 0px 8px; border-radius: 50%; margin: 0 10px; color:#000; } .students #s-three ul { width:50%; float:left; min-height:90px; } .students #s-three ul li { color:#0eafd6; font-size:13px; text-align:left; list-style-type:none; list-style-image:none; } .students h1 { font-size:28px; color:#2f2f2f; margin-bottom:20px; } .students iframe { width:100%; margin-bottom:30px; } .students #s-three2 { background:url(images/studentbg2.png) no-repeat bottom right; } .students #s-four, .students #s-four p { font-size:13px; } .students #s-four span { font-size:16px; } .students h6.bg1 { background:url(images/h6bg1.png) no-repeat 0px 8px; } .students h6.bg2 { background:url(images/h6bg2.png) no-repeat 0px 8px; } .students h6.bg3 { background:url(images/h6bg3.png) no-repeat 0px 8px; } .students .genesis-nav-menu a { font-size:11px; font-weight: normal; /*color:#2f2f2f;*/ text-decoration:none; text-transform: uppercase; font-family: arial; border-bottom: 1px solid transparent; } #s-four a { text-decoration:none; } .students a:hover { border-bottom:2px solid #0eafd6; color:#0eafd6; } .students #footer a:hover { border-bottom:0px solid #0eafd6; } .students a.apply-now, a.apply-now { color:#fff !important; background:url(images/apply-now2.png) no-repeat center right #0eafd6 !important; /*padding:20px 45px 20px 30px;*/ padding: 15px 40px 15px 25px; text-decoration:none; } .apply-now:hover, .students a.apply-now:hover { color:#ffffff !important; background: url("images/apply-now2.png") no-repeat scroll right center #2f2f2f !important; border:none; } /*******************menters***************************/ .mentors #content, .students #content{ position:relative; /*background:url(images/menterbg.png) no-repeat 0px 206px;*/ /*background:url(images/menterbg.png) no-repeat;*/ background-image: none; background: white; } .mentors #content::before { content: " "; position: absolute; z-index: -1; width:688px; height:1100px; margin-top: -35px; margin-left: -60px; background: white; background-image: none; /* background:url(images/menterbg.png) no-repeat; */ } .students #content::before { content: " "; position: absolute; z-index: -1; width:688px; height:1100px; margin-top: -20px; margin-left: -60px; background-image: none; background: white; } .mentors .entry-title { margin-top:-8px; color:#2f2f2f; } .mentors h3 { font-size:19px; font-weight:400; } .mentors .entry-content p, .mentors .entry-content { line-height:1.4; } .mentors #m-one { color:#0eafd6; font-size:19px; margin-top:100px; margin-left:145px; } .mentors #m-two { border-top:1px solid #5d5d5d; border-bottom:1px solid #5d5d5d; float:left; margin-top:78px; text-align:center; padding:20px 30px; margin-bottom:45px; } .mentors #m-two h3 { font-weight:700; } .mentors h1 { font-size:32px; color:#0eafd6; } .mentors #m-three { background-image: none; background: white; color:#fff; font-size:19px; padding:14px 20px; position:absolute; width:75%; margin-top:-15px; } .mentors #m-four { margin-top:200px; margin-bottom:40px; } .mentors #m-four h3 { text-align:center; font-weight:700; font-size:16px; padding:0px 90px; } .mentors #m-five { background:#edf0f5; padding:20px 35px; font-size:13px; width:70%; margin-left:65px; margin-bottom:30px; } .mentors #m-five ul li { list-style-image:none; margin-bottom:25px; list-style-type:none; margin-left:0; } .mentors .apply-now { margin-top:25px; } .mentors .genesis-nav-menu a { font-family:arial; font-size:11px; } /************************************************************************/ /********** Application Page form ************/ select#small {padding: 0px !important;width:50px;} select#medium {width:140px;} input#small {width: 50px; float:left; padding-left:4px; padding-right:4px;} p.push {margin-left:12px;} p.push-asterisk {margin-left:6px;margin-right:8px !important} #wpcf7-f179-p151-o1, #wpcf7-f221-p222-o1, #wpcf7-f797-p222-o1, #wpcf7-f795-p151-o1 { width:96%; } #wpcf7-f179-p151-o1 p, #wpcf7-f221-p222-o1 p, #wpcf7-f797-p222-o1 p, #wpcf7-f795-p151-o1 p { font-family:'tradegothicbc','arial'; font-size:14px; color:#5d5d5d; /*padding:0px !important;*/ margin-right:15px; float:left; margin-bottom:25px; } #app_form1 { width:100%; float:left; } #app_form2 { width:100%; float:left; } #app_form3 { width:100%; float:left; } #app_form3 p { width:100% !important; } #tech { margin-right:0px !important; } #venture { margin-left:15px !important; } #form_head { font-size:12px; font-family:Arial; color:#5d5d5d; margin-bottom:25px; } .page-id-151 .entry-title { color:#0eafd6; } /**********************calender page ***************************/ .calenderize .entry-title, .fullCalendar .fc-button-rhc_search, .fullCalendar .fc-button-today, .fullCalendar .fc-state-disabled, .fullCalendar .fc-week-number { display:none !important; } .calenderize #content, .calenderize #nav { border:none; } .calenderize .sidebar { margin-top:0px !important; } .calenderize #content { padding:0; width:64.577778%; } .page .fullCalendar .fc-header .fc-button { background:none; border-radius:none; border:none !important; box-shadow:none !important; text-transform:uppercase; /*dp font-family:symbol;*/ font-size: 10px; text-shadow:none; color:#fff; } .fullCalendar .fc-header { background: #2e2e2e; height: 32px; padding:15px 12px 7px 0px; text-transform:uppercase; font-family:'tradegothicbc',arial; text-shadow:none; color:#fff; } .fullCalendar .fc-header h2 { color:#fff; font-size:20px; } .fullCalendar .fc-header .fc-header-left .fc-button { color:#fff; font-size:18px; padding:5px 0 0 12px; margin: -8px 0 0 0; } .fullCalendar .fc-header .fc-header-right .fc-button { color:#fff; font-size:16px; } .fullCalendar .fc-header .fc-header-left .fc-button:hover { color:#0eafd6; } .fullCalendar .fc-header .fc-header-right .fc-button:hover { color:#0eafd6; } .fullCalendar .fc-content table { border:1px solid #959595; } .fullCalendar .fc-content table thead th { border-width:0px 0px 1px 0px !important; font-family:'tradegothicbc',arial !important; font-size:14px !important; font-weight:400; padding:4px 0; } .fullCalendar .fc-content table tbody td { /*dp height:120px;*/ color:#cbcfd6; } .fullCalendar .fc-content table tbody td.fc-other-month { color:transparent; } .fc-event-list-date:before, .fc-event-list-date:after { border:none; } .fullCalendar .fc-events-holder .fc-event-list-holder h3 { font-family:'tradegothicbc',arial !important; color:#5d5d5d !important; font-size:18px !important; border-bottom:#5d5d5d; line-height:normal; font-weight:400; /*border-bottom:2px solid #5d5d5d;*/ min-width: 20em; } .fullCalendar .fc-events-holder h4 { font-family:'tradegothicbc',arial !important; font-size:24px !important; line-height:normal; font-weight:400; margin-bottom:5px; } .fullCalendar .fe-extrainfo-container { border:none; background:#edf0f5; } .fullCalendar label { margin-left:0; font-family:'tradegothicbc',arial !important; font-weight:400; margin-bottom:3px; } .fe-extrainfo-container2 { background:none; } .fe-extrainfo-container .fe-image-holder img { border:none; padding:0; } .fullCalendar .fc-events-holder a { text-decoration:none; } .commentlist img { height:52px !important; width:52px !important; } .commentlist .fn { font-size:16px; color:#0eafd6; font-family:tradegothicbc; margin-left:8px; position:absolute; } .commentlist .says { display:none !important; } .commentlist .reply { font-family: tradegothicbc; font-size: 14px; font-weight: normal; margin-left: 60px; margin-top: 8px; text-decoration: none; } .commentlist .reply a { text-decoration:none; } .commentlist p { font-size: 14px; margin-left: 60px; } .commentlist .commentmetadata a { color: #2F2F2F; font-family: tradegothicbc; font-size: 14px; text-decoration: none; } .commentlist .commentmetadata { margin-bottom: 40px; margin-left: 107px; margin-top: -51px; } #mobi-menu, #responsive_header { display:none; } /**********************************************************************************************************/ /*****************************************Calender Style **************************************************/ /* RSVP plugin overrides */ .cit_rsvp .rsvp_smallnamespace { font-size: 9px !important; line-height: 10px !important; margin-top: 3px !important; } .cit_rsvp { font-family: 'tradegothicbc',arial !important; } .cit_rsvp .rsvp_namespace { font-size: 14px !important; font-family: 'tradegothicbc',arial !important; } .cit_rsvp .cit_rsvpselect li { background-color:#0eaed6 !important; border-radius: 0px !important; margin-bottom: 4px !important; min-height: 5em !important; } .cit_rsvp .cit_rsvpselect li:hover { background-color:#2F2F2F !important; } .cit_rsvp .rsvp_dropbox { border-radius: 0px !important; } .rhc .row-fluid [class*="span"] { } .cit_rsvp .form-control { border-radius: 0px !important; border: none !important; font-size: 13px !important; font-family: Arial,'Helvetica Neue', Helvetica, sans-serif !important; padding: 4px 8px !important; height: 25px !important; } .cit_rsvp .columbox textarea { height: 104px !important; } .cit_rsvp .checkbox, .cit_rsvp .radio { padding-left: 32px !important; margin-left: 0px !important; } .cit_rsvp .checkbox .icons .first-icon, .cit_rsvp .checkbox .icons .radio:hover .first-icon { background-color: #EEF1F5 !important; } .cit_rsvp .checkbox .icons .second-icon { background-color: #EEF1F5 !important; } .cit_rsvp .checkbox.checked .second-icon, .cit_rsvp .radio.checked .second-icon { color:#0eaed6 !important; background-color: #EEF1F5 !important; } .cit_rsvp .checkbox:hover, .cit_rsvp .radio:hover { color: #5d5d5d !important; } .cit_rsvp .btn.btn-primary { background-color:#0eaed6 !important; } .cit_rsvp .btn.btn-embossed { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cit_rsvp .btn { font-family: 'tradegothicbc',arial !important; background-color:#0eaed6 !important; border-radius: 0px !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .cit_rsvp .btn:hover { background-color: #2f2f2f !important; } /* END RSVP plugin overrides */ .fullCalendar .fc-state-highlight { background:#fff !important; } .fc-state-highlight .fc-day-number { color: #0eafd6 !important; } .fullCalendar .fc-event-inner { background:#0eaed5 !important; border:none !important; border-radius:0px !important; } #sidebar .fullCalendar { border:none !important; /*background:#edf0f5 !important;*/ /*padding:15px;*/ } #sidebar .fullCalendar td.ui-widget-content { background:none !important; border:none !important; } #sidebar .rhcalendar .ui-widget-header { background:none !important; border: none !important; color: #000000; /*font-weight: bold;*/ font-family:'tradegothicbc','arial' !important; text-transform: lowercase; font-weight: 400; } /*dp span.fc-button-month, span.fc-button-rhc_event, span.fc-button-agendaWeek, span.fc-button-agendaDay { margin-right: 8px !important; margin-top: 2px !important; font-family:'tradegothicbc','arial' !important; font-size: 10px !important; line-height: 2em !important; background: #0eafd6 !important; padding: 0px 10px 0px 10px !important; border-radius: 3px !important; } span.fc-button-month:hover, span.fc-button-rhc_event:hover, span.fc-button-agendaWeek:hover, span.fc-button-agendaDay:hover, span.fc-state-active { background: #FFFFFF !important; color: #0eafd6 !important; }*/ .calenderize .entry-title, .fullCalendar .fc-button-rhc_search, .fullCalendar .fc-button-today, .fullCalendar .fc-state-disabled,/*dp .fullCalendar .fc-button-agendaWeek, .fullCalendar .fc-button-agendaDay,*/ .fullCalendar .fc-week-number { display: none !important; } .fc-header-row { text-align: center; } #sidebar .fc-header { display: none; background: none repeat scroll 0 0 #0EAED5 !important; height: 35px; width: 100% !important; } #sidebar .fc-button .fc-button-prev .ui-state-default .ui-corner-left { background:url('images/arrow_c_left.png') !important; } .rhcalendar { margin-top: 0px !important; } #sidebar .rhcalendar .ui-state-default, .rhcalendar .ui-widget-content .ui-state-default, .rhcalendar .ui-widget-header .ui-state-default { background: none !important; border: none !important; color: #555555; font-weight: normal; } #sidebar .rhcalendar .ui-corner-right .ui-icon { background: url("images/arrow_c_right.png") no-repeat scroll 0 0 transparent; } #sidebar .rhcalendar .ui-corner-left .ui-icon { background: url("images/arrow_c_left.png") no-repeat scroll 0 0 transparent; } #sidebar .fc-header-title h2 { color:#ffffff !important; } .fc-header-center .fc-header-title { overflow: hidden; } #sidebar .fc-content { background:#edf0f5 !important; padding:18px; } #sidebar .fc-lower-head-tools { display: block; height: 0; margin-top:0px !important; position: relative; } #sidebar .fc-header-cell { height:31px; } #sidebar .fc-header-right { padding-right:14px; padding-top:0px; } #sidebar .fc-grid .fc-other-month .fc-day-number { display:none; } .home #content { border-right:none !important; padding-top:16px; } .sidebar { background:#fff; margin-bottom:20px; } .sidebar .fc-content table tbody td { height:0px !important; } .sidebar .fullCalendar .fc-content table { border:none; } .sidebar .fc-grid .fc-day-content { display:none !important; } .sidebar .fullCalendar .fc-content table tbody td { color:#231f20 !important; } .sidebar .widget_upcoming_events_widget { background: none repeat scroll 0 0 #EDF0F5; width: 100%; } .sidebar .widget_upcoming_events_widget .widgettitle { color: #2f2f2f; font-family: 'tradegothicbc',arial; font-size: 20px; font-weight: normal; text-transform: uppercase; margin:15px 15px; text-align:center; } .sidebar .widget_upcoming_events_widget #rhc-upcoming-0 { margin:0px 7px; background:url('images/eventwidgetbg.png'); } .sidebar .widget_upcoming_events_widget .rhc-image-link img { width:60px; height:60px; border:none; margin:5px 0px 0px 15px; padding:0px !important; border-radius:50%; } .sidebar .widget_upcoming_events_widget .rhc-title-link { float:left; width:100%; color:#2f2f2f; font-size:16px; text-decoration:none; } .sidebar .widget_upcoming_events_widget .rhc-widget-date-time { font-size:12px; color:#0eafd6; } .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description { display:none; } .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item { margin-bottom:20px; } .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming { width:72%; } ._51m- { display:none; } /****************************Speaker page design ******************************/ .stm-template-page #content { border:none; } .stm-template-page #post { width:48.5%; float:left; background: none repeat scroll 0 0 #E5EAEF; /*border-left: 9px solid #0EAFD6;*/ margin-bottom: 6px; margin-right: 0.5%; padding-top: 8px; } #post.right-post { float: right; margin-right: 0; } .stm-template-page #post h2 { font-size:18px; font-family:tradegothicbc; /*background: none repeat scroll 0 0 #2f2f2f;*/ width:96%; /*margin-left:4%;*/ color:#5d5d5d; margin-top:13px; height:29px; position:relative; margin-bottom: 0 !important; } .stm-template-page #post h2 a { color:#5d5d5d; position:absolute; /* top:3px; dp*/ left:14px; /*line-height: 29px;/*dp*/*/ } .stm-template-page h3 { margin-left:4%; margin-bottom:11px; font-size:15px; font-weight:bold; color:#5d5d5d; font-family:Arial; height:35px; overflow:hidden; } .stm-template-page .speakers-left h3{ margin-left: 0 !important; height: auto !important; } .stm-template-page #post p { margin-left:4%; font-size:13px; color:#5d5d5d; padding-bottom: 5px; position: relative; line-height:18px; height:90px; /*overflow:hidden;*/ } .stm-template-page .left-side{ float: left; margin-left: 3%; width: 32%; margin-bottom:15px; } .stm-template-page .right-side { float: right; width: 63%; margin-bottom:15px; padding-right:5px; } .stm-template-page .right-side .read-more { font-size:13px; color:#0eafd6; font-weight:bold; text-decoration:none; /* margin-top:10px;*/ display: block; margin-top: 10px; } .stm-template-page .right-side .read-more a:hover { font-size:14px; color:#2f2f2f; font-weight:bold; text-decoration:none; /*margin-top:10px;*/ } .stm-template-page .speakers-post-start { position:relative; } .stm-template-page .navigation { position:absolute; right:0; top:0; margin-top:0px !important; width:107px; text-align:right; } .stm-template-page .navigation-bottom { position: relative; float: right; margin-bottom:0px !important; width:107px; text-align:right; overflow: hidden; } .stm-template-page .navigation-bottom .navigation{ position: relative !important; } .stm-template-page .navigation li a:hover, .stm-template-page .navigation li.active a, .navigation li.active a { background:none; color:#2f2f2f; } .stm-template-page .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background:none !important; /*border-radius: 3px 3px 3px 3px;*/ color: #0eafd6; cursor: pointer; padding: 0.25rem; } .stm-template-page .all-posts { width:100%; float:left; text-align: right; text-decoration:none; color:#0eafd6; font-size:18px; font-family:tradegothicbc; } .stm-template-page .all-posts a { text-decoration:none; } .stm-template-page .team-post h2 a { /*background: none repeat scroll 0 0 #ffffff !important;*/ color:#5d5d5d !important; line-height: 29px; } .stm-template-page .team-post h2 { /*background: none repeat scroll 0 0 #ffffff !important;*/ } .stm-template-page .team-post { border-left: 9px solid #5d5d5d !important; } .stm-template-page .upcomming-events-div { /*margin-bottom:35px;*/ padding-left:20px; } .stm-template-page .upcomming-events-div h1 { color:#0eafd6; text-shadow: 1px 1px rgb(218, 221, 225), 2px 2px rgb(218, 221, 225), 3px 3px rgb(218, 221, 225), 4px 4px rgb(218, 221, 225), 5px 5px rgb(218, 221, 225), 6px 6px rgb(218, 222, 226), 7px 7px rgb(219, 222, 226), 8px 8px rgb(219, 222, 226), 9px 9px rgb(219, 222, 226), 10px 10px rgb(219, 222, 226), 11px 11px rgb(219, 222, 226), 12px 12px rgb(219, 223, 227), 13px 13px rgb(220, 223, 227), 14px 14px rgb(220, 223, 227), 15px 15px rgb(220, 223, 227), 16px 16px rgb(220, 223, 227), 17px 17px rgb(220, 223, 227), 18px 18px rgb(220, 224, 228), 19px 19px rgb(221, 224, 228), 20px 20px rgb(221, 224, 228), 21px 21px rgb(221, 224, 228), 22px 22px rgb(221, 224, 228), 23px 23px rgb(221, 224, 228), 24px 24px rgb(221, 225, 229), 25px 25px rgb(222, 225, 229), 26px 26px rgb(222, 225, 229), 27px 27px rgb(222, 225, 229), 28px 28px rgb(222, 225, 229), 29px 29px rgb(222, 225, 229), 30px 30px rgb(222, 226, 230), 31px 31px rgb(222, 226, 230), 32px 32px rgb(223, 226, 230), 33px 33px rgb(223, 226, 230), 34px 34px rgb(223, 226, 230), 35px 35px rgb(223, 226, 230), 36px 36px rgb(223, 227, 231), 37px 37px rgb(223, 227, 231), 38px 38px rgb(224, 227, 231), 39px 39px rgb(224, 227, 231), 40px 40px rgb(224, 227, 231), 41px 41px rgb(224, 227, 231), 42px 42px rgb(224, 228, 232), 43px 43px rgb(224, 228, 232), 44px 44px rgb(225, 228, 232), 45px 45px rgb(225, 228, 232), 46px 46px rgb(225, 228, 232), 47px 47px rgb(225, 228, 232), 48px 48px rgb(225, 229, 233), 49px 49px rgb(225, 229, 233), 50px 50px rgb(226, 229, 233), 51px 51px rgb(226, 229, 233), 52px 52px rgb(226, 229, 233), 53px 53px rgb(226, 230, 234), 54px 54px rgb(226, 230, 234), 55px 55px rgb(226, 230, 234), 56px 56px rgb(226, 230, 234), 57px 57px rgb(227, 230, 234), 58px 58px rgb(227, 230, 234), 59px 59px rgb(227, 231, 235), 60px 60px rgb(227, 231, 235), 61px 61px rgb(227, 231, 235), 62px 62px rgb(227, 231, 235), 63px 63px rgb(228, 231, 235), 64px 64px rgb(228, 231, 235), 65px 65px rgb(228, 232, 236), 66px 66px rgb(228, 232, 236), 67px 67px rgb(228, 232, 236), 68px 68px rgb(228, 232, 236), 69px 69px rgb(229, 232, 236), 70px 70px rgb(229, 232, 236), 71px 71px rgb(229, 233, 237), 72px 72px rgb(229, 233, 237), 73px 73px rgb(229, 233, 237), 74px 74px rgb(229, 233, 237), 75px 75px rgb(230, 233, 237), 76px 76px rgb(230, 233, 237), 77px 77px rgb(230, 234, 238), 78px 78px rgb(230, 234, 238), 79px 79px rgb(230, 234, 238), 80px 80px rgb(230, 234, 238), 81px 81px rgb(230, 234, 238), 82px 82px rgb(231, 234, 238), 83px 83px rgb(231, 235, 239), 84px 84px rgb(231, 235, 239), 85px 85px rgb(231, 235, 239), 86px 86px rgb(231, 235, 239), 87px 87px rgb(231, 235, 239), 88px 88px rgb(232, 235, 239), 89px 89px rgb(232, 236, 240), 90px 90px rgb(232, 236, 240), 91px 91px rgb(232, 236, 240), 92px 92px rgb(232, 236, 240), 93px 93px rgb(232, 236, 240), 94px 94px rgb(233, 236, 240), 95px 95px rgb(233, 237, 241), 96px 96px rgb(233, 237, 241), 97px 97px rgb(233, 237, 241), 98px 98px rgb(233, 237, 241), 99px 99px rgb(233, 237, 241), 100px 100px rgb(234, 238, 242); } .stm-template-page .rhc-widget-upcoming-item { background: url(images/speaker-event-lines.png) no-repeat scroll 10px 10px #2E2E2E; color: #FFFFFF; display: block; float: left; min-height: 14px; position: relative; width: 29.7% !important; margin-right:8px; padding:10px; height:106px; overflow:hidden; text-align:left; } .stm-template-page .rhc-widget-upcoming-item { clear:none !important; } .stm-template-page .rhc-widget-upcoming-item img { width:98px !important; height:98px !important; border-radius: 50%; border: none !important; } .stm-template-page .rhc-widget-upcoming-title a { text-decoration:none; color:#ffffff; font-size:16px; font-family:Arial; font-weight:bold; text-align:left; } .stm-template-page .rhc-widget-date, .stm-template-page .rhc-widget-time { font-size:14px; font-family:Arial; line-height:22px; color:#0eafd6; text-align:left; font-weight:400; } .stm-template-page .rhc-widget-upcoming-featured-image { margin-left:1% !important; width:36%; } .rhc-widget-upcoming-featured-image { width: 60px; height: 60px; margin-bottom: 2em; } .stm-template-page .rhc-description { font-size:12px; font-family:Arial; color:#ffffff; text-align:left; line-height:16px; } .stm-template-page .rhc-description a { display:none; } /* 14 Media Queries ---------------------------------------------------------------------------------------------------- */ /* Desktops, laptops and iPads (landscape) ----------- */ @media only screen and (max-width: 1024px) { } /* Desktops, laptops and iPads (landscape) ----------- */ @media only screen and (max-width: 1000px) { .stm-template-page .rhc-widget-upcoming-title a { text-decoration:none; color:#ffffff; font-size:13px !important; font-family:Arial; font-weight:bold; text-align:left; } .stm-template-page .rhc-widget-date, .stm-template-page .rhc-widget-time { font-size:12px !important; font-family:Arial; line-height:15px !important; color:#0eafd6; text-align:left; font-weight:400; } .stm-template-page .rhc-description { font-size:12px !important; font-family:Arial; color:#ffffff; text-align:left; line-height:11px !important; } .stm-template-page .rhc-widget-upcoming-item { background: url(images/speaker-event-lines.png) no-repeat scroll 10px 10px #2E2E2E; color: #FFFFFF; display: block; float: left; min-height: 14px; position: relative; width: 28.7% !important; margin-right:8px; padding:5px !important; height:106px; overflow:hidden; text-align:left; } #wrap, #header-top, #header1, #nav, #inner, #before-footer #footer { width:100%; background-size:contain; } #responsive_header { display:block; } #header1, #header1 .wrap { /*background:none; height:auto;*/ } #footer .top_social_icons { background-size:contain; } .genesis-nav-menu li { margin-right: 4%; padding-right: 1%; padding-left: 1%; } #home-before-content-pics a { width:49% !important; float:left; } #header-top .wrap, #nav .wrap, #inner .wrap, #footer .wrap { width:99%; margin:0 auto; overflow: hidden; padding-top:10px; } #home-after-nav #video iframe { width:92%; } #home-after-nav h4 { font-size:100%; } #home-after-nav #map { position:relative; } #home-after-nav #map a { /*position: absolute;*/ right: 0; bottom: 0; } #home-post .entry p { font-size:80%; } .player .video-wrapper { background: transparent !important; } .more-events-for-widget { width:24%; } /* #before-footer .entry { margin: 0px 5% 2% 5%; } #before-footer .entry p { font-size:70%; } #before-footer .entry h2 { margin-left: 20%; margin-top: 22%; margin-bottom: 1%; } */ #contact-right iframe { width:100%; } .content-sidebar #content, .sidebar-content #content { width: 64%; padding-right: 1%; padding-left: 1%; } .sidebar .widget { width:99%; } .page-template-page_blog-php .entry .right-side { width: 43%; margin-left: 1%; } .page-template-page_blog-php .entry .date { font-size: 90%; } .students h6.bg1, .students h6.bg2, .students h6.bg3, .mentors #content::before, .students #content::before { background-size:contain; } } /* iPads (portrait) ----------- */ @media only screen and (max-width: 768px) { .stm-template-page .rhc-widget-date, .stm-template-page .rhc-widget-time { font-size:9px !important; font-family:Arial; line-height:12px !important; color:#0eafd6 !important; text-align:left !important; font-weight:400 !important; } .rhc-widget-upcoming { line-height:82% !important; } .stm-template-page #post { width:45.5% !important; float:left !important; background: none repeat scroll 0 0 #E5EAEF !important; /*border-left: 9px solid #0EAFD6 !important;*/ margin-bottom: 18px !important; margin-right: 2.5% !important; } .stm-template-page #post h2 { font-size:17px !important; font-family:tradegothicbc !important; /*background: none repeat scroll 0 0 #2f2f2f !important;*/ width:96% !important; margin-left:4% !important; color:#ffffff !important; margin-top:13px !important; height:43px !important; position:relative !important; } #home-after-nav h4 { font-size: 90%; width: 50%; } #home-post .entry p { width: 88%; font-size:70%; } .wpcf7 { width: 100%; float: left; } #contact-right { width: 58%; float: left; } .sidebar .widget_upcoming_events_widget .rhc-image-link img { margin: 1% 0px 0px 1%; } .genesis-nav-menu li { margin-right: 2%; } .page-template-page_blog-php .entry .date { font-size: 80%; } .page-template-page_blog-php .entry .right-side { min-height: 160px; } .page-template-page_blog-php .entry .right-side a{ font-size:90%; } .page-template-page_blog-php .entry .right-side p{ font-size:80%; } .page-template-page_blog-php .entry .comments a { left: 40%; } .students h6 { font-size: 90%; } .fullCalendar .fc-header .fc-header-left .fc-button { font-size: 25px; padding: 9% 0 0 10%; } .fullCalendar .fc-header .fc-header-left, .fullCalendar .fc-header .fc-header-right { float:left; } #sidebar .fullCalendar .fc-header .fc-header-left, #sidebar .fullCalendar .fc-header .fc-header-right { float:left; } .fullCalendar .fc-header .fc-header-center { float:right; } .fullCalendar .fc-header .fc-header-right .fc-button { font-size: 15px; } .fullCalendar .fc-header h2 { font-size: 15px; } #sidebar .fc-header-cell { height: 31px; width: 20%; float: left; } .cornered { width: 84%; } .students h1 { font-size: 22px; } .students #s-one h2 { margin-top:15px; font-size:15px; margin-bottom:30px; } .students .entry-content ul li { font-size: 80%; } .students p { font-size:90%; } .mentors .entry-title { margin-top: 0px; font-size: 22px; } .mentors h3 { font-size: 15px; } .mentors .entry-content { font-size:13px; } .mentors #m-one { margin-top: 25%; margin-left: 40%; } .mentors #m-one p { font-size:14px; } .mentors #m-five { margin-left: 10%; } /* .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .wrap, #footer .creds, #footer .gototop, #header .widget-area, #inner, #title-area, #wrap .sidebar, #wrap #content, #wrap #content-sidebar-wrap, #wrap #sidebar-alt { width: 100%; } .genesis-nav-menu li, #footer .creds, #footer .gototop, #header ul.genesis-nav-menu, #header .search-form { float: none; } .genesis-nav-menu, #description, #footer .creds, #footer .gototop, #header .search-form, #title, #title-area { text-align: center; } .genesis-nav-menu a { padding: 20px 16px; padding: 1.25rem 1rem; } #title { margin: 16px 0; margin: 1rem 0; } #header .search-form { margin: 32px auto 0; margin: 2rem auto 0; width: 50%; } .genesis-nav-menu li.right { display: none; } #footer .wrap { padding: 24px 0; padding: 1.5rem 0; } .footer-widgets-1, #header .genesis-nav-menu { margin: 0; } */ .more-events-for-widget { width:24%; margin-left:10px; } #before-footer .entry { width: 22%; float: left; margin: 70px 40px 30px 40px; } .stm-template-page #post p { height:120px; } } @media only screen and (max-width: 600px) { #home-post .entry p { width: 85%; font-size:70%; } .genesis-nav-menu li { margin-right: 3%; padding-right: 2%; padding-left: 0%; } .page-template-page_blog-php .entry .right-side { min-height: auto; height: auto; margin-bottom: 20px; width: 42%; margin-left: 2%; } .page-template-page_blog-php .entry .right-side p { padding-bottom:15px; } .fullCalendar .fc-header .fc-header-left .fc-button { font-size: 20px; padding: 5% 0 0 5%; } .fullCalendar .fc-header .fc-header-right .fc-button { font-size: 12px; } .fullCalendar .fc-header h2 { font-size: 15px; } .fullCalendar .fc-header .fc-header-left { margin-top:10px; } #sidebar .fullCalendar .fc-header .fc-header-left { margin:10px 0 0 -20px ; width:30%; } .students .entry-content ul li { font-size: 70%; } .students #s-two { margin-top: 30px; } .students .h2arrow { margin-bottom:20px; } .mentors .entry-title { font-size: 20px; margin-bottom:25px; } .mentors h3 { font-size: 13px; } .mentors #m-one { margin-top: 29%; margin-left: 52%; } .mentors #m-one p{ font-size:13px; } .single-post .navigation .alignright, .single .navigation .alignright { padding:0px 30px 20px 0px; } .single-post .navigation .alignleft, .single .navigation .alignleft { padding:0px 0px 20px 30px; } .page-template-page_blog-php .navigation a, .single-post .navigation a, .single .navigation a { font-size:14px; } .stm-template-page .rhc-widget-upcoming-item { background: url(images/speaker-event-lines.png) no-repeat scroll 10px 10px #2E2E2E; color: #FFFFFF; display: block; float: left; min-height: 14px; position: relative; width:52% !important; margin-right:8px; padding:10px; height:106px; overflow:hidden; text-align:left; margin-left:24%; margin-bottom:15px; } .rhc-widget-upcoming { float: right; width: 65%; display: block; top: 12px; right: 0; line-height: 120%; padding-top: 20px; } #before-footer .entry { width:34%; } .more-events-for-widget { width:25%; margin-left:10px; } .stm-template-page #post p { height:160px; } } /* 600 screen */ @media only screen and (max-width: 568px) { .stm-template-page #post { width:92% !important; float:left !important; background: none repeat scroll 0 0 #E5EAEF !important; /*border-left: 9px solid #0EAFD6 !important;*/ margin-bottom: 18px !important; margin-right: 2.5% !important; margin-left:4%; } } /* iPhones (portrait and landscape) ----------- */ @media only screen and (max-width: 480px) { html { font-size: 87.5%; /* 14px base */ } #header-top { height:40px; } #header1 { margin-bottom:20px; margin-top:20px; } #home-before-content-pics a { width:99% !important; float:left; margin-bottom:1%; } #home-before-content-pics a img { float:left; } .content-sidebar #content, .sidebar-content #content, .sidebar{ width: 98%; padding-right: 1%; padding-left: 1%; float:left } #home-post .entry p { width: 88%; font-size: 80%; } .genesis-nav-menu li { display: inline-block; float: left; text-align: left; width:96%; } .genesis-nav-menu .current-menu-item { width:94%; } #mobi-menu { background: url("/wp-content/uploads/2013/08/mobile-menu-icon.png") no-repeat scroll 0 0 #0eaed5; cursor: pointer; display: block; float: none; height: 30px; clear: both; margin: 20px 12px 2px 0px; width: 100%; visibility: visible; } #mobi-menu span { display:block; font-size:15px; line-height:30px; color:#fff; font-weight:700; margin:0px 0px 0px 50px; } #menu-primary { display:none; } #home-after-nav h4 { width:52%; } #home-after-nav #video, #home-after-nav #map, #home-after-nav #video iframe { width:100%; margin-bottom:1%; } #home-post, #home-sidebar { width:99%; margin-bottom:1%; } #home-after-nav .wrap { height: 688px; background: url(images/afternavbg.jpg);// repeat bottom left; } #footer .widget { width: 46%; margin: 2% 2%; } #footer .wrap #footer-two .wraper .widget { width: 96%; } /*#before-footer .widgettitle { font-size: 100%; width: 70%; } #before-footer .entry { margin:0 auto; width: 50%; float: none; height: 350px; margin-bottom:2%; } #before-footer .entry h2 { margin-top: 5%; } #before-footer { min-height: 1140px; } */ #before-footer .entry { width: 280px !important; float: left; margin: 70px 60px 30px 60px; } .page-template-page_blog-php .entry .right-side a{ font-size:95%; } .page-template-page_blog-php .entry .right-side p{ font-size:90%; } .mentors #m-five { margin-left: 5%; } .mentors #m-three { font-size: 90%; } .mentors #m-four h3 { padding: 0px 20%; } .fullCalendar .fc-header { } .fullCalendar .fc-header .fc-header-left .fc-button { padding: 0% 0 0 0%; } .fullCalendar .fc-header .fc-header-left { margin-top:0px; width:20%; float:left; margin-top:-25px; } .fullCalendar .fc-header .fc-header-right { float:right; width:30%; margin-top:-50px; } .fc-header-right .fc-button { float:right; width:40%; } #sidebar .fullCalendar .fc-header .fc-header-right { margin: 10px; float: right; } #sidebar .fullCalendar .fc-header .fc-header-left { margin: 20px 0 0 -60px; width: 28%; float: left; } #sidebar { margin-bottom:10px; } .mentors h3 { margin-bottom:35px; } .mentors #m-one { margin-top: 31%; margin-left: 50%; } .commentlist .children { margin-left:5px; } .stm-template-page #post p { height:auto; overflow:visible; } } @media only screen and (max-width: 320px) { #home-post .entry p { width: 81%; height: 95px; } #before-footer .entry h2 a { font-size: 20px; } #before-footer .more-from-category a { font-size: 16px; } .page-template-page_blog-php .entry .comments a { left: 50%; font-size:85%; } .single-post .navigation .alignright { padding:0px 25px 20px 0px; } .single-post .navigation .alignleft { padding:0px 0px 20px 25px; } .stm-template-page .rhc-widget-upcoming-item { background: url(images/speaker-event-lines.png) no-repeat scroll 10px 10px #2E2E2E; color: #FFFFFF; display: block; float: left; min-height: 14px; position: relative; width:52% !important; margin-right:8px; padding:10px; height:106px; overflow:hidden; text-align:left; margin-left:24%; margin-bottom:15px; } #before-footer .entry { width:160px; } } #commentform #url +label {display:none;} /**********************Mentor application form *********************************/ #wpcf7-f221-p222-o1, #wpcf7-f797-p222-o1 { width:100%; } #wpcf7-f221-p222-o1 p, #wpcf7-f797-p222-o1 p { font-family:tradegothicbc; font-size:14px; color:#5d5d5d; } #men_form1 { width:100%; float:left; } #men_form1 p { width:142px; float:left; margin-right:15px; } #men_form1 p:last-child { width:245px !important; float:left; } #wpcf7-f221-p222-o1 .text-821 input, #wpcf7-f797-p222-o1 .text-821 input { width:245px; } #wpcf7-f221-p222-o1 .your-name input, #wpcf7-f772-p222-o1 .your-name input { width:142px; } #wpcf7-f221-p222-o1 .your-email input, #wpcf7-f772-p222-o1 .your-email input { width:142px; } .page-id-222 .entry-title { font-size:30px; font-family:tradegothicbc; color:#0eafd6; } #men_sub { font-size:16px; font-family:missionghoticb; color:#0eafd6; } /**********************Bio pages***************************************/ .custom-single .entry-title { float: left; margin-left: 4%; width: 60%; } .custom-single h1 { font-size:30px; font-family:tradegothicbc; color:#2f2f2f; border-bottom:5px solid #2e2e2e; margin-bottom:11px; } .custom-single h2 { font-size:22px; font-family:tradegothicbc; color:#5d5d5d; } .custom-single blockquote { width:50%; margin-left:-5%; color:#0eafd6; font-size:20px; font-family:Arial; float:left; } .custom-single .alignleft img { width:207px !important; margin-right:20px; } .custom-single #content { position:relative; } .custom-single .entry-title { position:absolute; right:0; width:64%; } .custom-single .entry-content { padding-top:41px; } /*dp.sidebar .widget_upcoming_events_widget, .single .sidebar .widget_upcoming_events_widget, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget { border-top:none; }*/ /*dp.custom-single .sidebar .widget_upcoming_events_widget, .sidebar .widget_upcoming_events_widget { border-top:7px solid #0eaed5; }*/ /*dp.sidebar .widget_upcoming_events_widget .widgettitle, .single .sidebar .widget_upcoming_events_widget .widgettitle, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .widgettitle { color:#2f2f2f; text-align:center; }*/ .custom-single .sidebar .widget_upcoming_events_widget .widgettitle, .sidebar .widget_upcoming_events_widget .widgettitle, .home .widget_upcoming_events_widget .widgettitle { color:#0eaed6; text-align:left; } .sidebar .widget_upcoming_events_widget #rhc-upcoming-0, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget #rhc-upcoming-0, .single .sidebar .widget_upcoming_events_widget #rhc-upcoming-0 { background: url('images/eventwidgetbg.png'); } .sidebar .widget_upcoming_events_widget #rhc-upcoming-0, .home .widget_upcoming_events_widget #rhc-upcoming-0, .custom-single .sidebar .widget_upcoming_events_widget #rhc-upcoming-0 { background:none; padding-bottom:0px; } /*dp.sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description,*/ .single .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description, /*dp.page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description,*/ .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description a, .home .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description a { display:none; } .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description, .home .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description, .custom-single .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item .rhc-description { display:block; /*dp margin:30px 0 0 -12px;*/ font-size:12px; } /*dp.sidebar .widget_upcoming_events_widget .rhc-image-link img, .single .sidebar .widget_upcoming_events_widget .rhc-image-link img, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-image-link img { border-radius:50%; margin:5px 0px 0px 15px; }*/ .sidebar .widget_upcoming_events_widget .rhc-image-link img, .home .widget_upcoming_events_widget .rhc-image-link img, .custom-single .sidebar .widget_upcoming_events_widget .rhc-image-link img { border-radius:0px; margin:0px 0px 0px 5px; width: 60px; height:60px; border:none; padding:0; } /*dp.sidebar .widget_upcoming_events_widget .rhc-title-link, .single .sidebar .widget_upcoming_events_widget .rhc-title-link, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-title-link { position:static; font-weight:400; }*/ .sidebar .widget_upcoming_events_widget .rhc-title-link, .home .widget_upcoming_events_widget .rhc-title-link, .custom-single .sidebar .widget_upcoming_events_widget .rhc-title-link { margin-bottom: 1em; /*dp position:absolute;*/ left:3px; font-weight:700; color:#2f2f2f; text-decoration:none; } /*dp.sidebar .widget_upcoming_events_widget .rhc-widget-date-time, .single .sidebar .widget_upcoming_events_widget .rhc-widget-date-time, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-widget-date-time { position:static; color:#0eaed6; background:none; padding-left:0px; }*/ .sidebar .widget_upcoming_events_widget .rhc-widget-date-time, .home .widget_upcoming_events_widget .rhc-widget-date-time, .custom-single .sidebar .widget_upcoming_events_widget .rhc-widget-date-time { position:absolute; left:3px; bottom:18px; color:#2f2f2f; font-size:12px; font-weight:700; background-image:url(images/event-time.png); background-repeat: no-repeat; background-position: left 2px; padding-left:18px; } .sidebar .widget_upcoming_events_widget .rhc-widget-template, .single .sidebar .widget_upcoming_events_widget .rhc-widget-template, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-widget-template, .sidebar .widget_upcoming_events_widget .rhc-widget-template .rhc-widget-upcoming-item { display:none !important; } .sidebar .widget_upcoming_events_widget .rhc-widget-template, .custom-single .sidebar .widget_upcoming_events_widget .rhc-widget-template { display:block !important; width: 160px; height: 0px; border-top: 25px solid #edf0f5; border-left: 25px solid white; } .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item , .home .widget_upcoming_events_widget .rhc-widget-upcoming-item { border-bottom:1px solid #fff; padding-bottom: 20px; margin-bottom: 8px; } .home .widget_upcoming_events_widget .rhc-widget-upcoming-item:last-child { border-bottom:0px; } /*dp.widget_upcoming_events_widget .rhc-widget-upcoming-item, .single .widget_upcoming_events_widget .rhc-widget-upcoming-item, .page-template-page_blog-php .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item { border-bottom:none; padding-bottom: 0px; margin-bottom: 20px; }*/ .custom-single .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item { border-bottom:1px solid #fff; padding-bottom: 20px; margin-bottom: 8px; } .custom-single .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item:lat-child, .sidebar .widget_upcoming_events_widget .rhc-widget-upcoming-item:last-child { border-bottom:none; } .custom-post-team { width:94%; border:5px solid #0eaed5; padding:20px 15px 38px 15px; margin-top:35px; color:#5d5d5d; line-height:25px; min-height: 260px; } .custom-post-team p { color:#5d5d5d; line-height:24px; margin-bottom:0; } .custom-post-team h3 { font-size:18px; color:#5d5d5d; font-weight:400; margin-bottom:18px; } .custom-post-team img.alignleft { /*margin:0 12px 80px 0;*/ margin:0 12px 3px 0; } .more-events-for-widget { position: absolute; width: 206px; margin-top: -40px; text-decoration:none; color:#5d5d5d; font-size:12px; font-style:italic; font-weight:700; background:url(images/upcomarrow.png) no-repeat bottom right; margin-left: 45px; line-height:normal; } .page-template-page_blog-php .more-events-for-widget, .calenderize .more-events-for-widget { display:none; } .home .more-events-for-widget { margin-top: 0px; } .fe-extrainfo-holder { font-family: Arial,'Helvetica Neue', Helvetica, sans-serif !important; } } tr.fc-slot0,tr.fc-slot1,tr.fc-slot2,tr.fc-slot3,tr.fc-slot4,tr.fc-slot5,tr.fc-slot6,tr.fc-slot7,tr.fc-slot8, tr.fc-slot9,tr.fc-slot10,tr.fc-slot11,tr.fc-slot12,tr.fc-slot13,tr.fc-slot14,tr.fc-slot15,tr.fc-slot16,tr.fc-slot17, tr.fc-slot18,tr.fc-slot19,tr.fc-slot20,tr.fc-slot21,tr.fc-slot22,tr.fc-slot23,tr.fc-slot24,tr.fc-slot25,tr.fc-slot26, tr.fc-slot27,tr.fc-slot28, tr.fc-slot29,tr.fc-slot30,tr.fc-slot31, tr.fc-slot33,tr.fc-slot34,tr.fc-slot35,tr.fc-slot37,tr.fc-slot38,tr.fc-slot39,tr.fc-slot41,tr.fc-slot42, tr.fc-slot43,tr.fc-slot45,tr.fc-slot46,tr.fc-slot47,tr.fc-slot49,tr.fc-slot50,tr.fc-slot51,tr.fc-slot53, tr.fc-slot54,tr.fc-slot55,tr.fc-slot57,tr.fc-slot58,tr.fc-slot59,tr.fc-slot61,tr.fc-slot62,tr.fc-slot63, tr.fc-slot65,tr.fc-slot66,tr.fc-slot67,tr.fc-slot69, tr.fc-slot70,tr.fc-slot71,tr.fc-slot73,tr.fc-slot74, tr.fc-slot75,tr.fc-slot77,tr.fc-slot78,tr.fc-slot79,tr.fc-slot81,tr.fc-slot82,tr.fc-slot83,tr.fc-slot85, tr.fc-slot86,tr.fc-slot87,tr.fc-slot89,tr.fc-slot90,tr.fc-slot91,tr.fc-slot93,tr.fc-slot94,tr.fc-slot95{ display:none; } th.fc-col0 { display: none; } .fc-agenda-axis, .fullCalendar .fc-event-inner { font-size: 11px; } #content .events .rhcalendar { display:none; } .calenderize .sidebar { /*dp height:930px !important;*/ } .entry-title { clear: both; } #inner #content[style] { height: auto !important; min-height:834px !important; } #wpcf7-f179-p151-o1 select, #wpcf7-f221-p222-o1 select, #wpcf7-f797-p222-o1 select, #wpcf7-f795-p151-o1 select { padding:3px 0px; } .fe-extrainfo-holder { background:#EDF0F5; } .fe-extrainfo-container { background:#EDF0F5 !important; } .fe-extrainfo-container .fe-extrainfo-label { font-family: 'tradegothicbc',arial !important; font-weight: 400; margin-bottom: 3px; margin-left: 0; } .fe-extrainfo-container .fe-extrainfo-value { font-size: 13px; margin-bottom: 4px; text-decoration:none; } .fe-extrainfo-container .rhc-taxonomy-link { text-decoration:none; font-size:16px; } .logo_hat { width:180px; float: right; margin-right: 3em; margin-top: 12px; } .logo_hat img, .logo_ut img { max-width:100%; margin-top:4px; } .logo_ut { width: 340px; float: left; margin-top: 1em; } .widget.ui-tabs.ui-widget.ui-widget-content.ui-corner-all { border-bottom:7px solid #0eaed5; /*dp margin-bottom:15px;*/ margin-top:40px; } #s-four > h1 { margin-bottom: 8px; } #one_shape { background: none repeat scroll 0 0 #0EAFD6; border-radius: 50% 50% 50% 50%; color: #000000; margin: 0 10px; padding: 0 10px; } #map .textwidget{ /* before changing infographic to video */ /* background: #fff; */ /* width: 100.5%; */ height: 305px; /* before changing infographic to video */ /* border: solid; border-width: 1px 1px 0px 0px; */ } #map {float:left !important;} .page-template-speakers-php .rhc-widget-upcoming { width:60% !important; } .wpcf7-response-output { clear:both !important; } .rhc-description { line-height: 16px; } .menu-top-container a { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .menu-top-container a:hover { text-decoration: underline; border:none; } /* fix for half tabs in Firefox */ .ui-tabs ul.ui-tabs-nav li { display: inline-block !important; } .sidebar h2 a { line-height: 20px !important; } .page-template-page_blog-php .entry h2 a:hover { color: rgb(14, 175, 214) !important; } /* Speakers */ .speakers-left{ width: 35%; display: inline-block; float: left; font-size: 13px; } .speakers-right{ width: 65%; display: inline-block; float: right; } .filter-btn{ padding: 5px 12px 5px; background: #0eaed5; color: #fff; font-family: arial; font-size: 12px; } .filter-btn:hover{ background: #0eaed5; } .speakers-left input{ background: #e4eaee; margin-bottom: 5px; } .speakers-left ul{ list-style: none; padding: 0; margin: 0; margin-bottom: 25px; } .speakers-left ul li{ margin-bottom: 10px; } .speakers-left input[type="checkbox"]{ display: inline-block; width: 20px; margin-right: 7px; } @media only screen and (max-width: 768px) { .speakers-left{ display: block; width: 100%; margin-bottom: 20px; } .speakers-right{ display: block; width: 100%; } } input[type="checkbox"]{ background: #dbe1ea; } /* Smaller screen for footer slider */ #before-footer .entry { width: 240px !important; } #dashboard_link a { background-color: #0eafd6; color: white; padding: 6px; border-radius: 3px; margin-top: 4px; text-decoration: none; } /* Resource Pages */ #dashboard_link { float: left; margin-right: 20px; } .single-resources #content { float:right; } .single-resources #sidebar { float:left; } .single-resources #content { border: 1px solid #ccd4df; padding: 5%; width: 50.577778%; } .res-type { float: left; } .single-resources .entry-title { width: 60%; display: block; float: left; clear: none; border: none; } .single-resources .entry-content { clear: both; } #dash-resources-admin { margin-top: 5px; } #dash-resources-admin #post, .res-archive-page #post { float:left; width: 48.5%; padding: 1% 1% 1% 0; } #dash-resources-admin #post.right-post, .res-archive-page #post.right-post { float:right; } #dash-resources-admin .speakers-right .row, .res-archive-page .speakers-right .row { border-bottom: 1px solid #ccd4df; overflow: hidden; } .res-archive-page .speakers-right { background-color: #ffffff; border: 1px solid #ccd4df; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ /*-moz-box-shadow: 0px 0px 1px #000000; -webkit-box-shadow: 0px 0px 1px #000000; box-shadow: 0px 0px 1px #000000;*/ /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ width: 64.5%; } #dash-resources-admin .speakers-right { width:100%; } #dash-resources-admin > div.speakers-right { padding-left: 1%; width: 98%; padding-right: 1%; } .res-archive-page #content { border-right:0; } #dash-resources-admin .left-side, .res-archive-page .left-side { height: 100px; float: left; } #dash-resources-admin .left-side { height:auto; } #dash-resources-admin .res-link, .res-archive-page .res-link, .res-readmore { width: 35%; float: left; } .res-link a img, .res-readmore a img { height: 20px; width: auto; } .res-title a { text-decoration: none; } .circle40 { height: 40px; width: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 40px; text-align: center; color: white; margin: 0px 10px 0 0px; text-transform: uppercase; font-size: 12px; } .circle50 { height: 50px; width: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; line-height: 50px; text-align: center; color: white; margin: 5px 10px 0 0; text-transform: uppercase; } .res-title h2 { margin: 5px 0; } .res-excerpt { margin-bottom: 10px; min-height: 32px; } #dashboard_link img { margin-top: -2.5px; } #dashboard_link img:hover { opacity: .7; } .res-readmore img { margin-left: 20px; } .single-resources .res-type { float: left; margin-top: -10px; } .single-resources #content{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } .res-archive-page h1.entry-title { border-bottom: none; } /* sidebars for team / mentor pages */ .page-template-resources-php .speakers-left, .page-template-page_mentors_list-php .speakers-left, .page-template-page_team_list-php .speakers-left, .page-template-page_team_profile-php .speakers-left, .page-template-page_team_profile_history-php .speakers-left, .page-template-page_mentor_profile-php .speakers-left { width: 33.555556%; /*margin-top: 8px;*/ float :left; } .page-template-resources-php .speakers-right .row:last-child { border-bottom: none; } .page-template-page_mentors_list-php .speakers-post-start .speakers-right, .page-template-page_team_list-php .speakers-post-start .speakers-right, .page-template-page_team_profile-php .speakers-post-start .speakers-right, .page-template-page_team_profile_history-php .speakers-post-start .speakers-right, .page-template-page_mentor_profile-php .speakers-post-start .speakers-right { padding-right: 0; padding-left: 2%; width: 64.2%; padding-top: 0; border: none; float: right; } .page-template-resources-php .speakers-post-start .speakers-right { padding-right: 0; padding-left: 2%; width: 64.2%; padding-top: 0; float: right; } .page-template-resources-php .speakers-post-start .speakers-right { padding-right: 1%; padding-left: 1%; width: 61%; padding-top: 0; float: right; } .speakers-left .widget_upcoming_events_widget { background: none repeat scroll 0 0 #EDF0F5; width: 100%; } #content > div.speakers-post-start > h1 { margin-left: 0; } .page-template-resources-php #content, .page-template-page_mentor_manage_profile-php #content, .page-template-page_team_manage_profile-php #content, .page-template-page_admin_dash-php #content, .page-template-page_mentors_list-php #content, .page-template-page_team_list-php #content, .page-template-page_team_profile_history-php #content, .page-template-page_team_profile-php #content, .page-template-page_mentor_profile-php #content { padding-top: 0; } #dash-team, #dash-mentors, #dash-resources { height: 395px; } #rememberme { width: 5%; } #nav_menu-7 > div > div > div.home-link, #nav_menu-6 > div > div > div.home-link { display: none; } #wp-submit { width: auto; text-align: left; font-size: 24px; padding-left: 5px; } input#wp-submit:after { content: "\020"; } p.submit:after { content: ""; } #theme-my-login > ul>li { list-style: none; margin-left: 5px; } #loginform p { margin-bottom: 10px; } .widget_upcoming_events_widget:after { content: ""; display: block; border-top: 25px solid #edf0f5; border-left: 25px solid white; } #home-sidebar .widget_upcoming_events_widget:after { content:none; } #content > div.speakers-post-start > div.speakers-left > form { margin-bottom: 15px; } #post > div.res-excerpt { font-size: 13px; } div.comment-meta.commentmetadata > a:first-child { position: absolute; top: 0; right: 0; } div.comment-meta.commentmetadata > a.comment-edit-link { position:absolute; right:0; top:20px; } .comment-body { position: relative; } #menu-item-1188 { background-color: #0eafd6; padding: 10px 10px 10px 10px; margin-bottom: 10px; color: white; } #menu-item-1192{ background-color: #0eafd6; padding: 10px 10px 10px 10px; margin-bottom: 10px; color: white; } #timeline{ width:100%; height:100px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ } #timeline .wrap { max-width: 960px; height: 96px; margin: 0 auto; } #timeline .wrap #left .placeholder{ width: 140px; height: 40px; float: left; } #timeline .wrap #right #upper{ width: 2502px; height: 40px; float: left; } #timeline .wrap .dashboard_label_wrap{ width: 140px; background-color: #0eafd6; display: table-cell; vertical-align: middle; text-align: center; float: left; } #timeline .wrap #dashboard_label{ font-weight: bold; font-family: "Arial Narrow"; font-size: 20px; color: #F8FDFE; width: 100%; height: 30px; display: inline-block; margin-top: 15px; } #timeline #right{ width: calc(100% - 140px); height: 100px; overflow-x: hidden; overflow-y: hidden; float: left; } #timeline .right-test{ width: 100%; height: 100px; overflow-x: hidden; overflow-y: hidden; float: left; } #timeline #left{ width: 140px; height: 100px; float: left; } #timeline #right #wrap{ height: 100px; width: 2502px; float: left; position: relative; cursor: -webkit-grab; } #timeline #right .week{ width: 200px; height: 60px; float: left; } #timeline .pin{ } #right-test { overflow: hidden; } #right { position: relative; } #timeline #right_bg{ width: 2502px; height: 100px; background: url(/wp-content/themes/hatchery_theme/images/timeline_bg.png); float: left; } #timeline .nav-left{ position: absolute; top: 66%; left: 8px; background: transparent url(/wp-content/themes/hatchery_theme/images/left-arrow.png) no-repeat top left; width: 20px; height: 20px; margin-top: -13px; text-indent: -9000px; cursor: pointer; opacity: 0.6; display: none; background-size: cover; z-index: 3; -webkit-filter: drop-shadow(0px 0px 2px grey); filter: drop-shadow(5px 5px 5px #222); } #timeline .nav-right{ right: 8px; left: auto; position: absolute; top: 66%; background: transparent url(/wp-content/themes/hatchery_theme/images/right-arrow.png) no-repeat top left; width: 20px; height: 20px; margin-top: -13px; text-indent: -9000px; cursor: pointer; opacity: 0.6; display: none; background-size: cover; z-index: 3; -webkit-filter: drop-shadow(0px 0px 3px #111); filter: drop-shadow(5px 5px 5px #222); } #timeline #right_bg .pin{ position: absolute; -webkit-filter: drop-shadow(1px 2px 2px #333); filter: drop-shadow(1px 2px 2px #333); cursor: pointer; } #timeline #right_bg .pin:hover{ transform: scale(1.1); } #timeline #right_bg .triangle{ position: relative; left: 85px; top: 67px; width: 6px; height: 6px; } #timeline #right_bg #todayy{ font-family: Arial Narrow; font-weight: bold; vertical-align: center; background-color: #3e3f41; width: 60px; height: 45px; text-align: center; color: white; /*#616264;*/ font-size: 14px; padding: 3px; position: relative; left: 0px; top: 34px; z-index: 1001; padding-top: 8px; box-sizing: border-box; } #timeline .cnt_marker{ text-align: center; background-color: #ff6666; color: white; font-weight: bold; } .pin-description::after{ content: " "; position: absolute; top: 100%; /* At the bottom of the tooltip */ left: 11.5%; margin-left: -5px; border-width: 13px; border-style: solid; border-color: #0eafd6 transparent transparent transparent; } .pin-description{ position: absolute; width: 300px; height: 130px; background-color: #f2f2f2; border-radius: 6px; padding: 5px; padding-top: 3px; border: 5px solid #0eafd6; -webkit-filter: drop-shadow(1px 2px 2px #999); filter: drop-shadow(5px 5px 5px #222); font-size: 13px; } .pin-description .tooltip_event_name{ font-weight: bold; margin-top: 2px; font-size: 14px; } .pin-description .dating{ margin-bottom: 3px; } .pin-description .tooltip_event_time{ margin-bottom: 3px; } .pin-description .tooltip_event_location{ margin-bottom: 3px; } .pin-description .tooltip_event_description{ margin-bottom: 3px; } .pin-description .desc_wrap{ overflow-y: scroll; height: 85px; } #after_timeline #after_timeline_wrap{ height:100%; width:960px; margin: 0 auto; background:#d9d9d9; /* For WebKit (Safari, Google Chrome etc) */ background:-webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#fff)); /* For Mozilla/Gecko (Firefox etc) */ background:-moz-linear-gradient(top, #d9d9d9, #fff); /* For Internet Explorer 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9d9d9, endColorstr=#fff); /* For Internet Explorer 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9d9d9, endColorstr=#fff)"; } .pin-description .ith_event{ cursor: pointer; margin-bottom: 2px; margin-top: 2px; font-size: 14px; padding: 5px; } .pin-description .ith_event:hover{ background-color: #cccccc; } .wrappa{ width:100%; /*overflow-x: auto;*/ } #student_profile { width: 95%; height: 515px; margin-left: 10px; margin-right: 10px; background-color: #ffffff; margin: 0 auto; } @media all and (max-width:800px) { #student_profile{ width: 100%; height: 1050px; } #profile_sidebar, #connections, #resources { display: block; float: none; width: 95%; } } #student_profile #profile_sidebar{ height: 450px; margin-top: 7.5px; float: left; } #student_profile #connections{ height: 450px; width: 25%; margin-right: 10px; margin-top: 7.5px; float: left; } #student_profile #resources{ /*height: 450px;*/ flex: 1; margin-top: 7.5px; float: left; margin-left: -5px; } #student_profile #profile_sidebar #profile_label{ height: 38px; border: 0.1px solid #e6e6e6; margin-bottom: 2px; background-color: white; width: 100%; } #student_profile #profile_sidebar #profile_label .my_profile_label{ float:left; margin-top: 8px; font-family: Arial Narrow; font-size: 14px; font-weight: bold; color: #1989C8; } #student_profile #profile_sidebar #profile_label .settings-icon{ -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #student_profile #profile_sidebar #profile_label .settings-icon:hover{ -webkit-filter: brightness(70%); filter: brightness(70%); cursor: pointer; } #student_profile #profile_sidebar #profile_main{ height: 417px; border: 0.1px solid #e6e6e6; background-color: white; } #student_profile #profile_sidebar #profile_main #profile_picture{ height: 157px; width: 157px; margin: 0 auto; margin-top: 9px; } #student_profile #profile_sidebar #profile_main #profile_picture img{ border-radius: 50%; } #student_profile #profile_sidebar #profile_main #name_and_program{ height: 65px; vertical-align: center; padding-top: 7px; padding-left: 5px; padding-right: 5px; } #student_profile #profile_sidebar #profile_main #name_and_program #fname, #student_profile #profile_sidebar #profile_main #name_and_program #lname{ display: block; text-align: center; margin: 0 auto; font-weight: bold; font-family: Helvetica; font-size: 20px; color: #737577; } #student_profile #profile_sidebar #profile_main #name_and_program #program_year{ display: block; text-align: center; margin: 0 auto; font-family: Helvetica; font-size: 12px; color: #737577; margin-top: 4px; } #student_profile #profile_sidebar #profile_main #info{ background-color: #D7EFFC; height: 157px; width: 179px; margin: 0 auto; margin-top: 13px; overflow-y: scroll; padding: 3px; padding-top: 1px; } #student_profile #profile_sidebar #profile_main #info .group{ margin-bottom: 7px; } #student_profile #profile_sidebar #profile_main #info .sub-group{ font-family: Helvetica; font-weight: bold; font-size: 11px; color: #57595b; } #student_profile #profile_sidebar #profile_main #info .description{ font-family: Helvetica; font-size: 11px; color: #737577; } #student_profile #connections #connections_label{ height: 30px; background-color: #1989C8; } #student_profile #connections #connections_label .my_connections_label{ float:left; margin-top: 8px; font-family: Arial Narrow; font-size: 14px; font-weight: bold; color: white; } #student_profile #connections #connections_main{ height:418px; } #student_profile #connections #connections_main #invites{ height: 418px; width: 228px; border: 0.1px solid #e6e6e6; float: left; background-color: white; margin-right: 10px; } #student_profile #connections #connections_main #matches{ height: 418px; width: 228px; border: 0.1px solid #e6e6e6; float: left; background-color: white; } #student_profile #connections #connections_main .description{ font-family: Helvetica; font-size: 12px; color: #737577; padding: 8px; } #student_profile #connections #connections_main #invites .invitation{ height: 63px; width: 212px; border: 0.1px solid #e6e6e6; margin: 0 auto; margin-bottom: 2px; } #student_profile #connections #connections_main #invites .invitation #upper{ height: 19px; padding: 4px; padding-bottom: 0px; overflow: hidden; } #student_profile #connections #connections_main #invites .invitation #upper #team_name{ font-family: Arial Narrow; font-size: 14px; font-weight: bold; } #student_profile #connections #connections_main #invites .invitation #upper #invitation_date{ font-family: Arial Narrow; font-size: 11px; color: #737577; } #student_profile #connections #connections_main #invites .invitation #lower{ height: 41px; } #student_profile #connections #connections_main #invites .invitation #lower img{ height: 35px; width: 35px; margin-left: 7px; margin-right: 7px; } #student_profile #connections #connections_main #invites .invitation #lower #invitation_message{ height: 33.5px; width: 104px; padding: 2px; padding-top: 1px; float: left; background-color: #e2e3e4; font-size: 12px; font-family: Arial Narrow; } #student_profile #connections #connections_main #invites .invitation #lower #response{ height: 35px; width: 46px; float: left; margin-left: 5px; overflow-x: hidden; } #student_profile #connections #connections_main #invites .invitation #lower #response #contact{ height: 16px; width: 44px; float: left; padding-left: 3px; padding-top: 4px; background-color: #1989C8; font-family: Arial; font-size: 12px; color: white; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } #student_profile #connections #connections_main #invites .invitation #lower #response #contact:hover{ background-color: #167bb6; } #student_profile #connections #connections_main #invites .invitation #lower #response #ignore{ height: 14px; width: 40px; float: left; padding-left: 6px; padding-top: 1px; background-color: #999b9d; font-family: Arial; font-size: 12px; color: white; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } #student_profile #connections #connections_main #invites .invitation #lower #response #ignore:hover{ background-color: #7d8082; } #student_profile #resources #resources_label{ height: 40px; margin-bottom: 2px; background-color: #1989C8; width: 100%; } #student_profile #resources #resources_label .my_resources_label{ float: left; margin-top: 8px; font-family: Arial Narrow; font-size: 14px; font-weight: bold; color: white; cursor: pointer; height: inherit; width: inherit; } #student_profile #resources #resources_main{ height: 416px; background-color: white; border: 0.1px solid #e6e6e6; width: 100%; } #map #text-10{ width: 25%; float: left; } #map #text-10 .textwidget div{ margin-left: 0 !important; } #text-11 widget_text home-after-nav{ float: left; margin-left: 10px; } #text-11 .textwidget{ height: auto !important; } #home-after-nav .wrap{ height: auto !important; } #home-after-nav .wrap #map { height: auto !important; } @media only screen and (max-width: 600px) { #text-11 { float: left !important; width: 100% !important; } #text-11 .textwidget { margin-top: 0 !important; } #text-10 .textwidget { margin-top: 0 !important; } #text-11 .textwidget iframe { width: 100%; } #text-10 { width: 100% !important; } #text-11 .widgettitle{ margin-bottom: 0px; margin-top: 10px; } #text-10 .widgettitle{ margin-bottom: 0px; } } @media only screen and (max-width:960px) and (min-width:600px) { #text-11 .textwidget iframe { width: 70%; } } .missing-input { border: 1px solid red !important; } .tooltip { position: relative !important; display: inline-block !important; opacity: 1 !important; } .tooltip .tooltiptext { visibility: hidden !important; width: 200px !important; background-color: black !important; color: #fff; text-align: center !important; border-radius: 6px !important; padding: 5px 0 !important; font-size: 16px !important; /* Position the tooltip */ position: absolute !important; position: absolute !important; z-index: 9 !important; width: 120px !important; top: 100% !important; left: 50% !important; margin-left: -60px; } .tooltip:hover .tooltiptext { visibility: visible !important; }