/********************************************************************* Theme Name: Arete Theme URI: http://vanilia-studio.com/wordpress-themes/arete Description: The responsive theme for WordPress. Author: Vanilia Studio Author URI: http://vanilia-studio.com/ Version: 1.0.1 Tags: left-sidebar, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready Text Domain: arete License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html *********************************************************************/ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 2.1 - Basic Patterns * 2.2 - WordPress Patterns * 2.2 - Arete Patterns * 3.0 - Header * 3.1 - Header Top * 3.2 - Dropdown Menu * 4.0 - Container * 4.1 - Title * 4.2 - Template Widgetable * 4.3 - 404 * 4.4 - Item Set * 4.5 - Post/Paging Navigation * 5.5 - Captions * 5.6 - Posts Utilities * 5.0 - Widgets * 5.1 - Basic * 5.2 - Custom Menu * 5.3 - Tags * 5.4 - Widgets Footer * 6.0 - Footer * 7.0 - Custom Plugins * 8.0 - Media Queries * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; height: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "Source Sans Pro", Helvetica, sans-serif; } body { height: 100%; color: #141412; line-height: 1.6; margin: 0; font-family: Arial, Helvetica, sans-serif; } a { color: #005BB7; text-decoration: none; } a:visited { color: #0066CC; } a:focus { outline: 0; } a:active, a:hover { color: #EADE00; outline: 0; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.35; word-wrap: break-word; clear: both; font-weight: normal; } h1 { font-size: 48px; margin: 0 0 30px 0; } h2 { font-size: 35px; margin: 0 0 25px 0; } h3 { font-size: 22px; margin: 0 0 22px 0; } h4 { font-size: 20px; margin: 0 0 25px 0; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } address { margin: 0 0 24px; font-style: normal; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #f5f5f5; background: rgba(150, 150, 150, 0.04); } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote { font-size: 1em; margin: 0 0 10px 0; font-style: italic; font-family: georgia!important; } blockquote p { margin: 0; } blockquote > *:last-child, blockquote > *:last-child > *:last-child, blockquote > *:last-child > *:last-child > *:last-child { margin: 0; } blockquote cite:before, cite:before { content: "- "; } blockquote cite, blockquote small, cite { display: block; font-size: 1em; text-align: right; opacity: 1; font-style: normal; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 20px 0; } menu, ol, ul { margin: 16px 0 16px 20px; padding: 0; } nav ul, nav ol { list-style: none; list-style-image: none; } li ul, li ol { margin-left: 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; border-bottom: 1px solid #ededed; border-bottom: 1px solid rgba(150, 150, 150, 0.3); border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; border-top: 1px solid rgba(150, 150, 150, 0.3); padding: 6px 10px 6px 0; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { border: 0; height: 1px; margin: 0 0 24px; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ /** * 2.1 Basic * ---------------------------------------------------------------------------- */ button, .button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; overflow: hidden; padding: 7px 20px; text-align: center; cursor: pointer; color: #FFFFFF; border: none; background-color: gray; } .edd-submit, #edd-purchase-button, input.edd-submit[type="submit"] { border-radius: 0px!important; } .searchform { float: right; width: 100%; } #s { width: 100%; height: 100%; margin: 0; padding: 8px 10px 10px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid rgba(150, 150, 150, 0.3); background: none; } .header #s { border: none; background: rgba(0, 0, 0, 0.05); } .header .searchform { float: right; width: auto; } .header input[type="submit"] { display: none; } .searchform input[type="submit"] { float: right; height: 100%; margin: 6px 0 0 0; padding: 6px 11px; cursor: pointer; } button:hover, .button:hover, input[type="submit"]:hover, input[type="reset"], input[type="button"]:hover, .searchform input[type="submit"]:hover { opacity: 0.9; filter: alpha(opacity=90); } form { margin-bottom: 0; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { outline: none; display: block; padding: 1%; border: none; } input[type="text"], input[type="password"], input[type="email"], input[type="url"] { width: 38%; } textarea { width: 100%; min-height: 10em; } label, legend { display: block; margin-bottom: 6px; } input[type="checkbox"] { display:inline; } label span, legend span { font-weight: normal; font-size: 13px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus { border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.9) } select { display: block; outline: none; width: 100%; padding: 11px 22px; border: none; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ img { max-width: 100%; height: auto; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } iframe { border: none; } /* Transition */ a:hover { -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear; } a img:hover { -moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } /** * 4.2 WordPress Patterns * ---------------------------------------------------------------------------- */ /* Alignment * */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 0 24px 0 0; } img.alignright { margin: 0 0 0 24px; } img.alignnone { margin: 0; } .wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignright { float: right; margin: 0 0 24px 24px; } .wp-caption.alignleft { float: left; margin: 0 24px 24px 0; } /* Caption * */ .gallery-caption, .wp-caption-text { margin: 0; padding: 2px; background: rgba(0, 0, 0, 0.06); } .wp-caption { max-width: 100%; } .sticky {} .bypostauthor { background: rgba(255, 51, 51, 0.03)!important; border-top : 1px solid rgba(255, 51, 51, 0.03)!important; border-bottom : 1px solid rgba(255, 51, 51, 0.03)!important; } .current_page_item a { font-weight: bold; } /* Gallery */ .gallery-item { margin: 1px 0!important; } .gallery-icon img { border: none!important; } .gallery-icon { margin: 0 1px; } .gallery-columns-1 .gallery-item { margin-bottom: 20px!important; } .gallery-columns-2 .gallery-item { width: 49.8%!important; } .gallery-columns-3 .gallery-item { width: 33.2%!important; } .gallery-columns-4 .gallery-item { width: 24.9%!important; } .gallery-columns-5 .gallery-item { width: 19.9%!important; } .gallery-columns-6 .gallery-item { width: 16%!important; } .gallery-columns-7 .gallery-item { width: 14.2%!important; } .gallery-columns-8 .gallery-item { width: 12.5%!important; } .gallery-columns-9 .gallery-item { width: 11.11%!important; } #gallery-1 img, #gallery-2 img, #gallery-3 img, #gallery-4 img, #gallery-5 img, #gallery-6 img, #gallery-7 img { border: none!important; } #gallery-1 .gallery-icon { margin: 0; } /* Calendar */ #calendar_wrap { padding: 20px; background: rgba(0, 0, 0, 0.05); } #wp-calendar { width: 100%; border: none; } #wp-calendar caption { line-height: 1; margin: 0; padding-bottom: 20px; text-transform: uppercase; font-weight: bold; } #wp-calendar td { padding: 6px; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top: none; } #wp-calendar td:last-child { border-right: none; } #wp-calendar th { margin: 15px; padding: 10px; text-align: center; background: rgba(0, 0, 0, 0.05); } #wp-calendar tr { } table#wp-calendar { margin-bottom: 0; } /* Author */ .author-link { clear: both; padding-top: 20px; } /* Comments */ #comments-number { clear: both; margin-bottom: 0; font-style: italic; } .commentlist { margin: 2px 0; list-style: none; } .comment-time a { text-decoration: none!important; } .comment { margin: 0 0 2px 0; padding: 20px; background-color: rgba(0, 0, 0, 0.06); } .children, .children li { margin: 0 0 2px 40px; list-style: none; } #comment-title{ padding: 30px; background: rgba(0, 0, 0, 0.08); } .comment-body { overflow: hidden; margin: 0!important; } .comment-author-avatar { float: left; width: 50px; margin-right: 20px; } .comment-content { margin-bottom: 0; } .comment-author-link { float: left; margin: 0 20px 20px 0; padding: 0; text-transform: uppercase; } .comment-time { float: left; margin: 0; } .comment-time, .comments-logged-in-as, #allowed_tags { opacity: 0.7; filter: alpha(opacity=70); } .comment-content { clear: both; margin-bottom: 0; } .comment-replay, .comment-edit { } .comment-body .button { padding: 6px 22px!important; } .comment-body .info { color: red; } h3#reply-title { font-size: 1em; margin: 0; font-weight: bold; } .comment-notes { font-style: italic; } p.form-submit { margin-bottom: 0; } .comment-respond { background: rgba(0, 0, 0, 0.08); padding: 30px } /* Widgets */ li.recentcomments:before { content: "\f300"; padding-right: 6px; opacity: 0.3; filter: alpha(opacity=30); } .page_item { list-style: none; } /** * 4.3 Arete Patterns * ---------------------------------------------------------------------------- */ /* Fonts */ @font-face { font-family: 'Genericons'; src: url('fonts/genericons/font/genericons-regular-webfont.eot'); src: url('fonts/genericons/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/genericons/font/genericons-regular-webfont.woff') format('woff'), url('fonts/genericons/font/genericons-regular-webfont.ttf') format('truetype'), url('fonts/genericons/font/genericons-regular-webfont.svg#genericonsregular') format('svg'); font-weight: normal; font-style: normal; } address:before, #menu-icon-main:before, .recentcomments:before, .nothingfound:before, .previous-comments:before, .next-comments:after, .previous-post:before, .next-post:after { font-family: 'Genericons'; speak: none; display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; } address:before { content: "\f409"; } #menu-icon-main:before { content: '\f419'; } .nothingfound:before { content: '\f423'; font-size: 5em; } .quote:before, .quote:after { content: '\f106'; } address:before, .search-results-title:before { margin-right: 11px; } .previous-post:before, .next-post:after { font-size: 1.6em; } .previous-post:before, .next-post:after { padding: 3px 13px; } .previous-comments:before { margin-right: 6px; } .next-comments:after { margin-left: 6px; } .previous-post:before, .previous-comments:before { content: "\f430"; } .next-post:after, .next-comments:after { content: "\f429"; } /* Columns */ .columns-2, .columns-3, .columns-4, .columns-5 { display: block; float: left; overflow: hidden; } .columns-2 { width: 50%; } .columns-3 { width: 33.333%; } .columns-4 { width: 24.9%; } .columns-5 { width: 19.9%; } /* Margin/Padding */ .m0 { margin: 0; } .m1 { margin: 30px; } .mt1 { margin-top: 30px; } .mb1 { margin-bottom: 30px; } .mr1 { margin-right: 30px; } .p0 { padding: 0; } .p1 { padding: 30px; } .clear { clear: both; } .center { text-align: center; margin: 0 auto; } .elements-wrapper { overflow: hidden; margin: 0 0 30px 0; } .hidden { display: none; } .overflow { overflow: hidden; } .clear:after { content: ""; display: table; clear: both; *zoom: 1; } /* Divider */ .divider, .divider-small { height: 5px; clear: both; border: 0 none; } .divider { width: 100%; background: url("images/divider-17.png") repeat-x scroll 0 0 transparent; } .divider-small { width: 30%; height: 5px; background: url("images/divider-3.png") repeat-x scroll 0 0 transparent; } /** * 3.0 Header * ---------------------------------------------------------------------------- */ .header { position: relative; } .header-image a { display: block; } .header-image img { display: block; overflow: hidden; width: 100%; max-width: 100%; } .header-inner { max-width: 1200px; width: 100%; margin: 0 auto; } /** * 3.1 Header Top * ---------------------------------------------------------------------------- */ .header-top { overflow: hidden; padding: 30px 30px 0 30px; } .brand { position: relative; float: left; width: 30%; } .site-title { margin: 0; clear: none!important; float: left; } .site-description { margin: 0; padding: 0; clear: none!important; float: left; } .header-sidebar { position: relative; float: right; text-align: right; } .header .searchform { float: right; width: 100%; } .header .searchform #s { padding: 4px 8px 6px 8px; } /** * 3.2 Dropdown Menu * ---------------------------------------------------------------------------- */ /* basic */ .dropdown-menu, .dropdown-menu *{ margin: 0; padding: 0; list-style: none; } .dropdown-menu ul { position:absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .dropdown-menu ul li { width: 100%; } .dropdown-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .dropdown-menu li { position: relative; display: inline; } .dropdown-menu ul li a { display: block; position: relative; } .dropdown-menu li:hover li ul, .dropdown-menu li.sfHover li ul { top: -999em; } .dropdown-menu li li:hover ul, .dropdown-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } .dropdown-menu li li:hover li ul, .dropdown-menu li li.sfHover li ul { top: -999em; } .dropdown-menu li li li:hover ul, .dropdown-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } .dropdown-menu li:hover ul, .dropdown-menu li.sfHover ul { left: 0; top: 25px; /* match top ul list item height */ z-index: 999999; } /* Arete Style */ #dropdown-menu-wrapper { position: relative; width: 100%; float: left; padding: 15px 30px; border-bottom: 1px solid; } .dropdown-menu { float: right; } /* First Level */ .dropdown-menu > li a { padding-left: 20px; text-transform: uppercase; } /* Second Level */ .dropdown-menu ul { padding: 10px; } .dropdown-menu ul li a { padding: 0; color: white; text-transform: none; } .dropdown-menu li.current-menu-parent ul, .dropdown-menu li.current-menu-item ul { display: block; } .dropdown-menu li.current-menu-item { font-weight: bold!important; } .dropdown-menu li a:link .current-menu-item { font-weight: bold!important; font-style: italic } #menu-icon-main { display:none; } /** * 4.0 Container * ---------------------------------------------------------------------------- */ .container { max-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden; padding: 0!important; } .container a { text-decoration: underline; } .container .container-inner { margin: 0; padding: 30px 30px 0 30px; } .context-left { position: relative; width: 73%; float: left; clear: both; padding-right: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .context-right { position: relative; width: 73%; float: right; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #sidebar { position: relative; float: left; width: 27%; height: 100%; margin-bottom: 20px; } .context-left .sidebar-inner { height: 100%; margin: -30px -30px -50px 0; padding: 30px; } .context-right .sidebar-inner { height: 100%; margin: -30px 0px -50px -30px; padding: 30px; } /** * 4.1 Title * ---------------------------------------------------------------------------- */ .page-title{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 20px 30px; overflow: hidden; border-bottom: 10px solid; } .page-title h1 { margin: 0; font-weight: bold!important; } .post-format, .post-date, .post-author { font-size: 0.8em; text-transform: uppercase; } .post-format { float: left; margin-right: 10px; } .post-date, .post-author { opacity: 0.4; } .post-author { margin-bottom: 20px; } /** * 4.2 Template Widgetable * ---------------------------------------------------------------------------- */ .tw-sidebar-1-inner, .tw-sidebar-2-inner, .tw-sidebar-3-inner, .tw-sidebar-4-inner { max-width: 1200px; width: 100%; margin: 0 auto; padding: 30px; } /** Child Theme **/ .tw-sidebar-1-inner, .tw-sidebar-3-inner { padding: 0!important; } .tw-sidebar-2-inner, .tw-sidebar-3-inner { text-align: center; } .searchform input[type="submit"] { display: none; } .wp-calendar /** * 4.3 404 * ---------------------------------------------------------------------------- */ .page-0 { padding: 20px; overflow: hidden; text-align: center; } .page-0 h1 { font-size: 6em; line-height: 1em; margin-bottom: 0.2em; text-transform: uppercase; } /** * 5.3 Items Set * ---------------------------------------------------------------------------- */ .box { margin-bottom: 3px; padding: 30px; overflow: hidden; background: rgba(0, 0, 0, 0.06); } .item-set { clear: both; position: relative; overflow: hidden; width: auto; list-style: none; margin: 0; } .widget .item-set li { margin-bottom: 30px; } .item-set p { margin-bottom: 0; } .item-set-title { position: relative; padding: 0; } .item-set-title h1 { margin-bottom: 0; margin-top: 0; } .item-set-1-column, .item-set-2-columns { float: left; margin: 0; } .item-set-1-column { width: 100%; } .item-set-2-columns { width: 49.9%; } .item-set-2-columns .box { margin-right: 2px; padding: 30px; } .item-set p { margin-bottom: 0; padding: 0; } /** * 5.4 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .posts-navigation { display: block; overflow: hidden; margin: 0; padding-top: 20px; } .previous-post, .next-post { text-transform: uppercase; } .previous-post, .previous-comments { float: left; } .next-post, .next-comments { float: right; margin-left: 5px; } .previous-comments, .next-comments { padding: 30px 0; font-weight: bold; text-decoration: underline; } /* Pagination */ .pagination { clear: both; position: relative; z-index: 999999; overflow: hidden; margin-top: 30px; } .pagination a, .pagination span { display: inline-block; padding: 6px 28px; text-align: center; } .pagination a:hover { opacity: 0.7; filter: alpha(opacity=70); } .pagination .current { font-weight: bold; text-decoration: underline; } .pagination p { margin: 0; } /** * 5.5 Captions * ---------------------------------------------------------------------------- */ .thumbnail-caption { padding: 20px 30px; } .thumbnail-caption h3 { margin: 0; } .thumbnail-caption > *:last-child, .thumbnail-caption > *:last-child > *:last-child, .thumbnail-caption > *:last-child > *:last-child > *:last-child { margin: 0; } /** * 5.6 Posts Utilities * ---------------------------------------------------------------------------- */ .posts-utilities { clear: both; position: relative; overflow: hidden; margin: 0; } .posts-utilities > li, .comment-respond { margin: 0 0 2px 0; padding: 30px; list-style: none; background: rgba(0, 0, 0, 0.08); } .utilities-title { margin: 0; padding-bottom: 20px; text-transform: uppercase; } #comment-title .utilities-title { font-size: 2em; } .utility-comments { padding: 0!important; background: none!important; } .about-author h3 { clear: none; margin-top: 0; } .about-author img { float: left; display: block; width: 65px; margin-right: 20px; } .about-author p { margin-bottom: 0; } .excerpt a, .more-link { font-style: italic; } /** * 6.0 Widgets * ---------------------------------------------------------------------------- */ /** * 6.1 Basic * ---------------------------------------------------------------------------- */ .header-sidebar .widget { clear: none; float: left; padding: 0 30px 0 0; } .header-sidebar .widget:last-child { padding-right: 0; } .widget { clear: both; overflow: hidden; padding: 20px 0; } .widgettitle { line-height: 1; margin: 0 0 10px 0; font-weight: 900!important; } .widgettitle { font-size: 1em!important; } .widget ul, .widget div > ul {margin:0;} .widget li { list-style: none; margin: 0; } .widget .box-inner { overflow: hidden; } .widget:first-child { padding-top: 0; } .widget:last-child { margin-bottom: 0; padding-bottom: 0; } /** * 6.3 Custom Menu * ---------------------------------------------------------------------------- */ .widget ul.menu { margin: 0; } .widget .menu li ul li a { text-transform: none; } .widget .menu > li.current-menu-parent > a, .widget .menu li.current-menu-parent ul li.current-menu-item a { font-weight: bold; } /** * 6.4 Tags * ---------------------------------------------------------------------------- */ .tagcloud { display: inline-block; text-align: center; } .tagcloud a, .tags a { float: left; font-size: 1em!important; display: inline-block; margin: 3px; padding: 3px 9px; text-decoration: none; border: 1px solid rgba(150, 150, 150, 0.4); } .tagcloud:hover, .tags:hover { opacity: 0.9; filter: alpha(opacity=90); } /** * 6.6 Widgets Footer * ---------------------------------------------------------------------------- */ .widget-footer { float: left; width: 33.3%; } .widget-footer ul { margin: 0; list-style: none; } .widget-footer li { display: block; margin-bottom: 0; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ .footer { float: left; width: 100%; max-width: 1200px; margin-top: 30px; border-top: 3px solid; } .footer ul { margin-bottom: 0; } .copyright { float: left; margin: 0; padding: 30px; font-style: italic; } .widgetable .footer { margin-top: 0!important; } /** * 8.0 Custom Plugins * ---------------------------------------------------------------------------- */ div.slideshow_title { font-size: 1.7em!important; } .slideshow_description_box { padding: 30px!important; } /** * 8.0 Tinymce * ---------------------------------------------------------------------------- */ body#tinymce { padding: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* Media Queries * ----------------------------------------------------------------- * -----------------------------------------------------------------*/ /* Max Width 860px * ---------------------------------------------------------------- */ @media only screen and (max-width:860px) { input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, .header, .container, .container .container-inner, .footer { width: 100%; margin: 0 auto; padding: 0 } .header-sidebar { clear: both; float: left; width: 100%; margin: 20px 0 0 0; padding: 10px; background: rgba(0,0,0,0.06); } .header .searchform { float: none; width: 100%; } .dropdown-menu { float: left; } .dropdown-menu > li a { padding-left: 0; padding-right: 20px; } .context-left, .context-right, #sidebar { float: none; width: 100%; margin-bottom: 0; } .context-left { padding-right: 0; } .context-right { padding-left: 0; } #sidebar { padding: 30px; } .attachment-top { margin: 30px 30px 0 30px; } .comment-author-avatar { margin-bottom: 20px; } .comment-body { clear: both; } } /* Max Width 480px * ---------------------------------------------------------------- */ @media only screen and (max-width:480px) { /* Container*/ .brand, .header-sidebar { width: 100%; } .header { border-bottom: 1px solid; } .title-description { margin-top: 20px; } .header-sidebar { margin: 20px 0; } /* Columns */ .columns-3, .columns-4, .columns-5, .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .item-set-2-columns, .item-set-3-columns, .item-set-4-columns, .widget-footer { float: none; width: 100%; margin: 0 auto; } .columns-4 img, .columns-5 img { float: none; width: 100%; } .copyright { float: none; } /* Menu*/ #menu-icon-main { display: block; position: absolute; top: 0; right:0; z-index: 888888; float: left; margin: 0 30px; font-size: 2em; } #menu-icon-main:before { margin-right: 0; cursor: pointer; } .dropdown-menu li:hover ul, .dropdown-menu li.sfHover ul { top: 20px; /* match top ul list item height */ } #dropdown-menu-wrapper { position: absolute; right: 10%; top: 20%; width: auto; clear: both; z-index: 888888; padding: 0; border: none; } /* First Level */ .dropdown-menu { display: none; width: 100%; margin: 0; padding: 10px; } .dropdown-menu > li { display: block; float: none; margin-top: 0; } .dropdown-menu > li a { padding: 0; text-transform: none; } .dropdown-menu > li:first-child { margin: 0; } /* Second Level */ .dropdown-menu ul { width: 100%; padding: 5px 10px; margin: 5px 0; } .dropdown-menu ul li a { margin: 0; padding: 2px 0; text-align: left; text-transform: none; } .dropdown-menu li.current-menu-parent ul, .dropdown-menu li.current-menu-item ul { display: block; } .dropdown-menu li.last ul { margin-left: 0; } }