/* Theme Name: Brussels Theme URI: http://andreasviklund.com/brussels Author: Veselka Dobreva Author URI: http://andreasviklund.com Description: Brussels is modern and clean wordpress theme. Custom home and contact pages, sortable blog post page template. A lot of shortcodes. For more information check the theme's page http://andreasviklund.com/brussels Version: 1.0.1 License: GNU General Public License License URI: license.txt Text Domain: Brussels Tags: blue, light, two-columns, responsive-layout, custom-background, post-formats, sticky-post, threaded-comments, translation-ready Domain Path: /languages/ */ /* This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Brussels is based on Underscores, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer along with Nicolas Gallagher and Jonathan Neal and Blueprint */ /* =Reset -------------------------------------------------------------- */ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: none; } a:hover, a:active { outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #4B4B4D; font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px brussels, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } cite { font-size:70%; } cite:before { content: '\002D'; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ /* *vertical-align: middle; Improves appearance and consistency in all browsers */ } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: 10px 20px; color:#ffffff; border-radius: 3px; background-color:#008CE5; border:0 none; text-transform: uppercase; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:#004979; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea { color: #666; border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { outline:none; text-decoration:none; color:#008CE5; } a:visited { outline:none; } a:hover { text-decoration:underline; color:#005992; } a:hover, a:focus, a:active { outline:none; } h1 { font-size:28px; text-transform: uppercase; color:#008CE5; font-weight:bold; } h2 { font-size:24px; text-transform: uppercase; color:#008CE5; font-weight:bold; } h3 { font-size:20px; text-transform: uppercase; color:#008CE5; font-weight:bold; } h4 { font-size:16px; text-transform: uppercase; color:#008CE5; font-weight:bold; } h5 { font-size:14px; text-transform: uppercase; color:#008CE5; font-weight:bold; } h6 { font-size:13px; text-transform: uppercase; color:#008CE5; font-weight:bold; } .wrap { width:1000px; margin:0 auto; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* =Menu ----------------------------------------------- */ header#masthead { background-color:#ffffff; color:#333333; position:fixed; top:0; height:80px; width:100%; z-index:100; box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; } #site-navigation ul { float:right; margin: 0 0 0 10px; } #site-navigation ul li { float:left; list-style: none; } #site-navigation ul li a { display:block; text-decoration:none; line-height:76px; border-bottom:4px solid transparent; padding:0 20px; color:#333333; } #site-navigation ul li.active a, #site-navigation ul li a:hover { color:#333333; text-decoration:none; border-bottom:4px solid #008ce5; } #pull { display: none; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdGOUZCN0NBODM3MTFFM0EyRTRBOTU4MjcwQTQxQzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdGOUZCN0RBODM3MTFFM0EyRTRBOTU4MjcwQTQxQzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0Y5RkI3QUE4MzcxMUUzQTJFNEE5NTgyNzBBNDFDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0Y5RkI3QkE4MzcxMUUzQTJFNEE5NTgyNzBBNDFDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po5FVesAAAA/SURBVHjaYvz//z8DNQGLiYkJVU1kYqAyGPwGsgAxIyUGnDlzZgh6maJkA0x2o8lmNNmMJhuSASO1qwCAAAMAmYsPxoMaUkIAAAAASUVORK5CYII=") no-repeat scroll 0 10px rgba(0, 0, 0, 0); color:#333333; z-index:110; position:fixed; top:0; right:20px; height:40px; line-height:40px; text-transform: uppercase; padding-left:30px; cursor:pointer; } #pull .btn { display:block; } section { width:100%; padding:50px 0; overflow: hidden; } #home { text-align:center; margin-top:80px; padding:130px 0; } #home h1 { font-size:22px; color:#333333; } header#masthead .brand { float:left; } header#masthead .logo { float:left; height:58px; margin:10px 0; } header#masthead .logo img { height:100%; } header#masthead .brand h1 { float:left; margin-left:10px; line-height:78px; clear:none; } header#masthead .brand h1 a { color:#333333; } header#masthead .brand h1 a:hover { color:#008CE5; text-decoration:none; } /*.main-navigation { float: left; position: relative; right: -50%; } .main-navigation ul { position:relative; right:50%; list-style:none; margin:0; padding:0; } .main-navigation li { float: left; padding:10px 20px 3px; border-bottom:7px solid transparent; position:relative; } .main-navigation ul li.menu-item-has-children { background: url('images/arrow-down.png') no-repeat right 20px; } .main-navigation ul ul li.menu-item-has-children { background: url('images/arrow-right.png') no-repeat right 10px top 17px; } .main-navigation a { display: block; text-decoration: none; text-transform: uppercase; color:#4b4b4d; } .main-navigation a:hover { border:none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; left: 0; position: absolute; top: 44px; z-index: 99999; background:#fff; border-top:2px solid #4b4b4d; width:150px; } .main-navigation ul ul ul { left: 100%; top: 0; border:none; } .main-navigation ul ul a { } .main-navigation ul ul li { border:none; width:100%; } .main-navigation li:hover { border-bottom:7px solid #ef918c; } .main-navigation ul ul li:hover { border:none; } .main-navigation li:hover > a { border:none; color:#ef918c; } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation .current_page_item, .main-navigation .current-menu-item, .main-navigation ul li.current_page_ancestor { border-bottom:7px solid #004979; } .main-navigation ul li.current_page_ancestor ul li { border:none; } .main-navigation .current_page_item a, .main-navigation .current-menu-item a { color:#004979; } .menu-toggle { cursor: pointer; display: none; position:absolute; top:0; left:0; z-index:200; } */ /* =Content ----------------------------------------------- */ #page { margin: 80px 0 0; width: 100%; background-color:rgba(255,255,255,0.7); overflow: hidden; } #blog-filter { list-style:none; overflow:hidden; margin:0 0 20px; } #blog-filter li { float:left; margin-left:10px; } #blog-filter li:first-child { margin-left:0; } #blog-filter li a { background:#efefef; padding:5px 10px; border-radius:3px; color:#333333; font-size:14px; display:block; } #blog-filter li a.current, #blog-filter li a:hover { background:#008ce5; padding:5px 10px; border-radius:3px; color:white; font-size:14px; } #blog-wrapper { padding-bottom: 25px; } #blog-list { list-style-type: none; overflow: hidden; margin:0 -2%; } #blog-list .blog-item { width:30.667%; margin:2% 1.2%; float: left; padding-left:0.6%; height:261px; overflow:hidden; } #blog-list .blog-item article { margin:0; } #blog-list .blog-item .tag-sticky-2 { background-color:#ffffff; padding:20px; } #blog-list .blog-item h3 a { text-transform: uppercase; font-weight: bold; } #blog-list .blog-item .thumb { height:160px; width:312px; margin-bottom:10px; } #blog-list .blog-item .excerpt { text-align: justify; font-size: 14px; line-height: 19px; margin: 10px 0; } #blog-list .blog-item .excerpt a { color: #555; } #blog-list .blog-item .excerpt a:hover { text-decoration: none; } #blog-list .blog-item .links { margin:0; font-size:13px; font-style: italic; text-align:right; } /*.site-header { border-bottom:2px solid #4b4b4d; } .site-branding { padding: 30px; text-align: center; } .site-branding h1 a { font-size:40px; color:#4b4b4d; margin:0 0 20px; text-decoration:none; } .site-branding h1 a:hover { text-decoration: none; color:#ef918c; border:none; } h2.site-description { color:#898989; font-style: italic; font-size:12px; font-weight:normal; text-transform: none; }*/ .content-area { margin-top:20px; width: 70%; float: left; padding-right: 2%; border-right: 1px solid #eeeeee; } .full-width-content { margin-top:20px; width:100%; } .widget-area { margin-top:20px; width: 30%; padding-left: 2%; float:left; } .sticky { } .hentry { margin: 0 0 40px; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } article.format-standard { /*border-bottom:1px solid #eee;*/ } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } h1.entry-title, h1.entry-title a { font-size:24px; text-transform: uppercase; } .entry-meta { font-size:12px; color:#898989; } .bookmark { background-color:#008CE5; padding:5px; color:#fff !important; margin-right:10px; } .bookmark:hover { background-color:#005992; text-decoration: none; padding:5px; color:#fff !important; border:none; } .format-quote .entry-title { display:none; } .format-quote .entry-content { background:#fafafa url('images/quote.png') 10px 10px no-repeat; padding:20px 20px 20px 50px; margin-bottom: 20px; color:#898989; font-style: italic; font-size:20px; } .format-quote .entry-content p, .format-aside .entry-content p { margin:0; } .format-aside .entry-content { background:#4b4b4d url('images/note.png') 10px 10px no-repeat; color:#ffffff; padding:20px 20px 20px 50px; } .post .entry-content { margin:10px 0; } .blogthumb { float:left; margin:0; } .blogthumb img { width:100%; } /* =Contact form ----------------------------------------------- */ #contactus_form {max-width:400px;} #contactus_form label { width:100%; } /* =Paging ----------------------------------------------- */ .page-numbers { background-color: #004979; color: #ffffff; display: inline-block; margin: 0 5px 0 0; padding: 3px 10px; text-align: center; } .page-numbers.current, .page-numbers:hover { background-color: #ef918c; } /* =Comments ----------------------------------------------- */ .comments-area { width: 100%; border-top:1px solid #eee; padding-top:10px; } .comments-title { font-size:18px; border-bottom:1px solid #eee; margin:0 0 20px; } #respond { background: none repeat scroll 0 0 #EEEEEE; padding: 20px; margin:10px 0 0 70px; } /* Highlight active form field */ #respond input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; } #respond input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); } #reply-title { } #cancel-comment-reply-link { } #commentform { } #author { } #email { } #comment #submit .comment-notes { } .comment-form label { width:80px; display:inline-block; } .required {color:red;} .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-comment { } .form-allowed-tags { } .form-submit /*Comment Output*/ .comment-list .reply {} .comment-list .reply a {} .comment-list .alt {} .comment-list .odd {} .comment-list .even {} .comments-area article header { margin: 0; overflow: hidden; position: relative; background-color:#efefef; color:#898989; padding: 10px; } .reply, .edit-link { float: right; margin-left: 10px; } .comment article { } a.comment-reply-link, a.comment-edit-link { color: #fff !important; font-size: 11px; text-decoration:none; background-color: #004979; padding:10px; line-height:11px; display:block; } a.comment-reply-link:hover, a.comment-edit-link:hover { background-color: #ef918c; text-decoration:none; color:#fff; } #author { font-size: 16px; color:#1d1d1d; letter-spacing:.1em; } .comment-list .thread-alt {} .comment-list .thread-odd {} .comment-list .thread-even {} .comment-list li ul.children { margin:20px 0 0 70px; } .comment-list li ul.children .alt {} .comment-list li ul.children .odd {} .comment-list li ul.children .even {} .comment-body { padding-left:70px; position:relative; } .comment-list .vcard { position:absolute; top:0; left:0; } .comment-list .vcard cite.fn {} .comment-list .vcard span.says {} .comment-list .vcard img.photo {} .comment-list .vcard img.avatar { float:left; margin:0 20px 0 0; } .comment-list .vcard cite.fn a.url {} .comment-list .name {} .comment-list .comment-metadata { color:#004979; font-size:12px; } .comment-list .comment-metadata a { color:#004979; } .comment-list .parent {} .comment-list .comment {} .comment-list .children {} .comment-list .pingback {} .comment-list .bypostauthor {} .comment-list .comment-author {} .comment-list .comment-author-admin {} .comment-list { list-style: none; margin:0 0 10px; } .comment-list li.even { } .comment-list li.odd { } .comment-list li { overflow:hidden; margin-bottom:40px; } .comment-list li p { margin: 5px 0 0; } .comment-list li ul {} .comment-list li ul.children li {} .comment-list li ul.children li.alt {} .comment-list li ul.children li.byuser {} .comment-list li ul.children li.comment {} .comment-list li ul.children li.depth-1 {} .comment-list li ul.children li.bypostauthor {} .comment-list li ul.children li.comment-author-admin {} .comment-awaiting-moderation { color:red; font-style: italic; margin:10px 0 !important; font-size:12px; } /* =Footer ----------------------------------------------- */ .site-footer { margin-top: 40px; } #widget-footer { width:100%; background-color:#EEEEEE; padding:20px; overflow: hidden; } .site-info { background-color:#4B4B4D; color:#fff; font-size:10px; text-align:right; padding:10px 20px; } .site-info a { color:#fff; } .site-info a:hover { text-decoration:underline; color:#fff; } /* =Fluid Columns ----------------------------------------------- */ .one_half { width:48%; } .one_third { width:30.66%; } .two_third { width:65.33%; } .one_fourth { width:22%; } .three_fourth { width:74%; } .one_fifth { width:16.8%; } .two_fifth { width:37.6%; } .three_fifth { width:58.4%; } .four_fifth { width:67.2%; } .one_sixth { width:13.33%; } .five_sixth { width:82.67%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; } /* ---------------------- Boxes No Icons -------------------------- */ .news,.alert,.info,.warning,.download { width: 90%; text-align: center; padding: 7px; line-height: 20px; font-size: 14px; margin: 10px auto; } .news { background: #f5f5f5; border: 1px solid #dadada; color: #666666; } .alert { background: #FFFFCC; border: 1px solid #FFCC66; color: #996600; } .info { background: #D1F2F5; border: 1px solid #AFDEE2; color: #38878E; } .warning { background: #FFB8B8; border: 1px solid #FF8C8C; color: #BF2F2F; } .download { background: #CCFF99; border: 1px solid #99CC00; color: #336600; } /* ---------------------- Drop Caps -------------------------- */ .dropcap-small { font-size: 33px; float: left; font-weight: 400; line-height: 1em; padding-right: 7px; padding-bottom: 3px; padding-left: 10px; position: relative; } .dropcap-big { font-size: 46px; float: left; font-weight: 400; line-height: 1em; padding-right: 7px; padding-bottom: 2px; padding-left: 10px; position: relative; } .dropcap-square { background-color: #004979; color: #FFFFFF; display: block; float: left; font-size: 40px; font-weight: 400; line-height: 1em; margin-right: 7px; margin-top: 7px; padding: 10px; position: relative; } .dropcap-circle { background-color: #004979; border-radius: 100%; color: #FFFFFF; display: block; float: left; font-size: 30px; font-weight: 400; height: 50px; line-height: 30px; margin-right: 7px; margin-top: 7px; padding: 10px; position: relative; text-align: center; width: 50px; } /* ---------------------- Sticky Notes -------------------------- */ .stickyleft, .stickyright { width: 226px; height: 206px; background: url('images/stickynote.png') no-repeat; overflow:hidden; padding: 20px 15px 15px 15px; } .stickyleft { float: left; margin:20px 20px 20px 0; } .stickyright { float: right; margin:20px 0 20px 20px; } .stickyright p, .stickyleft p { font-size: 16px; font-style: italic; line-height:22px; margin:0; padding:0; text-indent: 20px; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-main [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search { background:#eee; width:100%; padding:20px; } .widget_search .search-submit { display: none; } form.search-form { border: 1px solid #ccc; overflow: hidden; width: 100%; } form.search-form input { border:none; box-shadow: none; } .search-field { padding: 10px !important; width: 100%; } .widget-title { text-transform: uppercase; font-size:18px; border-bottom:1px solid #eee; } #widget-footer .widget-title { border-bottom:1px solid #ccc; } .widget ul, #calendar_wrap { margin:10px 0 0; padding:0; } .widget ul li { list-style:square; list-style-position: inside; font-size:11px; color:#004979; margin: 0 0 5px 0; } .widget ul li a { color:#4B4B4D; font-size:14px; } .widget ul li a:hover { color:#EF918C; } .widget ul ul { margin:0 0 0 20px; } /* calendar widget */ #wp-calendar { width: 100%; } #wp-calendar caption { text-align: center; font-size: 13px; margin-top: 10px; margin-bottom: 15px; font-weight:bold; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; text-align:center; } #wp-calendar tbody { color: #bbb; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding-top:4px; padding-bottom:4px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; } #wp-calendar a { color:#004979; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /* =Media Queries ------------------------------------------------ */ @media only screen and (max-width:1140px) { /*#page { padding:20px; }*/ .wrap { width:94%; } } /*.one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:67.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; }*/ @media screen and (max-width: 760px) { /* .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .menu-menu-container { position:absolute; top:0; left:0; width:100%; z-index:100; } .main-navigation ul { display: none; } .main-navigation { float: none; position: inherit; right: 0; } .main-navigation ul { position:inherit; right:0; list-style:none; margin:0; padding:0; background:white; width:100%; padding-top:40px; } .main-navigation li { float: none; width:100%; padding:10px 20px 3px; border:none; position:relative; } .main-navigation li:hover, .main-navigation .current_page_item, .main-navigation .current-menu-item, .main-navigation ul li.current_page_ancestor { border-bottom:none; }*/ } @media screen and (max-width: 760px) { header#masthead { height:40px; } header#masthead .logo { display:none; } header#masthead .brand h1 { line-height:38px; margin-left:0; font-size:20px; } nav ul { display: none; height: auto; text-align:left; width:100%; margin-top:40px; } nav ul li { display: block; float: none; width: 100%; padding-left:10px; border-bottom:1px solid #008ce5; background-color:#ffffff; } nav ul li:hover { background-color:#008ce5; } nav ul li a { padding:10px; line-height:20px; border:none; } nav ul li.active a, nav ul li a:hover { border:none; } .menu-menu-container { position:relative; } #site-navigation ul { position:absolute; top:40; right:0; } #site-navigation ul li a { line-height: 40px; } #site-navigation ul li a:hover { color:#ffffff; } #pull { display: block; } #page { margin-top:40px; } #home { margin-top:40px; padding:100px 0; } #blog-list .blog-item { width:42%; margin:2% 4%; height:300px; } } @media only screen and (max-width:640px) { .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width:100%;float:none;margin:0; } .content-area { width:100%; float:none; padding-right:0; border-right:none; } .widget-area { float: none; padding-left: 0; width: 100%; } .widget-area .widget { float:left; width:48%; margin-right:2%; } .widget_search { display:none; } #blog-list { margin:0 2%; } #blog-list .blog-item { width:100%; margin:2% 0 4%; height:auto; float:none; border-bottom:1px solid #ccc; padding-bottom:2%; } } @media screen and (max-width:480px) { #home {padding: 60px 0;} }