/* Theme Name: Atlas Concern Theme URI: Author: atlas Author URI: http://www.atlasresponsivetasarim.com/ Description:The theme of concern has been with the new interface to be re-created with the users .Bootstrap was created according to the requirements as business contact. This theme, transformed into a new design, came together with in-page templates. Customizer settings, theme color selections, such as have a lot of features. Price tables, team member section and other departments were created. In-page template as right sidebar, left sidebar, headed left sidebar, headed right sidebar, titled full width template, title full width template, price chart template, about template, contact template, homepage template, service template, service details as many templates is available. The theme slider plugin supports layerslider plugin and is compatible with all add-ons that are bootstrap. Ready for theme converters. Compatible with all devices and with all browsers Version: 3.2 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: atlas-concern Tags: blog, full-width-template, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready 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. atlas-concern is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Extras --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /** * Header */ button.navbar-toggle { float: right; } @media only screen and (max-width : 562px) { nav.main-nav.navbar-fixed-top.headroom.headroom--pinned { padding-top: 0px; } } .site-header { background-color: #fff; border-bottom: 1px solid rgba(51, 51, 51, 0.1); padding: 7.6923%; } .site-branding { min-height: 1em; padding-right: 60px; position: relative; margin-top:20px; } .site-title { font-family: "Noto Sans", sans-serif; font-size: 22px; font-weight: 700; } .site-title a{ color:#000; } .custom-logo-link { display: inline-block; padding-right: 1em; vertical-align: middle; width: auto; } .custom-logo-link img { display: inline-block; max-height: 80px; width: auto; } .wp-custom-logo .site-title { margin-top: 0.545454545em; } .site-description { font-family: "Noto Sans", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5; margin: 0.5em 0 0; opacity: 0.7; color:#000; } .post-navigation { background-color: #fff; border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); } .post-navigation a { display: block; padding: 3.8461% 7.6923%; } .post-navigation span { display: block; } .post-navigation .meta-nav { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.04em; line-height: 1.5; position: relative; text-transform: uppercase; z-index: 2; } .post-navigation .post-title { font-family: "Noto Serif", serif; font-size: 18px; font-size: 1.8rem; line-height: 1.3333; position: relative; z-index: 2; } .post-navigation .nav-next, .post-navigation .nav-previous { background-position: center; background-size: cover; position: relative; } .post-navigation a:hover{ color:#ccc; } .post-navigation a:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .post-navigation a:hover:before, .post-navigation a:focus:before { opacity: 0.5; } .post-navigation .meta-nav { opacity: 0.8; } .post-navigation div + div { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; list-style-type:none; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } 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: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { padding-left:0px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0px; margin-left: 0px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 50px; background-color:#000; color: #fff; font-size: 12px; line-height: 1; padding: 15px 15px 15px 15px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color:#fff; transition:1s; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #ccc; border:1px solid #ccc; border-radius: 3px; padding: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; border: 1px solid #ccc; } textarea { width: 100%; } .entry-title { font-size: 30px; line-height: 1.1538; padding-top:15px; } .entry-title a{ color:#000; font-size:30px; font-weight:300; } .entry-content > :last-child, .entry-summary > :last-child { margin-bottom: 0; } .entry-content, .entry-summary, .page-content, .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 { line-height: 1.1538; margin-top: 1.8462em; margin-bottom: 0.9231em; } .entry-content > h1:first-child, .entry-content > h2:first-child, .entry-content > h3:first-child, .entry-content > h4:first-child, .entry-content > h5:first-child, .entry-content > h6:first-child, .entry-summary > h1:first-child, .entry-summary > h2:first-child, .entry-summary > h3:first-child, .entry-summary > h4:first-child, .entry-summary > h5:first-child, .entry-summary > h6:first-child, .page-content > h1:first-child, .page-content > h2:first-child, .page-content > h3:first-child, .page-content > h4:first-child, .page-content > h5:first-child, .page-content > h6:first-child, .comment-content > h1:first-child, .comment-content > h2:first-child, .comment-content > h3:first-child, .comment-content > h4:first-child, .comment-content > h5:first-child, .comment-content > h6:first-child { margin-top: 0; } .entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a { border-bottom: 1px solid #333; } .entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .page-content a:hover, .page-content a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus { border-bottom: 0; } .entry-content a img, .entry-summary a img, .page-content a img, .comment-content a img { display: block; } .comment-meta{ background:none; } .entry-content .more-link, .entry-summary .more-link:after { white-space: nowrap; } .entry-content .more-link:after, .entry-summary .more-link:after { content: "\f429"; font-size: 16px; position: relative; top: 5px; } .entry-footer { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; line-height: 1.5; padding-bottom:50px; margin-top:20px; } .entry-footer a { border-bottom: 1px solid transparent; color: #707070; color: rgba(51, 51, 51, 0.7); } .entry-footer a:hover { border-bottom: 1px solid #333; } .entry-footer a:hover, .entry-footer a:focus { color: #333; } .edit-link{ padding-left:10px; } .tags-links{ padding-left:10px; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: rgba(145, 145, 145, 1); text-decoration:none; } a:hover, a:focus, a:active { color: #000; text-decoration:none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; background:#fff; padding-left:20px; padding-top:20px; padding-bottom:20px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; padding-right:20px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .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-size: 0.875rem; 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .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; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /* **widgets */ aside > div + div { margin-top: 80px; } aside .widget + .widget { margin-top: 80px; } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { position: fixed; top: 50px; } @media (max-width: 767px) { .affix-aside, .affix-aside.affix, .affix-aside.affix-bottom { position: static; width: inherit !important; } } .module-header { margin: 0 0 25px; text-transform: capitalize; font-weight: 700; font-size: 25px; } .page_footer .module-header { font-size: 28px; } .footer-widget h3{ color:#fff; font-weight:600; } .footer-widget ul{ list-style-type:none; padding-left:0; } .footer-widget ul li a:hover{ color:rgba(48, 48, 48, 1) } .page_footer .widget > h3, .page_footer .widget-title { font-size: 20px; font-weight: 700; letter-spacing: 0.2em; line-height: 1; margin: 19px 0 49px; } .widget{ padding-top:40px; padding-bottom:80px; padding-left:10px; padding-right:10px; background:#fff; } .widget h3{ font-size:32px; font-weight:600; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget ul ul li { padding-left: 20px; } .widget ul.list2 { padding-left: 20px; } .widget li { position: relative; } .widget .vertical-item h4 { font-size: 20px; margin: 17px 0 0; } .widget .vertical-item + .widget .vertical-item { margin-top: 16px; } .widget .entry-date { display: block; } /* widget_search, widget_mailchimp */ .widget_mailchimp form + p { padding-top: 10px; } .widget_search .form-inline, .widget_mailchimp .form-inline { position: relative; } .widget_search .form-inline label, .widget_mailchimp .form-inline label { display: none; } .widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group { display: block; vertical-align: top; position: relative; } .widget_search .form-inline input[type="text"], .widget_mailchimp .form-inline input[type="email"] { padding-right: 50px; display: block; width: 100%; } @media (min-width: 768px) { .widget_search .form-group.inline-block, .widget_mailchimp .form-group.inline-block { min-width: 370px; margin-right: 5px; } } .widget_search .form-inline .theme_button, .widget_mailchimp .form-inline .theme_button { font-size: 16px; padding: 22px 15px; margin: 0; min-width: auto; } .widget_search .form-inline .theme_button i, .widget_mailchimp .form-inline .theme_button i { font-size: 16px; top: 0; } .widget_search .form-inline .theme_button, .widget_mailchimp .form-inline .theme_button { position: absolute; right: 0; top: 0; border: none; background-color: transparent; color: #323232; } .widget_search .form-inline .theme_button:hover, .widget_mailchimp .form-inline .theme_button:hover { opacity: 0.2; } .widget_search .form-inline .theme_button:before, .widget_search .form-inline .theme_button:after, .widget_mailchimp .form-inline .theme_button:before, .widget_mailchimp .form-inline .theme_button:after { display: none; } .widget_mailchimp .form-inline .theme_button:before { content: "\e65c"; } /* widget_recent_news widget_recent_comments widget_archive widget_categories widget_meta widget_nav_menu widget_pages */ .widget_recent_comments li { padding: 15px 0; } .widget_recent_comments li:first-child { padding-top: 0; } .widget_recent_comments li:before { font-family: 'rt-icons-2'; content: "\e65c"; font-size: 16px; line-height: 1; position: relative; top: 4px; padding-right: 10px; color: #46a5e5; } .widget_recent_news li { padding: 11px 0; } .widget_recent_news p { margin-bottom: 0; } .widget_recent_news li:first-child { padding-top: 0; } .widget_recent_news li:last-child { padding-bottom: 0; } .page_footer .widget_recent_news li:last-child { display: none; } .widget_recent_entries .media-left { padding-right: 20px; } .widget_recent_entries .media-left img { max-width: 85px; } .widget_recent_entries h4 { text-transform: none; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 0; margin-top: 5px; } .widget_recent_entries li + li { margin-top: 20px; } .widget_recent_comments li, .widget_archive li, .widget_nav_menu li { border-top: 1px solid rgba(0, 0, 0, 0.15); } .widget_recent_news > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_popular_entries > ul > li:first-child, .widget_nav_menu > ul > li:first-child { border-top: none; } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a { display: inline-block; padding: 2px 0 2px 20px; position: relative; } .widget_nav_menu a { padding: 10px 0 10px 13px; } .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before { content: "\f0da"; font-family: FontAwesome; font-size: 14px; position: absolute; left: 0px; top: 1px; color: rgba(145, 145, 145, 1); } .widget_nav_menu a:before { top: 9px; } .widget_nav_menu ul ul li a { padding-top: 10px; padding-bottom: 10px; } .widget_nav_menu a i { padding-right: 7px; } @media (min-width: 768px) { .page_copyright .widget_nav_menu li, .page_topline .widget_nav_menu li { display: inline-block; position: relative; border: none; padding-right: 5px; } .page_copyright .widget_nav_menu li:before, .page_topline .widget_nav_menu li:before { content: ''; position: absolute; padding: 0; left: -5px; top: 5px; bottom: 5px; width: 1px; background-color: rgba(0, 0, 0, 0.15); opacity: 0.3; display: block; } .page_copyright .widget_nav_menu li:first-child:before, .page_topline .widget_nav_menu li:first-child:before { display: none; } .page_copyright .widget_nav_menu a, .page_topline .widget_nav_menu a { padding: 0 10px; } .page_copyright .widget_nav_menu a:before, .page_topline .widget_nav_menu a:before { display: none; } } /*widget_flickr*/ .widget_flickr a { display: inline-block; width: 50%; } .widget_flickr ul#flickr { margin: -5px; } .widget_flickr img { width: 100%; padding: 5px; border-radius: 1px; } .widget_gallery ul#gallery { margin: 0 -7px; line-height: 0; } .widget_gallery li { display: inline-block; width: 33.33333%; margin: 0 -2px; } .widget_gallery .item-media { margin: 7px; } .widget_gallery .item-media img { margin: 0 -25%; width: 150%; max-width: 150%; } /*widget_popular_entries*/ .widget_popular_entries .media h4 { font-size: 16px; font-weight: 700; text-transform: none; margin-top: 5px; } .widget_popular_entries .media-body { overflow: visible; } .widget_popular_entries .media-left { padding-right: 20px; } .widget_popular_entries .media-object { max-width: 100px; } @media (min-width: 768px) and (max-width: 1199px) { .widget_popular_entries .media-object img { max-width: 60px; } } .widget_popular_entries li { margin-top: 0; padding: 10px 0; } .widget_popular_entries li:first-child { padding-top: 0; } .widget_popular_entries li:last-child { padding-bottom: 0; } /*widget_banner*/ .widget_banner { overflow: hidden; line-height: 1; } .widget_banner .item-content { padding: 20px; } .widget_banner .item-content h3 { margin: 0; padding: 8px 0; font-size: 20px; } .widget_banner .item-content span { display: inline-block; text-transform: uppercase; padding: 4px 10px 1px; min-width: 120px; } .widget_banner .small-text { margin-bottom: 0; } /*widget_slider*/ .widget_slider .owl-carousel { margin-bottom: 0; } .widget_slider .owl-carousel:hover .owl-nav { top: -43px; } .widget_slider .owl-carousel .owl-nav { opacity: 1; top: -43px; } .widget_slider .owl-carousel .owl-nav > div { width: auto; height: auto; right: 0; background-color: transparent; } .widget_slider .owl-carousel .owl-nav > div.owl-prev { margin-left: 0; } .widget_slider .owl-carousel .owl-nav > div.owl-next { margin-right: 0; } .widget_slider .owl-carousel .owl-nav > div:first-child { left: auto; right: 22px; } .widget_slider .owl-carousel .owl-nav > div:after { font-size: 24px; color: inherit; color: #1a1a1a; } /*widget_calendar*/ #calendar_wrap { width: 100%; margin-bottom: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 768px) and (max-width: 992px) { #calendar_wrap { overflow-x: auto; overflow-y: hidden; } } .widget_calendar table { width: 100%; position: relative; text-align: center; } .widget_calendar caption { line-height: 1; font-size: 24px; padding: 18px 0 18px; text-align: center; color: #ffffff; background-color: #000; } .widget_calendar thead { background-color: #323232; border: 1px solid #323232; border-width: 7px 1px 7px 1px; color: #ffffff; } .widget_calendar thead th { font-weight: 300; } .widget_calendar thead th:first-child { padding-left: 30px; } .widget_calendar thead th:last-child { padding-right: 30px; } .widget_calendar tbody { font-weight: 300; } .widget_calendar tbody tr:first-child td { padding-top: 29px; } .widget_calendar tbody tr:last-child td { padding-bottom: 30px; } .widget_calendar tbody td { border: 1px solid #ccc; padding: 3px 4px; position: relative; } .widget_calendar tbody td:first-child { padding-left: 30px; } .widget_calendar tbody td:last-child { padding-right: 30px; } .widget_calendar tbody td a { font-weight: 700; color: #ccc; } .widget_calendar tbody td a:hover { color: #000; } .widget_calendar th { text-align: center; } .widget_calendar tfoot { position: absolute; top: -3px; right: 0; left: 0; } .widget_calendar tfoot td { position: absolute; top: 0; } .widget_calendar tfoot td a { color: #ffffff; text-align: center; font-size: 0; width: 60px; height: 60px; line-height: 60px; display: inline-block; } .widget_calendar tfoot td a:hover { color: #ffffff; background-color: #323232; border-color: #323232; } .widget_calendar tfoot #prev { left: 0; padding: 0; } .widget_calendar tfoot #prev a { border-right: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot #prev a:before { font-size: 14px; font-family: 'rt-icons-2'; content: '\e7c4'; } .widget_calendar tfoot #next { right: 0; padding: 0; } .widget_calendar tfoot #next a { border-left: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot #next a:after { font-size: 14px; font-family: 'rt-icons-2'; content: '\e7c5'; } /*widget_twitter*/ .tweet_avatar { float: left; } .tweet_right { overflow: hidden; zoom: 1; margin-left: 60px; } .tweet_list li + li { margin-top: 10px; clear: both; } .tweet_list li + li .tweet_right { border-top: 1px solid rgba(0, 0, 0, 0.15); } .tweet_list li + li .tweet_right, .tweet_list li + li .tweet_avatar { padding-top: 10px; } .twitter-slider .owl-carousel { padding-left: 60px; } .twitter-slider .owl-carousel.tweet_list { margin-bottom: 0; } @media (max-width: 399px) { .twitter-slider .owl-carousel.tweet_list { padding: 50px 0 0; } } .twitter-slider .owl-carousel:before { content: "\f099"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: 42px; color: #323232; } .twitter-slider .owl-carousel .owl-nav { top: 0; } .twitter-slider .owl-carousel .owl-nav > div { width: 25px; height: 30px; margin: 0; } .twitter-slider .owl-carousel .owl-nav > div:after { font-size: 28px; line-height: 28px; } .twitter-slider .owl-carousel .owl-nav > .owl-next { margin-right: 0; } .twitter-slider .owl-carousel .owl-nav > .owl-prev { left: auto; right: 25px; margin-left: 0; } .twitter-slider li { display: block; } .twitter-slider .tweet_right { margin-left: 0; } .twitter-slider .tweet_text { font-size: 20px; font-style: italic; } /* widget schedule */ .widget_schedule ul { margin: 0; } .widget_tabs .nav-tabs > li > a { padding: 10px 15px; } .widget_rss li { margin-bottom: 15px; } .widget_rss li .rsswidget { font-size: 1.1em; } .widget_rss .rss-date { display: block; font-weight: 700; } .widget_rss cite { display: block; text-align: right; font-weight: 700; } /* Search */ .search-form { position: relative; } .search-field{ height:45px; border:1px solid #ccc; width:90%; } .search-form .search-submit { bottom: 0px; padding: 0.5em 30px; position: absolute; letter-spacing:1px; right: 3px; top: 0px; border-radius:50px; } .search-form .search-submit .icon { height: 24px; top: -2px; width: 24px; } /* Tag cloud widget */ .tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud { line-height: 1.5; } .widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a { background: transparent; -webkit-box-shadow: none; box-shadow: none; display: inline-block; float: left; font-size: 14px !important; /* !important to overwrite inline styles */ margin: 4px 4px 0 0 !important; padding: 4px 10px 5px !important; position: relative; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: auto; word-wrap: break-word; z-index: 0; color:#000; border:1px solid #000; } .tagcloud a{ color:#000; background:#fff; padding:10px; letter-spacing:1px; } .tagcloud a:hover{ color:#fff; background:transparent; border:1px solid #fff; transition:1s; } .tag-cloud-link,tag-link-9,tag-link-position-1{ color:#fff; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { -webkit-box-shadow: none; box-shadow: none; text-decoration: none; background-color:#000; color:#fff; } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ .comments-area { background-color: #fff; border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); padding-left:10px; padding-right:10px; padding-bottom:10px; } .comment-form-comment textarea{ border:1px solid #ccc; } .comment-form-author input { border:1px solid #ccc; width:100px; } .comment-form-email input{ border:1px solid #ccc; } .comment-form-url input{ border:1px solid #ccc; } .comments-area > :last-child { margin-bottom: 0; } .comment-list + .comment-respond { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.6em; } .comments-title, .comment-reply-title { font-family: "Noto Serif", serif; font-size: 18px; font-size: 1.8rem; line-height: 1.3333; } .comments-title { margin-bottom: 1.3333em; padding-top:40px; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); padding: 1.6em 0; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0.8em; } .comment-author { color: #707070; color: rgba(51, 51, 51, 0.7); margin-bottom: 0.4em; } .comment-author a:hover { border-bottom: 1px solid #707070; border-bottom: 1px solid rgba(51, 51, 51, 0.7); } .comment-author .avatar { float: left; height: 24px; margin-right: 0.8em; width: 24px; } .bypostauthor > article .fn:after { content: "\f304"; position: relative; top: 5px; left: 3px; } .comment-metadata, .pingback .edit-link { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; } .comment-metadata a, .pingback .edit-link a { color: #707070; color: rgba(51, 51, 51, 0.7); } .comment-metadata a:hover, .pingback .edit-link a:hover { border-bottom: 1px solid #333; } .comment-metadata a:hover, .comment-metadata a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus { color: #333; } .comment-metadata { margin-bottom: 1.6em; } .comment-metadata .edit-link { margin-left: 1em; } .pingback .edit-link { margin-left: 1em; } .pingback .edit-link:before { top: 5px; } .comment-content ul, .comment-content ol { margin: 0 0 1.6em 1.3333em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .reply { font-size: 12px; font-size: 1.2rem; } .comment-list .reply a { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); color: #707070; color: rgba(51, 51, 51, 0.7); display: inline-block; font-family: "Noto Sans", sans-serif; font-weight: 700; line-height: 1; margin-top: 2em; padding: 0.4167em 0.8333em; text-transform: uppercase; } .comment-list .reply a:hover, .comment-list .reply a:focus { border-color: #333; color: #333; outline: 0; } .comment-form { padding-top: 1.6em; } .comment-form label { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: 700; display: block; letter-spacing: 0.04em; line-height: 1.5; text-transform: uppercase; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-bottom: 2em; } .logged-in-as a:hover { border-bottom: 1px solid #333; } .no-comments { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); color: #707070; color: rgba(51, 51, 51, 0.7); font-family: "Noto Sans", sans-serif; font-weight: 700; padding-top: 1.6em; } .comment-navigation + .no-comments { border-top: 0; } .form-allowed-tags code { font-family: Inconsolata, monospace; } .form-submit { margin-bottom: 0; } .required { color: #c0392b; } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { border: 0; float: left; height: 32px; overflow: hidden; width: 26px; } .comment-reply-title small a:before { content: "\f405"; font-size: 32px; position: relative; top: -3px; } .comment-form-email #email { width:100%; height:30px;} .comment-form-url #url { width:100%; height:30px } .comment-form-author #author { width:100%; height:30px } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-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 --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } .sticky { background-color: $bgcolor-sticky; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66667%; } .gallery-columns-7 .gallery-item { max-width: 14.28571%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11111%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Extras --------------------------------------------------------------*/ .article{ background-color:#fff; padding:15px; margin-bottom:50px; } .page-header{ padding-top:80px; padding-left:40px; color:#000; text-align:center; } .page-content{ text-align:center; padding-bottom:90px; } .page-text{ text-align:center; padding-top:90px; } .message{ padding-top:100px; padding-bottom:100px; } .message h1{ font-size:90px; font-weight:700; } .message h2{ font-size:50px; font-weight:600; } .content-excerpt { padding-top: 20px; padding-bottom: 20px; } .page-builder{ margin-top:-10px; } .entry-meta{ padding-bottom:20px; } .top-header{ padding-top:80px; padding-bottom:80px; background:#d32c2c; } .top-header h1{ color:#fff; font-size:38px; } .page-title{ color:#fff; } .site-info a{ color:#ccc; } .screen-reader-text_1{ color:#fff; } .home-back{ background:#333; padding:15px 25px; letter-spacing:2px; color:#fff; border-radius:50px; border-radius:1px solid #333; } .home-back:hover{ background:#000; color:#fff; border-radius:1px solid #000; } .menu-list a{ color:#fff; } .menu-list a:hover{ color:#ccc; } .page_social_icons a{ color:#fff; letter-spacing:1px; } .page_social_icons a:hover{ color:#ccc; }