@charset "UTF-8"; /* @package achillestheme */ /* Import ------------------------------------------------ */ /* @package achillestheme */ /* Variables ------------------------------------------------ */ /* @package achillestheme */ /* Mixins ------------------------------------------------ */ /* @package achillestheme */ /* Variables ------------------------------------------------ */ @font-face { font-family: 'achilles'; src: url("../fonts/achilles.eot?vy2ayi"); src: url("../fonts/achilles.eot?vy2ayi#iefix") format("embedded-opentype"), url("../fonts/achilles.ttf?vy2ayi") format("truetype"), url("../fonts/achilles.woff?vy2ayi") format("woff"), url("../fonts/achilles.svg?vy2ayi#achilles") format("svg"); font-weight: normal; font-style: normal; } .icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'achilles' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .achilles-home:before { content: ""; } .achilles-pencil:before { content: ""; } .achilles-image:before { content: ""; } .achilles-camera:before { content: ""; } .achilles-headphones:before { content: ""; } .achilles-music:before { content: ""; } .achilles-play:before { content: ""; } .achilles-film:before { content: ""; } .achilles-connection:before { content: ""; } .achilles-price-tag:before { content: ""; } .achilles-pushpin:before { content: ""; } .achilles-undo2:before { content: ""; } .achilles-redo2:before { content: ""; } .achilles-forward:before { content: ""; } .achilles-reply:before { content: ""; } .achilles-bubble:before { content: ""; } .achilles-bubbles:before { content: ""; } .achilles-bubbles2:before { content: ""; } .achilles-bubble2:before { content: ""; } .achilles-quotes-right:before { content: ""; } .achilles-spinner3:before { content: ""; } .achilles-leaf:before { content: ""; } .achilles-fire:before { content: ""; } .achilles-lab:before { content: ""; } .achilles-power:before { content: ""; } .achilles-link:before { content: ""; } .achilles-bookmark:before { content: ""; } .achilles-bookmarks:before { content: ""; } .achilles-arrow-up2:before { content: ""; } .achilles-arrow-right2:before { content: ""; } .achilles-arrow-down2:before { content: ""; } .achilles-arrow-left2:before { content: ""; } .achilles-google-plus2:before { content: ""; } .achilles-facebook2:before { content: ""; } .achilles-instagram:before { content: ""; } .achilles-twitter:before { content: ""; } .achilles-rss2:before { content: ""; } .achilles-youtube:before { content: ""; } .achilles-youtube2:before { content: ""; } .achilles-github:before { content: ""; } .achilles-skype:before { content: ""; } .achilles-reddit:before { content: ""; } .achilles-pinterest:before { content: ""; } .achilles-html-five:before { content: ""; } /* @package achillestheme */ /* Placeholder ------------------------------------------------ */ .no-header-container, .header-container, .site-info { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .achilles-format-image .image-caption, .achilles-format-gallery .image-caption { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#80000000", GradientType=0); } /* Generic ------------------------------------------------ */ .page-social-links { position: absolute; left: 10px; top: 10px; } .page-social-links a { font-size: 16px; } .sharing-posts { color: #222; } .sharing-posts .icon { color: #222; width: 15px; height: auto; } .reddit-icon { width: 15px; height: auto; margin-top: -5px; } body { padding: 0; margin: 0; font-family: "Raleway", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; } a { -webkit-transition: color 320ms ease; -moz-transition: color 320ms ease; -ms-transition: color 320ms ease; -o-transition: color 320ms ease; transition: color 320ms ease; color: #000000; } a:hover, a:focus { text-decoration: none; color: #333333; } .background-image { background-position: center center; background-size: cover; background-repeat: no-repeat; } .table { display: table; width: 100%; height: 100%; } .table .table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .site-content { float: left; } .site-sidebar { margin-top: 80px; float: right; } @media only screen and (max-width: 770px) { .site-sidebar { display: none; float: right; text-align: center; width: 100%; } .site-sidebar .site-content { float: left; } } .site-sidebar-left { border: 1px solid #F1F1F1; border-radius: 2px; margin-top: 80px; float: left; } @media only screen and (max-width: 770px) { .site-sidebar-left { display: none; float: right; text-align: center; width: 100%; } .site-sidebar-left .site-content { float: left; } } .container2 { margin-left: 0%; margin-right: 0%; } @media only screen and (max-width: 1010px) { .container2 { margin-left: 0%; margin-right: 0%; } } .logo-image { width: 300px; height: 142px; overflow: hidden; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: cover; } .right-content { float: right; } /* Header ------------------------------------------------ */ .no-header-container { position: relative; display: block; width: 100%; height: 300px; } .header-container { position: relative; display: block; width: 100%; height: 300px; } .site-info { color: #fff; } .site-info .site-title { margin: 0; font-size: 80px; } .site-info .site-description { font-size: 14px; margin-top: 1em; } .nav-container { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; } .site-description-logo { margin: 0; padding: 0; text-shadow: 1px 1px black; font-size: 14px; font-weight: 500; } /* Navbar ------------------------------------------------ */ .search_menu { display: none; } .search_menu #searchform { padding-top: 0; margin-top: 0; vertical-align: middle; } .achilles-navbar-right { position: absolute; display: inline-block; top: 0; right: 15px; } .navbar-brand { padding-top: 0; position: absolute; } .nav-logo img { height: 50px; } .navbar-achilles { text-align: center; border: none; border-radius: 0; min-height: auto; margin-bottom: 0; background: rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-achilles ul { float: none; } .navbar-achilles li { float: none; display: inline-block; } .navbar-achilles li.active a { opacity: 1; } .navbar-achilles li.active a:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .navbar-achilles li.open a { opacity: 1; background-color: rgba(0, 0, 0, 0.1) !important; } .navbar-achilles li.open a:after { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); opacity: 0 !important; } .navbar-achilles li.open a:hover, .navbar-achilles li.open a:focus, .navbar-achilles li.open a:visited { background-color: rgba(0, 0, 0, 0.1) !important; } .navbar-achilles li.open a:hover:after, .navbar-achilles li.open a:focus:after, .navbar-achilles li.open a:visited:after { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); opacity: 0 !important; } .navbar-achilles li a { text-transform: uppercase; color: #fff; font-size: 12px; opacity: 0.7; letter-spacing: 0.05em; background: none; -webkit-transition: opacity 320ms ease; -moz-transition: opacity 320ms ease; -ms-transition: opacity 320ms ease; -o-transition: opacity 320ms ease; transition: opacity 320ms ease; } .navbar-achilles li a:hover, .navbar-achilles li a:focus, .navbar-achilles li a:visited { background: none; opacity: 1; } .navbar-achilles li a:hover:after, .navbar-achilles li a:focus:after, .navbar-achilles li a:visited:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .navbar-achilles li a:after { content: ''; position: absolute; display: block; left: 15px; right: 15px; bottom: 14px; height: 2px; background: #fff; -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } .navbar-achilles li ul.dropdown-menu { border: 0; border-radius: 0; background: #222; } .navbar-achilles li ul.dropdown-menu li { display: block; } .navbar-achilles li ul.dropdown-menu li a { line-height: 35px; } .navbar-achilles li ul.dropdown-menu li a:hover, .navbar-achilles li ul.dropdown-menu li a:focus, .navbar-achilles li ul.dropdown-menu li a:visited { background: #222 !important; color: #fff; } .navbar-mobile { display: block; text-align: center; color: #fff; border: none; border-radius: 0; min-height: auto; margin-bottom: 0; background: rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; } .navbar-mobile .ham-icons { list-style: none; } .navbar-mobile .icon-ham { line-height: 20px; margin: 0; padding: 0; display: inline-block; margin-right: 5%; font-size: 16px; border: 1px solid #fff; border-radius: 5px; padding: 6px 18px; } .navbar-mobile .icon-ham:hover, .navbar-mobile .icon-ham:focus { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; border-color: #898989; color: #898989; cursor: pointer; } .navbar-mobile a { color: #fff; } .navbar-mobile ul li a > ul li { color: #fff !important; } .navbar-mobile .nav > li > a:focus, .navbar-mobile .nav > li > a:hover { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; text-decoration: none; background: none !important; color: #898989 !important; } .navbar-mobile .nav .open > a, .navbar-mobile .nav .open > a:focus, .navbar-mobile .nav .open > a:hover { background-color: #222; } .navbar-mobile .navbar-nav .open .dropdown-menu > li > a { line-height: 35px; } .navbar-mobile .dropdown-menu > .active > a, .navbar-mobile .dropdown-menu > .active > a:focus, .navbar-mobile .dropdown-menu > .active > a:hover { background-color: #222; } .navbar-mobile .dropdown-menu > li > a:focus, .navbar-mobile .dropdown-menu > li > a { color: #fff; text-align: center; border-top: 1px dotted #898989; border-bottom: 1px dotted #898989; } .navbar-mobile .dropdown-menu > li > a:focus, .navbar-mobile .dropdown-menu > li > a:hover { color: #898989; text-decoration: none; background-color: #222; } .hamburger { display: none; } .mobile-nav { display: none; } .mobile-nav { background: #222; border-top: 0; } .mobile-nav li { background: #222; display: block; z-index: 99999; } .mobile-nav a { background: #222; } @media only screen and (max-width: 770px) { .hamburger { display: block; } .main-achilles-nav { display: none; } } /* Standard Post Format ------------------------------------------------ */ article { border-bottom: 4px solid #F1F1F1; padding-top: 80px; padding-bottom: 4px; } article:first-child { padding-top: 80px; } article h1 { font-size: 48px; font-weight: 300; } article h1.entry-title { text-align: center; line-height: 1.5em; padding: 0; } article .entry-meta { color: #898989; } article .entry-meta a { font-weight: 500; color: #898989; } article .entry-meta a:hover, article .entry-meta a:focus { color: #333333; } .standard-featured-link { display: block; position: relative; } .standard-featured-link:hover .standard-featured:after, .standard-featured-link:focus .standard-featured:after { background: transparent; } .standard-featured { width: 100%; height: 350px; margin-bottom: 5px; margin-top: 5px; } .standard-featured:after { -webkit-transition: background 320ms ease; -moz-transition: background 320ms ease; -ms-transition: background 320ms ease; -o-transition: background 320ms ease; transition: background 320ms ease; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.13); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.35); } .entry-excerpt { padding: 30px 30px 30px 30px; } .entry-excerpt p { font-size: 17px; line-height: 1.5em; font-weight: 300; letter-spacing: 0.03em; } .btn-achilles { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; text-transform: uppercase; font-size: 14px; font-weight: 300; color: #898989; padding: 8px 12px; border-radius: 2px; border: 1px solid #898989; background-color: transparent; } .btn-achilles:hover, .btn-achilles:active { color: #333333; border-color: #333333; } .entry-footer { color: #898989; text-transform: uppercase; } .entry-footer a { color: #898989; display: inline-block; font-size: 12px; } .entry-footer a:hover, .entry-footer a:focus { color: #333333; } .entry-footer .tags-list .achilles-price-tag { margin-right: 10px; } .entry-footer .comments-link { margin-left: 10px; text-transform: uppercase; } /* Image Post Format ------------------------------------------------ */ .achilles-format-image { position: relative; color: #ffffff; } .achilles-format-image .entry-title a { color: #fff; text-shadow: 2px 2px #222; } .achilles-format-image .entry-meta { color: #ffffff; text-shadow: 1px 1px #222; } .achilles-format-image .entry-meta a { color: #F1F1F1; } .achilles-format-image .background-image { height: 600px; } .achilles-format-image .image-caption { position: absolute; width: 100%; bottom: 65px; left: 0; right: 0; } .achilles-format-image .entry-footer { margin-top: 30px; margin-bottom: 60px; } /* Audio Post Format ------------------------------------------------ */ .achilles-format-audio { padding-bottom: 4px; } .achilles-format-audio h1 { font-size: 30px; } .achilles-format-audio h1.entry-title { display: inline-block; margin-right: 20px; } .achilles-format-audio h1.entry-title:before, .achilles-format-audio h1.entry-title:after { display: none; } .achilles-format-audio .entry-meta { display: inline-block; margin-bottom: 0; } .achilles-format-audio .entry-content iframe { width: 100%; height: 166px; } .achilles-format-audio .entry-footer { margin-top: 30px; margin-bottom: 0; } .achilles-format-audio article { padding-bottom: 0; } /* Video Post Format ------------------------------------------------ */ .achilles-format-video { padding-bottom: 4px; } .achilles-format-video header h1.entry-title { margin-top: 20px; } .achilles-format-video .entry-content { margin-top: 5px; } .achilles-format-video .entry-content iframe { width: 100%; height: 460px; } .achilles-format-video .entry-footer { margin-top: 30px; margin-bottom: 0; } /* Quote Post Format ------------------------------------------------ */ .achilles-format-quote .quote-content { font-size: 42px; font-weight: 100; line-height: 1.3em; letter-spacing: 0.03em; } .achilles-format-quote .quote-content:before, .achilles-format-quote .quote-content:after { content: '"'; display: inline-block; position: relative; color: #898989; } .achilles-format-quote .quote-author { color: #898989; font-size: 12px; letter-spacing: 0.06em; } .achilles-format-quote .entry-footer { margin-top: 30px; margin-bottom: 0px; } /* Link Post Format ------------------------------------------------ */ .achilles-format-link { text-align: center; padding-bottom: 70px; } .achilles-format-link .achilles-link-bg { display: block; margin: 0 auto; background: #898989; color: white; height: 65px; width: 65px; border-radius: 50%; } .achilles-format-link .achilles-link-bg:hover, .achilles-format-link .achilles-link-bg:active { -webkit-transition: background 320ms ease; -moz-transition: background 320ms ease; -ms-transition: background 320ms ease; -o-transition: background 320ms ease; transition: background 320ms ease; background: #333333; } /* Aside Post Format ------------------------------------------------ */ .achilles-format-aside { border-bottom: none; } .achilles-format-aside .xs-mg-top { margin-top: 20px; text-align: center; } .achilles-format-aside .aside-container { background: rgba(0, 0, 0, 0.05); padding-top: 20px; } @media only screen and (min-width: 770px) { .achilles-format-aside .aside-featured { width: 136px; height: 136px; border-radius: 50%; margin: 20px 20px -20px; } } @media only screen and (max-width: 770px) { .achilles-format-aside .aside-featured { width: 136px; height: 136px; border-radius: 50%; margin: 0 auto -20px; } } .achilles-format-aside .entry-excerpt p { margin-top: 0; font-size: 15px; } .achilles-format-aside .entry-meta { margin-bottom: 5px; } .achilles-format-aside .entry-footer { border-bottom: none; background: rgba(0, 0, 0, 0.05); padding-bottom: 4px; } /* Achilles Gallery Format ------------------------------------------------ */ .achilles-format-gallery header h1.entry-title { margin-top: 20px; text-align: center; } .achilles-format-gallery .standard-featured { height: 400px; color: #ffffff; } .achilles-format-gallery .standard-featured:after { background-color: transparent; } .achilles-format-gallery .image-caption { position: absolute; bottom: 0; left: 0; right: 0; } .achilles-format-gallery .entry-meta { text-align: center; } /* Achilles Sidebar Format ------------------------------------------------ */ .site-sidebar { border: 1px solid #F1F1F1; border-radius: 4px; } .sidebar ul { list-style: none; padding: 10px; text-align: center; } .sidebar .r_s_h2 { background: rgba(0, 0, 0, 0.05); text-align: center; color: #222; padding: 5px; width: 100%; font-size: 22px; } .sidebar a:hover, .sidebar a:active { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; color: #898989; text-decoration: underline; } .calendar_wrap { width: 100%; text-align: center; padding-left: 50%; margin-left: -65px; } .calendar_wrap td { padding: 2px; } /* Achilles Comments Format ------------------------------------------------ */ #resond { clear: both; } #submit { border: none; padding: 8px 16px; border-radius: 4px; background: #222; color: #fff; } #submit:hover, #submit:active { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; background: #333; } #comment { min-width: 100%; } #commentform p a { color: #898989; font-weight: 500; } #commentform p a:hover, #commentform p a:active { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; color: #333333; } .commentlist { list-style: none; margin: 2px; padding: 0; background: white; /* .children{ width: 100%; margin-left: 10%; float: right; padding: 0; list-style: none; margin:2px; } */ } .comment-body { border: 0.5px solid #898989; padding: 20px; border-radius: 2px; } /* Achilles Shortcodes Format ------------------------------------------------ */ .accordion { width: 100%; } .accordion-button-container { display: block; width: 40px; } .accordion-button { font-size: 24px; padding: 0px 14px; min-width: 40px; } .accordion-data { display: block; margin-top: 15px; width: 95%; margin-left: 5%; } .icon_link_sc { list-style: none; } .icon_icon { margin-right: 10px; } .danger { border-left: .5em #c9302c solid; } .info { border-left: .5em #31b0d5 solid; } .primary { border-left: .5em #286090 solid; } .warning { border-left: .5em #ec971f solid; } .default { border-left: .5em #e6e6e6 solid; } .success { border-left: .5em #449d44 solid; } /* Achilles Pagination ------------------------------------------------ */ .nav-links .page-numbers { border: 1px solid #898989; border-radius: 5px; padding: 8px 16px; color: #898989; } .nav-links .page-numbers:hover, .nav-links .page-numbers:focus { color: #333333; border-color: #333333; } .screen-reader-text { visibility: hidden; } /* Achilles Footer ------------------------------------------------ */ .page-footer { margin-top: 70px; padding-top: 10px; padding-bottom: 10px; background: #333; color: #fff; line-height: 30px; } .footer-widget-area { display: inline-block; float: left; width: 25%; } .footer-widget-area ul { list-style: none; text-align: center; padding: 8px; } .footer-widget-area .r_s_h2 { text-align: center; padding: 5px; width: 100%; font-size: 22px; } .footer-widget-area a { color: #898989; } .footer-widget-area a:hover, .footer-widget-area a:focus { color: #F1F1F1; } /* Achilles Menu Below Content ------------------------------------------------ */ .menu_below_content { margin-top: 50px; } .menu_below_content ul { list-style: none; } .menu_below_content li { display: inline-block; } .menu_below_content a { -webkit-transition: all 320ms ease; -moz-transition: all 320ms ease; -ms-transition: all 320ms ease; -o-transition: all 320ms ease; transition: all 320ms ease; padding: 8px 16px; color: #898989; border: 1px solid #898989; } .menu_below_content a:hover, .menu_below_content a:focus { color: #333333; border-color: #333333; } .menu_below_content .dropdown-menu a { color: #898989; border: none; } .menu_below_content .dropdown-menu a:hover, .menu_below_content .dropdown-menu a:focus { color: #333333; } /* Achilles scroll item ------------------------------------------------ */ .scroll_top { display: none; position: fixed; right: 5%; bottom: 50px; padding: 20px 20px; border-radius: 1px; background: rgba(0, 0, 0, 0.5); z-index: 10000; color: #fff; } .scroll_top:hover, .scroll_top:focus { pointer: cursor; } /* Achilles gallery post format 2 ------------------------------------------------ */ /* The Gallery container (div) */ /* A Gallery item container, for 3, 2 and 4 column galleries */ /* The actual image inside a container for 3, 2 and 4 column galleries */ /* A gallery image caption */ /* Definition lists elements */ /* Pick the second line break if two line breaks are adjacent */ /* Gallery */ .gallery { margin: 0; } .gallery .gallery-item { float: left; margin-top: 0 !important; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 4px; background: #f2f2f2; } .gallery img:hover { background: white; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br + br { display: none; } /* //// ADS */ .header_ad { margin-top: 80px; max-width: 100%; min-height: 90px; } .header_mobile_ad { margin-top: 80px; max-width: 100%; min-height: 90px; } .below_ads { margin-top: 60px; width: 80%; margin-left: 10%; min-height: 320px; } .below_widgets_ad { max-width: 100%; } @media only screen and (max-width: 770px) { .header_ad { display: none; } } @media only screen and (min-width: 770px) { .header_mobile_ad { display: none; } } /* attachment page image size */ /*# sourceMappingURL=achilles.css.map */