/* Theme Name: Adagio Lite Theme URI: http://www.vivathemes.com/wordpress-theme/adagio/ Description: Adagio Lite is a clean and professional WordPress theme that will make your website stand out from the crowd. It has a minimal design and a balanced layout that can be used for your personal or business website. Includes custom header, social media menu, three widget location, custom logo image, favicon and much more. Author: Viva Themes Author URI: http://www.vivathemes.com License: GNU GPL License URI: http://www.gnu.org/licenses/gpl.html Version: 1.1 Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, footer-widgets, blog, entertainment, photography Text Domain: adagio-lite Domain Path: /languages/ Adagio Lite Theme, (C) 2017 Viva Themes */ html { margin:0 !important; padding:0 !important; } body { height:100%; min-height: 100%; margin:0 !important; padding:0 !important; background: #fff; color: #666; font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif; font-size: 15px; font-weight: 300; line-height: 185%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } h1 { font-size: 36px; color: #000; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: 400; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } h2 { color: #000; margin:0; padding:0; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 32px; font-weight: 400; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } h3 { color: #000; margin:0; padding:0; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 30px; font-weight: 400; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } h4 { color: #000; margin:0; padding:0; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 26px; font-weight: 400; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } h5 { color: #000; margin:0; padding:0; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 22px; font-weight: 400; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } p { margin-top: 10px; } img { border: none; padding:0; } img a { border:none; } img.left { float: left; border: none; padding: 6px 0 0 0; } img.right { float: right; border: none; padding: 0 0 0 6px; } blockquote { border-left:1px solid #ccc; margin:15px; padding:0 12px 0 12px; font-style: italic; } code { font-family:"Courier New", Courier, monospace; } /* links */ a { color: #000; text-decoration: underline; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a:hover { text-decoration: none; } /* container */ #container { width: 100%; float: left; clear: left; overflow: hidden; } #wrapper { width: 100%; float: left; clear: both; } #wrapper.fixed { margin-top: 102px; } .home #wrapper.fixed { margin-top: 50px; } /* header */ #header { width: 100%; margin: 0; float: left; clear: left; margin-bottom: 50px; position: relative; border-bottom: solid 2px #f6f6f6; background: #fff; } #header.fixed { position: fixed; top: 0; left: 0; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } .home #header { margin-bottom: 0; border-bottom: none; } .home #header.fixed { border-bottom: solid 2px #f6f6f6; } #headerbg { position: relative; float: left; width: calc(100% - 100px); margin-left: 50px; height: calc(100vh - 100px); margin-top: 0; background: #000; margin-bottom: 100px; } #headerin { width: 100%; float: left; clear: left; padding: 0; position: relative; z-index: 2; height: 50px; } #headerline { width: calc(100% - 100px); float: left; margin-left: 50px; } #logo { width: 80%; float:left; margin-top: 13px; } #logo a img { float: left; margin-right: 10px; max-height: 30px; width: auto; } #logo a { color: #000; text-decoration: none; } h1.site-title { font-size: 20px; color: #000; text-transform: none; line-height: 100%; margin: 0; margin-top: 3px; float: left; letter-spacing: 2px; font-weight: 700; } .top-social-menu { margin: 0 !important; width: 50px !important; height: calc(100vh - 100px); position: absolute; top: 50px; right: 0; z-index: 1; } .top-social-menu ul { margin: 0 !important; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: auto; } .top-social-menu ul li a { display: inline-block; width: 32px; height: 22px !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; text-align: center; border: none; background: none !important; margin: 5px 0 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .top-social-menu ul li a:hover { text-decoration: none; opacity: .7; } .top-social-menu li a::before { content: '\f408'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; line-height: 22px !important; color: #333 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slogan { height: 50px; position: absolute; left: 0; top: 50px; border-bottom: none; border-left: none; border-right: none; text-align: center; border-color: #999; width: calc(100vh - 100px); -webkit-transform: rotate(-90deg) translateX(-100%); transform: rotate(-90deg) translateX(-100%); transform-origin: 0 0; } h2.site-description { font-size: 14px !important; text-transform: none; margin: 0; color: #000; font-weight: normal; text-align: center; width: 100%; border-bottom: 1px dotted #000; line-height:0.1em; margin:24px 0 20px; } h2.site-description span { background:#fff; padding:0 10px; } #headerimage { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 100%; top: 0; left: 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } #line-arrow { width: 20px; height: 20px; position: absolute; z-index: 2; left: 50%; bottom: 20px; margin-left: -10px; border-left: solid 1px #333; border-bottom: solid 1px #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* search */ #searchform { padding:0; margin:0; float: left; width: 170px; margin-top: 10px; margin-right: 8px; } #searchform input#s { margin:0; padding:2px; width: 157px; padding-left: 3px; background: none; border: solid 1px #eaeaea; height:20px; font-size:11px; padding-top:2px; color: #000; } #searchform input#searchsubmit { display: none; } /* Main Menu */ /*styling open close button*/ .menu-button { float: right; position: relative; z-index:999; margin-top: 15px; } .menu-button a { text-decoration:none; } .bar1, .bar2, .bar3 { width: 20px; height: 1px; background-color: #333; margin: 4px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 3px) ; transform: rotate(-45deg) translate(-4px, 3px) ; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -3px) ; transform: rotate(45deg) translate(-4px, -3px) ; } /*overlay*/ .overlay { display:none; position:fixed; top:0; left: 0; height:100%; width:100%; background: rgba(255,255,255,.9); overflow:auto; z-index:99; } .inner-overlay { width: 60%; float: left; margin-left: 20%; margin-top: 120px; } .mainmenu { width: 20%; float: left; } .mainmenu ul { margin: 0; padding: 0; } .mainmenu ul li { list-style: none; padding: 0; margin: 0; padding-top: 3px; padding-bottom: 3px; } .mainmenu ul li ul { display: none; } .mainmenu ul li a, .secondary-menu ul li a { text-transform: uppercase; font-size: 12px; font-weight: 400; color: #000; text-decoration: none; letter-spacing: 1px; font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif; } .mainmenu ul li a:hover, .mainmenu ul li.current-menu-item a, .secondary-menu ul li a:hover, .secondary-menu ul li.current-menu-item a { color: #666; } .secondary-menu { width: 20%; float: left; margin-left: 5%; } .secondary-menu ul { margin: 0; padding: 0; } .secondary-menu ul li { list-style: none; padding: 0; margin: 0; padding-top: 3px; padding-bottom: 3px; } .secondary-menu ul li ul { display: none; } /* Top Widget */ #topwidget { max-width: 530px; position: absolute; top: 240px; right: 100px; text-align: right; z-index: 1; color: #fff; opacity: 0; } #topwidget .widget { width: 100%; margin-bottom: 45px; } #topwidget h2.widget-title { font-weight: 400; font-size: 22px; color: #fff; line-height: 120%; margin-top: 0; margin-bottom: 20px; letter-spacing: 2px; } #topwidget h2.widget-title span { } #topwidget ul { padding: 0; margin: 0; width: 100%; float: left; clear: left; } #topwidget ul li { padding-top: 5px; padding-bottom: 5px; list-style: none; width: 100%; margin-top: 2px; } #topwidget ul li ul li { border: none; list-style: none; margin-left: 0; margin-top: 2px; float: left; clear: left; width: 100%; } #topwidget ul li a { border: none; padding: 0; color: #fff; } #topwidget ul li a:hover { text-decoration: none; } #topwidget a { color: #fff; } /* Content Section */ #contentwrapper { max-width: 1200px; padding-left: 50px; padding-right: 50px; margin: 0 auto; } .archive #contentwrapper, .blog #contentwrapper { text-align: center; } #searchresult, #content { width: 100%; float: left; padding: 0; margin: 0; } /* Search Results */ .search-results #searchresult { text-align: center; } .search-results .type-page { width: 100%; float: left; clear: left; background: none; margin-bottom: 40px; } .search-results .paging-navigation { display: block !important; } /* content */ .post { margin:0; padding:0; width: 100%; float: left; clear: left; margin-bottom: 60px; } .singular .post { margin-bottom: 0; } .entry { max-width: 900px; margin: 0 auto; } .attachment-adagio-blogthumb { opacity: 0; } /* Content Titles */ h1.page-title, h1.entry-title { font-size: 30px; color: #000; margin-top: 0; margin-bottom: 0; text-transform: uppercase; line-height: 110%; margin-bottom: 0; font-weight: 300; margin-bottom: 20px; letter-spacing: 1px; text-align: center; } h1.entry-title, h1.entry-title, h2.entry-title { font-size: 22px; color: #000; margin-top: 0; margin-bottom: 0; text-transform: uppercase; line-height: 110%; margin-top: 10px; letter-spacing: 1px; font-weight: 400; text-align: center; } .term-description, .archive .taxonomy-description { max-width: 900px; margin: 0 auto; text-align: center; } h2.entry-title a { text-decoration: none; color: #000; font-size: 22px; line-height: 110%; text-transform: uppercase; text-align: center; } .blog #content .post { padding-bottom: 30px; } .blog #content h2.entry-title, .blog #content h2.entry-title a { text-align: center; } .post ul { } .post li { margin-left: 15px; } .entry p { margin: 8px 0; } .postcat span { font-size: 11px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #999; font-style: italic; margin-right: 10px; } .postcat { width: 100%; float: left; margin-top: 5px; margin-bottom: 10px; text-align: center; } .postcat a { font-size: 11px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #999; font-style: italic; } .postcat a:hover { color: #333; } /* Blog More Link */ #topwidget a.more-link { color: #fff; } a.more-link { position: relative; display: block; margin: 0; outline: none; color: #333; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 11px; overflow: hidden; padding: 0; height: 24px; margin-top: 10px; } a.more-link span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } a.more-link span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 600; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } a.more-link:hover span, a.more-link:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } /* Blog Page Navigation */ .paging-navigation { clear: left; float: left; width: 100%; } .nav-previous { width: 45%; float: left; text-align: right; } .nav-next { width: 45%; float: right; text-align: left; } /* Post Navigation */ .navigation h1 { display: none; } .post-navigation { width: 100%; float: left; clear: none; margin-top: 30px; padding-top: 40px; padding-bottom: 40px; } .post-navigation a { text-decoration: none; color: #ccc; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; font-weight: 600; } .post-navigation a:hover { color: #000; } .post-navigation .nav-previous { width: 40%; float: left; position: relative; padding-left: 0; text-align: left; } .post-navigation .nav-next { width: 40%; float: right; text-align: right; position: relative; padding-right: 0; } .post-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover { } .post-navigation span.meta-nav { width: 100%; display: block; text-decoration: none; line-height: 32px; } .paging-navigation .nav-previous a:before, .post-navigation .nav-previous a:before { content: '\f431'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 64px/1 'Genericons'; color: #eaeaea; vertical-align: middle; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .paging-navigation .nav-next a:after, .post-navigation .nav-next a:after { content: '\f432'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 64px/1 'Genericons'; color: #eaeaea; vertical-align: middle; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .paging-navigation .nav-next a:hover:after, .paging-navigation .nav-previous a:hover:before { color: #ccc; } /* Post Tags */ p.singletags { line-height: 30px; margin-top: 40px; } p.singletags a { text-decoration: none; color: #000; font-size: 14px; margin-left: 15px; margin-bottom: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } p.singletags a:hover { color: #999; } p.singletags:before { display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; vertical-align: middle; content: '\f302'; color: #000; text-align: center; margin-top: 0; } ol { margin: 10px; } ul { margin: 5px; } /* Right Sidebar*/ #rightbar { width: 250px; float: right; margin: 0; } #rightbar .widget { width: 100%; margin-bottom: 30px; float: left; clear: left; font-size: 13px; } #rightbar h2.widget-title { font-size: 13px; color: #000; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } #rightbar ul { padding: 0; margin: 0; width: 100%; float: left; clear: left; } #rightbar ul li { padding-top: 5px; padding-bottom: 5px; list-style: none; width: 100%; margin-top: 2px; } #rightbar ul li ul li { border: none; list-style: none; margin-left: 0; margin-top: 2px; float: left; clear: left; width: 100%; } #rightbar ul li a { border: none; text-decoration: underline; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; color: #000; } #rightbar ul li a:hover { text-decoration: none; } #rightbar a { text-decoration: underline; } #rightbar a:hover { border: none; text-decoration: none; } #rightbar #searchform { padding: 0; float: left; width: 100%; margin-top: 10px; margin-right: 0; } #rightbar .widget_search { width: 100%; } #rightbar #searchform input#s{ float: left; width: 96%; border: solid 1px #eaeaea; color: #000; } #rightbar select { max-width: 100%; } .widget_author_grid ul { list-style: none; margin: 0 0 25px !important; } .widget_author_grid ul li { width: auto !important; padding: 0 !important; margin: 0 !important; float: none !important; display: inline-block !important; position: relative !important; } .widget_author_grid .avatar { border: solid 1px #eaeaea; padding: 2px; margin-right: 5px; } .widget_authors ul li strong { font-weight: 600; text-transform: uppercase; width: 100%; clear: left; float: left; } .widget_authors ul li strong:hover { text-decoration: underline; } .widget_authors .avatar { border: solid 1px #eaeaea; margin: 0 auto !important; padding: 2px; float: none; margin-top: 20px !important; } /* calendar widget */ .widget_calendar { float: left; } #wp-calendar, #calendar_wrap { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 13px; margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #333; } #wp-calendar tbody td { background: #eaeaea; border:none; text-align: center; padding:5px; } #wp-calendar tbody td:hover { background: #ccc; } #wp-calendar tbody td a { color:#cc0000; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 13px; text-transform: uppercase; text-align: right; color: #333; padding-top: 10px; } #wp-calendar tfoot #prev { font-size: 13px; text-transform: uppercase; padding-top: 10px; color: #333; text-align: left; } #wp-calendar tfoot #next a, #wp-calendar tfoot #prev a { color: #333; } /* comments */ #commentform { margin:0; padding:0; } #commentform p { } #commentform a { text-decoration: none; line-height: 14pt; } #commentform h3 { font-size: 10pt; font-weight: 400; font-size: 14px; text-transform: uppercase; margin:0; padding:0; } #comments { width:100%; clear: both; float: left; margin-top: 30px; } #comments label { float: left; clear: left; margin-top: 15px; } #author, #email, #url, #comment { font-size: 11px; padding:12px 16px; border: solid 1px #eaeaea; float: left; clear: left; margin-top: 0; background: none; color: #000; width: 90%; } #author, #email, #url { height:16px; } #submit { cursor:pointer; padding: 12px 16px; border: none; float: left; clear: left; margin-top: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; background: none; border: solid 1px #eaeaea; color: #000; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-family: 'Hind', arial, helvetica, sans-serif; } #submit:hover { background: #eaeaea; } #respond h3, #comments h2 { color: #000; font-size: 20px; text-transform: uppercase; font-weight: 400; } .reply a.comment-reply-link { border: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; padding: 0; margin-top: 5px; float: left; clear: left; font-size: 13px; text-transform: uppercase; background: none; color: #000; font-weight: 500; letter-spacing: 1px; } .reply a.comment-reply-link:hover { color: #999; } .comment-respond { clear: left; } ol.commentlist { list-style-type: none; margin:0; padding:0; float:left; margin-top: 15px; width: 100%; } .avatar { float:left; margin: 10px 20px 0 0; width: 30px; height: 30px; } ol.commentlist li.comment { margin: 0; padding: 30px 0; list-style-type:none; float: left; width: 80%; margin-bottom: 20px; border-bottom: solid 1px #eaeaea; } ol.commentlist li ul.children { width: 80%; } ol.commentlist li ul.children li { width: 100%; border: none; margin-bottom: 0; } ol.commentlist li.alt { } ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; } ol.commentlist a { text-decoration: none; } cite { font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal; } cite a { color: #000; text-decoration: none; border-bottom: solid 1px #eaeaea; } .post-subscription-form, .comment-subscription-form { float: left !important; clear: left !important; } label#subscribe-label, label#subscribe-blog-label { float: none; color: #000 !important; } #footer { width: 100%; float: left; clear: left; border-top: solid 4px #f6f6f6; margin-top: 80px; } /* Footer Widgets */ #footerinner { max-width: 900px; margin: 0 auto; padding-top: 50px; padding-left: 30px; padding-right: 30px; } .page-template-template-home-page-php #footerinner { margin-top: 0; border-top: none; } #footerwidgets { width: 100%; float: left; font-size: 12px; } #footerwidgets .widget { margin: 0; width: 240px; float: left; margin-bottom: 40px; } #footerwidgets .widget:nth-child(even) { float: right; text-align: right; } #footerwidgets .widget:nth-child(odd) { clear: left; } #footerwidgets h2.widget-title { font-size: 13px; color: #000; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } #footerwidgets ul { padding: 0; margin: 0; width: 100%; float: left; clear: left; } #footerwidgets ul li { padding-top: 3px; padding-bottom: 3px; list-style: none; width: 100%; } #footerwidgets ul li ul li { border: none; list-style: none; margin-left: 0; margin-top: 2px; float: left; clear: left; width: 100%; } #footerwidgets ul li a { border: none; padding: 0; text-decoration: none; font-size: 12px; line-height: 120%; } #footerwidgets ul li a:hover { text-decoration: underline; } #footerwidgets a { } #footerwidgets a:hover { border: none; text-decoration: none; } /* Social Media Menu */ #menu-social .screen-reader-text { position: absolute; top: -9999em; left: -9999em; } #menu-social { margin: 0; margin-bottom: 10px; width: 100%; float: left; margin-top: -20px; } #menu-social ul { list-style: none; margin: 0; text-align: center; font-size: 0; } #menu-social ul li { display: inline-block; position: relative; margin: 0; } #footer #menu-social ul li { padding-left: 5px; padding-right: 5px; background: #fff; } #footer #menu-social ul li.first { padding-left: 15px; } #footer #menu-social ul li.last { padding-right: 15px; } #menu-social ul li a { display: inline-block; width: 32px; height: 32px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; text-align: center; border: none; background: none; margin: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #footer #menu-social ul li a { border: solid 2px #333; } #menu-social ul li a:hover { text-decoration: none; opacity: .7; } #menu-social li a::before { content: '\f408'; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 16px/1 'Genericons'; line-height: 32px; color: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #menu-social li a[href*="wordpress.org"]::before, #menu-social li a[href*="wordpress.com"]::before { content: '\f205'; } #menu-social li a[href*="facebook.com"]::before { content: '\f204'; } #menu-social li a[href*="twitter.com"]::before { content: '\f202'; } #menu-social li a[href*="dribbble.com"]::before { content: '\f201'; } #menu-social li a[href*="plus.google.com"]::before { content: '\f218'; } #menu-social li a[href*="pinterest.com"]::before { content: '\f209'; } #menu-social li a[href*="github.com"]::before { content: '\f200'; } #menu-social li a[href*="tumblr.com"]::before { content: '\f214'; } #menu-social li a[href*="youtube.com"]::before { content: '\f213'; } #menu-social li a[href*="flickr.com"]::before { content: '\f211'; } #menu-social li a[href*="vimeo.com"]::before { content: '\f212'; } #menu-social li a[href*="instagram.com"]::before { content: '\f215'; } #menu-social li a[href*="codepen.io"]::before { content: '\f216'; } #menu-social li a[href*="linkedin.com"]::before { content: '\f207'; } #menu-social li a[href*="foursquare.com"]::before { content: '\f226'; } #menu-social li a[href*="reddit.com"]::before { content: '\f222'; } #menu-social li a[href*="digg.com"]::before { content: '\f221'; } #menu-social li a[href*="getpocket.com"]::before { content: '\f224'; } #menu-social li a[href*="path.com"]::before { content: '\f219'; } #menu-social li a[href*="stumbleupon.com"]::before { content: '\f223'; } #menu-social li a[href*="spotify.com"]::before { content: '\f515'; } #menu-social li a[href*="twitch.tv"]::before { content: '\f516'; } #menu-social li a[href*="dropbox.com"]::before { content: '\f225'; } #menu-social li a[href*="/feed.com"]::before { content: '\f413'; } #menu-social li a[href*="skype"]::before { content: '\f220'; } #menu-social li a[href*="mailto"]::before { content: '\f410'; } #copyinfo { width: 90%; float: left; padding-left: 5%; padding-right: 5%; text-align: center; font-size: 11px; padding-top: 15px; padding-bottom: 15px; line-height: 100%; font-weight: 600; color: #333; text-transform: uppercase; letter-spacing: 1px; } #copyinfo a { color: #333; text-decoration: none; } #copyinfo a:hover { text-decoration: underline; } /* Contact Form 7 Style */ .wpcf7 { margin-top: 10px; float: left; clear: left; width: 70%; } .wpcf7 textarea, .wpcf7 input { padding: 5px 8px; margin-bottom: 15px; margin-top: 3px; width: 100%; border: solid 1px #ccc; height: 20px; background: none; border-radius: 3px; } .wpcf7 textarea { height: auto; } .wpcf7 input.wpcf7-submit { width: auto; cursor: pointer; border: none; border: solid 1px #333; text-transform: uppercase; font-family: 'Hind', arial, helvetica; font-weight: 400; color: #fff; background: #333; border-radius: 3px; padding: 8px 25px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; height: auto; } .wpcf7 input.wpcf7-submit:hover { color: #000; background: none; } .wpcf7 p { text-align: left; font-size: 16px; margin: 0; margin-bottom: 6px; text-transform: none; } /* misc */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ max-width: 100%; } img.size-full, img.size-large, img.header-image, img.wp-post-image, #contentwrapper img, img { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } * Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Images */ .alignleft { float: left; margin-right: 10px; margin-top: 10px; } .alignright { float: right; margin-left: 10px; margin-top: 10px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; background: none; text-align: center; border: none; background: #eaeaea; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-size: 12px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .gallery { margin: 0 auto; } .gallery .gallery-item { float: left; margin: 0; padding: 0; } .gallery-columns-2 .gallery-item { width: 30%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { padding: 5px; background: #eaeaea; border: none !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .gallery img:hover { border: none !important; background: #d8d8d8; } .gallery-columns-2 .attachment-medium { max-width: 100%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 100%; height: auto; } .gallery .gallery-caption { color: #000; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; padding: 0; } .gallery br+br { display: none; } .jp-carousel-info, .jp-carousel-image-meta { display: none; } .tiled-gallery { margin-top: 20px !important; } .tiled-gallery img:hover { opacity:.6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } a.post-edit-link { display: block; clear: both; } .entry pre { border: solid 1px #eaeaea; color: #000; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry table { border: solid 1px #eaeaea; color: #000; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry dt { font-weight: bold; line-height: 1.714285714; } .entry dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry td { border-top: solid 1px #eaeaea; padding: 6px 10px 6px 0; } p { margin-top: 6px; } #archivelist { float:left; margin-right: 0; } #archivelist ul li { list-style: none; line-height: 35px; } #archivelist ul { height: auto; margin-bottom: 30px; } #archivelist ul li a { color: #666; text-transform: uppercase; } #archivelist ul li a:hover { text-decoration: none; } ol { margin: 10px; padding: 0; } ul { margin: 5px; padding: 0; } .sticky { } .bypostauthor { } p.form-allowed-tags { display: none; } .tagstring { display: none; } .mmenu { display: none; } @media screen and (max-width: 768px) { html { -webkit-text-size-adjust: none; } #headerline, #headerbg { width: calc(100% - 60px); margin-left: 30px; } #contentwrapper { padding-left: 30px; padding-right: 30px; } #topwidget { text-align: left; left: 40px; right: 40px; } .mainmenu, .secondary-menu { width: 100%; margin: 0; margin-bottom: 30px; } .slogan, .top-social-menu { display: none; } #menu-social ul { } #logo { width: 50%; margin-bottom: 10px; } #content { width: 100%; } #rightbar { width: 100%; float: left; clear: left; margin-top: 20px; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; } } @media screen and (max-width: 620px) { #footerwidgets .widget { width: 100%; margin-left: 0; margin-right: 0; text-align: left !important; } }