/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }
/* Theme Name: Pure & Simple Theme URI: http://demo.styledthemes.com/pages/pure-and-simple.html Author: StyledThemes.com Author URI: http://www.styledthemes.com/ Description: Pure and Simple is a responsive theme built for anyone who is serious about blogging. Packed with a ton of features, the overall concept of this theme is to keep it clean and simple in design, while you get a plethora of features like multiple page templates, multiple blog layouts, multiple blog styles, several post formats, gallery styling, font based icons, theme options using the built-in WP Customizer, unlimited colours, a theme that is Jetpack ready so that you can take advantage of all the features like the Portfolio. Version: 1.0.8 License: GNU General Public License v3 or later License URI: http://www.gnu.org/copyleft/gpl.html Text Domain: pure-and-simple Domain Path: /languages/ Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ @import url(http://fonts.googleapis.com/earlyaccess/notosansarmenian.css); html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; } body { margin: 0; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, 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; } .LucidaHan-Ita { font-family:'LucidaHan-Ita','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: normal; font-style: normal; } a { background: 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 { -moz-box-sizing: content-box; 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-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } 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; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: 'Noto Sans Armenian', inherit; font-size: inherit; line-height: inherit; } a { color: #c69f63; text-decoration: none; } a:hover, a:focus { color: #767676; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html { font-size: 100%; } body * { -ms-word-wrap: break-word; word-wrap: break-word; } body { font-family:'Noto Sans','Noto Sans Armenian',"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; color: #767676; line-height: 1.6; } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after{content:" ";display:table} .clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.pager:after,.panel-body:after{clear:both} .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } /*-------------------------------------------------------------- Page width and Layout --------------------------------------------------------------*/ #page { border-top: 0.063em solid #000; position: relative; padding-bottom: 116px; min-height: 100%; } #page.boxwide { width: 100%; } #page.boxmedium { max-width: 1500px; margin: 2rem auto; } #page.boxsmall { max-width: 1200px; margin: 2rem auto; } .page-template-page-templateswidgets-only-php #content { padding: 0 0 3rem; } /*-------------------------------------------------------------- Page header --------------------------------------------------------------*/ #masthead { background-color: #fff; } .header-box { overflow-y: hidden; } .header-bg { background: no-repeat center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .header-inner { position: relative; z-index: 2; text-align: center; } .logo { display: inline-block; max-width: 100%; } .logo a, .logo img { display: block; } .logo img { width:100%; } .logo img { max-height: 250px; width: 500px; max-width: 100%; height: auto; } .site-info { display: inline-block; padding: 15px 30px; background: #fff; } .site-title { width: 100%; text-align: center; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; margin: 0; font-size: 2.75rem; } .site-title a { color: #FFF; letter-spacing: 2px; } .site-tagline:before { content: ""; display: block; width: 100px; height: 2px; background: rgba(255,255,255,0.1); margin: 10px auto; } .site-tagline { font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.375rem; text-align: center; color: rgba(255,255,255,0.4); font-weight: 300; margin: 0; } .navigation { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; font-size: 1.125rem; padding: 0; background-color:#789993; } #menu_01 { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } #page-banner { background-color: #000; /*border-bottom: 9px solid #000;*/ } #page-banner img { display: block; margin:auto; } .site-main { color: #767676; } #breadcrumb-wrapper { background-color: #e6e6e6; color: #9e9e9e; padding: 0.25rem 0; font-size: 0.688rem; } #breadcrumb-wrapper .fa-home { margin-right: 5px; font-size: 1rem; } #cta { background-color: #fff; text-align:center; padding: 2rem 0 1rem; } #content { padding: 2rem 0 0; background-color: #fff; font-size: 0.813rem; } #bottom-wrapper { background-color: #ffffff; color: #cadad7; padding: 1em 1em 0; font-size: 0.75rem; } #site-footer { padding: 1.25rem 0; background-color: #000; font: 'LucidaHan-Ita', normal 0.688rem Verdana, sans-serif, "Lucida Grande"; color: #767676; text-align: center; position: absolute; width: 100%; bottom: 0; } #footer-heading { font-size: 1.063rem; margin:0 auto; color: #767676; } #footer-content p { font-size: 0.688rem; } #footer-content li { border: none; } /*-------------------------------------------------------------- Sidebars --------------------------------------------------------------*/ #featured-bottom-group, #top-group, #featured-top-group { font-size: 0.813rem; } #top-group, #featured-top-group, #featured-bottom-group, #inset-bottom-group, #inset-top-group { padding: 1.5rem 0 .5rem; } #inset-bottom-group, #inset-top-group { padding-top: 0; } #banner {} #top-group {} #featured-top-group {} #featured-bottom-group {} #inset-bottom-group {} #inset-top-group {} #bottom-group {} #left-sidebar, #right-sidebar { padding-top: .438rem; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { clear: both; font-family: 'LucidaHan-Ita', times, "times new roman", serif; font-weight: 400; line-height: 1; color: #4c4c4c; } h1 {font-size: 1.750rem;} h2 {font-size: 1.625rem;} h3 {font-size: 1.438rem;} h4 {font-size: 1.25rem;} h5 {font-size: 1rem;} h6 {font-size: 0.875rem;} h4, h5, h6 { margin-bottom: 0.5rem; } .cta-heading { margin: 0 auto 1rem; font-size: 3rem; } .widget-title { margin-top: 0; } #bottom-wrapper h3 { color: #cadad7; } #nav-menu { font-family: 'LucidaHan-Ita', "Open Sans", Sans-serif; } p { margin: 1.250rem 0; font-family: 'Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; } #cta p { margin: 0 auto 1.250rem; font-size: 1.125rem; line-height: 1.25; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #e6e6e6; font-family: 'LucidaHan-Ita','Noto Sans','Noto Sans Armenian', times, 'times new roman', sans-serif; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.5rem; max-width: 100%; overflow: auto; padding: 1rem; color: #666; } code, kbd, tt, var { font: 0.875rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } code { background-color: #efe8d5; color: #8a4814; padding: 1px 12px; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins {} mark { padding: 0 6px; background: #789993; font-style: italic; color: #fff; text-decoration: none; } mark.grey { background-color: #666666; } mark.tan { background-color: #a48a61; } mark.rust { background-color: #8a4814; } .dropcap { font: italic 4.25rem/.75 "times new roman", times, serif; float: left; margin: 0.375rem 0.5rem 0 0; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } ::selection { background: #789993; color: #fff; } ::-moz-selection { background: #789993; color: #fff; } /*-------------------------------------------------------------- Header Captions when using Advanced Custom Fields -------------------------------------------------------------- */ #header-caption h1, #header-caption h2, #header-caption h3 { margin: 0; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.5rem; color: #fff; } #header-caption { padding: 1.25rem 0; text-align: right; background-position: center; } #header-caption p { margin: 0.75rem 0 0; font-size: 0.938rem; line-height: 1.25; } /*-------------------------------------------------------------- Page dividers and horizontal rules --------------------------------------------------------------*/ hr{ margin-top:1.75rem; margin-bottom:1.75rem; border:0; border-top:1px solid #ccc; } hr.hr-double { border-top: 3px double #ccc; } hr.hr-fade { background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 3px; } .hr-heading-box { border-bottom: 1px solid #ccc; font-family: 'LucidaHan-Ita', times, 'times new roman', sans-serif; font-size: 1.25rem; height: 20px; margin: 1.125rem auto 2.125rem; position: relative; text-align: center; } .hr-heading { background-color: #fff; display: inline-block; padding: 0 16px; position: relative; top: 3px; } .hr-top { border-bottom: 1px solid #ccc; clear: both; height: 0; margin: 2em 0; position: relative; } .hr-top .toplink { background-color: #fff; bottom: -8px; font-size: 0.813em; padding: 0 0.5em; position: absolute; right: 0; } .hr-top .toplink:hover { text-decoration: none; } /*-------------------------------------------------------------- Info Boxes --------------------------------------------------------------*/ .info-box, .info-box-grey, .info-box-rust, .info-box-tan { margin: 1.25rem 0; padding:1.25rem 2rem; background-color: #789993; color: #fff; } .info-box-grey { background-color: #e6e6e6; color: #666; } .info-box-tan { background-color: #a48a61; } .info-box-rust { background-color: #8a4814; } /*-------------------------------------------------------------- Blockquotes -------------------------------------------------------------- */ blockquote { margin-left: 4.25rem; font-size: 0.875rem; line-height: 1.5; font-style: italic; } blockquote::before { display: block; height: 0; content: "“"; margin: 0 2rem 0 -3.5rem; font: italic 800%/0.8 Georgia,"Times New Roman", serif; color: #cdcdcd; } blockquote p { margin: 0; } blockquote cite { color: #b9bdbf; font-size: 0.75em; font-weight: 400; line-height: 1.5; } blockquote cite:before { content:"\2014"; margin-right: .5em; } blockquote.pull-left { margin:.638em 2em .638em 3rem; width: 40%; } blockquote.pull-right { margin:.638em 0 .638em 2em; width: 40%; border: none; } blockquote.pull-left cite, blockquote.pull-right cite { display: block; margin: 2px 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*--------------------------------------------------------------- Icons ----------------------------------------------------------------*/ .fa { color: #000; } .icon-center{ text-align: center; } .icon-circle i { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #789993; vertical-align: middle; text-align: center; font-size: 24px; padding: 17px 0 0; color:#789993; } .icon-circle.grey i { border-color: #666666; color:#666666; } .icon-circle.lightgrey i { border-color: #cdcdcd; color:#cdcdcd; } .icon-circle.tan i { border-color: #a48a61; color:#a48a61; } .icon-circle.rust i { border-color: #8a4814; color:#8a4814; } /*-------------------------------------------------------------- List Styles --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5rem 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } .widget-area ul, .widget-area ol { list-style: none; padding-left: 0; } .widget-area li { padding: 0.438rem 0; border-bottom: 1px solid #e0e0e0; } #bottom-wrapper li { border-color: #6e807c; } /*-------------------------------------------------------------- Link Styles --------------------------------------------------------------*/ a, a:visited, #cancel-comment-reply-link { color: #c69f63; } a:hover, a:focus, a:active {} a:hover, #cancel-comment-reply-link:hover { color: #3d3d3d; text-decoration: none; } #site-footer a { color: #b2b2b2; } #site-footer a:hover { color: #767676; } #bottom-wrapper a { color: #fff; } #bottom-wrapper a:hover { color:#cadad7; } #breadcrumb-wrapper a { color: #666; } #breadcrumb-wrapper a:hover { color: #fff; } /*-------------------------------------------------------------- Social Networking --------------------------------------------------------------*/ #social-wrapper { text-align: right; background-color: #fff; padding: 40px 110px 0; } #socialbar { padding: 0 20px 0; } #socialbar .socialicon { font-size: 1rem; line-height:1; width: 2rem; height: 2rem; border-radius: 50%; padding-top: 0.5rem; background-color: #42474d; text-align: center; } #socialbar a { display: inline-block; margin: 2px 0.25rem; color: #BCBCBC !important; } #socialbar a:hover { color: #9c9c9c; } #twitter, #facebook, #google, #linkedin, #pinterest, #flickr, #youtube, #vimeo, #github, #instagram, #reddit, #dribbble, #picasa, #wordpress, #tumblr, #stumbleupon, #rss { font-family: FontAwesome; } /*-------------------------------------------------------------- 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; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- WP Alignments an image caption alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5rem; } .alignright { display: inline; float: right; margin-left: 1.5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignnone { clear: both; margin: 1.5rem auto; } figure.wp-caption.alignleft, img.alignleft { margin: 0 2rem 1.5rem 0; } .wp-caption.alignleft { margin: 0 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 0 0 1.5rem 2rem; } .wp-caption.alignright { margin: 0 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin: 1.5rem auto; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } /*-------------------------------------------------------------- Clearing --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- Widgets - Standard --------------------------------------------------------------*/ .widget { margin: 0 0 3rem; } #top-group .widget, #featured-top-group .widget, #featured-bottom-group .widget, #inset-bottom-group .widget, #inset-top-group .widget, #bottom-group .widget { margin-bottom: 1rem; } #page-banner .widget, #site-footer .widget { margin-bottom: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Tag cloud widget */ .tagcloud a { border: 1px solid #e0e0e0; padding: 0 5px; display: inline-block; margin: 2px; color: #888; font-size: 0.75rem!important; } .tagcloud a:hover { border-color: #bababa; } #bottom-wrapper .tagcloud a { border: 1px solid #8da09c; color:#cadad7; } /* menu widget */ aside ul ul { margin-left: 1rem; } aside ul.children li:last-child, aside ul.menu li:last-child { border: none; padding-bottom: 0; } /*-------------------------------------------------------------- Widgets - Custom Styles --------------------------------------------------------------*/ .widget-title { font-size: 1.313rem; margin-bottom: 0.813rem; } /* Calendar widget */ .widget_calendar caption { font-family: Arial, sans-serif; text-transform: uppercase; background-color: #384149; margin-bottom: 1px; padding: 5px 3px; border-radius: 3px 3px 0px 0px; color: #fff; } .widget_calendar th { background: padding-box padding-box #E2E3E4; border-left: 1px solid rgba(0, 0, 0, 0); color: #333; text-align: center; font-weight: bold; } .widget_calendar tbody, .widget_calendar thead { border: 1px solid #E2E3E4; } .widget_calendar tbody td { background: padding-box padding-box #FCFDFD; border-left: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); text-align: center; } .widget_calendar tbody td:first-child { border-left: none; } .widget_calendar tbody td#today { background-color: #9ca9b0; color: #FFF; font-weight: bold; } .widget_calendar tbody td#today a { color: #fff; } .widget_calendar tfoot { } /*-------------------------------------------------------------- Posts and Pages --------------------------------------------------------------*/ .page-header { margin-bottom: 3rem; } .sticky {} .featured-post { font: italic 0.75rem "Open Sans", Sans-serif; color: #4c4c4c; margin-right: 5px; } .hentry { margin: 0 0 7em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-title { font-size: 1.625rem; } .entry-title, .entry-meta { margin: 0.313rem 0; } .entry-meta { font-size: 0.750rem; font-style: italic; color: #545454; } .entry-footer { font-size: 0.75rem; } .single-footer { font-style:italic; } .blog-style-centered { text-align: center; } /* add a heading bottom border */ .type-page .entry-title::after { content: ""; width: 20%; height: 6px; display: block; height: 6px; margin: 10px 0; } .article-info { margin-bottom: 0.5rem; padding-bottom: 0.5rem; color: #666; font-size: 1.25rem; font-style:normal; } .entry-title, .entry-title a { color: #4c4c4c; text-align: center; } .entry-title a:hover { color: #a48a61; } .page-content, .entry-content, .entry-summary {} .error-content { text-align: center; background: transparent url(images/404.png) center top no-repeat; min-height: 400px; } .page-links { clear: both; margin: 0 0 1.5em; } .featured-image-style1 { max-width: 250px; margin: 1.250rem 2rem 1rem 0; float: left; } .featured-image-style2 { margin: 0.813rem 0; } .featured-image-style3 { margin: 0 0 2rem; } .featured-image-style4 { margin: 0 0 2rem; } .featured-image-style5 { margin: 0 0 1.25rem; } .featured-image-single { float: left; margin: 1.5rem 2rem 1.5rem 0; } .type-page .attachment-post-thumbnail { margin: 1rem auto 0.5rem; } .article-separator { height: 1rem; } /*-------------------------------------------- Pages ----------------------------------------------*/ .post-39 { .entry-header { display: none; } } .col-md-9 { width: 100%; float: none; } /*-------------------------------------------- Post format styling ----------------------------------------------*/ .post-format a { font: italic 0.75rem "Open Sans", Sans-serif; color: #a7a7a7; } .status-thumbnail, .quote-thumbnail { margin-bottom: 1.5rem; text-align: center; } /* Post format - Quote */ .format-quote .entry-title { margin-bottom: 0.438rem; } .format-quote p cite:before { content:"\2014"; margin-right: .5em; } .format-quote blockquote { margin: 1.5rem 0 0 3rem; } /* Post format - Link */ .format-link .entry-title { margin-bottom: 0.438rem; } .format-link p a { display: inline; position: relative; top:0; padding: 0.25em 1em; background: #080d07; color: #FFF; text-transform: uppercase; vertical-align: top; font-size: 0.875em; line-height: 1.5; text-decoration: none; } .format-link p a:hover { background-color:#e6e6e6; color: #767676; } /* Post format - image - gallery - video - audio */ .format-image-featured, .format-gallery-featured, .format-video-featured { margin-bottom: 1.25rem; } /* Post format - Gallery */ .format-gallery .gallery { margin: 1.125rem 0; } /* Post format - Video */ .format-video-featured { margin: 1rem 0 0; } /* Post format - Audio */ .format-audio-featured { margin: 1.25rem 0 0; } /* Post format - Aside */ .format-aside .entry-content { padding: 0 1.25rem 1rem; background-color: #f4f4f4; } .format-aside .post-format { margin-right: 0.375rem; } .format-aside-featured { margin-top: 1.5rem; } .format-aside .edit-link { margin-left: 0.375rem; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ #comments { margin: 3rem 0; } .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment-list .children { margin-left: 2rem; padding-left: 0; } img.avatar { float: left; margin-right: 1rem; } cite.fn { font-family: times, "times new roman", serif; font-size: 1.188rem; font-style:normal; } .comment-content a { word-wrap: break-word; } .comment-meta { font-size: 0.74rem; } .bypostauthor {} .bypostauthor cite::before { content: "\f040"; font-family: FontAwesome; font-size: 1.25rem; margin-right: 0.313rem; } .comment p, .form-allowed-tags { font-size: 0.75rem; } .reply { margin-top: -0.5rem; margin-bottom: 1rem; } .comment-reply-link { background-color: #e5e5e5; color: #666; padding:1px 10px; font-size: 0.625rem; text-transform: uppercase; } .comment-reply-link:hover { background-color: #666666; color: #fff; } .search-results footer span { margin-right: 0.5rem; } /*-------------------------------------------------------------- Attachment page --------------------------------------------------------------*/ .attachment { text-align: center; } .entry-attachment { margin-bottom: 2rem; } .entry-caption { font-size: 1.125rem; font-weight: 600; } .attachment .entry-content p { width:80%; font-size: 0.875rem; margin: 0 auto; } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media - Take care of responsive elements --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure images, embeds, and iframes fit their containers */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, embed, iframe, object, video { max-width: 100%; } /* Make sure embeds and iframes have bottom space */ embed, iframe, object, video { margin-bottom: 24px; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- WP Galleries --------------------------------------------------------------*/ .gallery { //margin: 3rem 0 1.125rem; } .gallery-item { float: left; margin: 0 30px 30px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 30px); max-width: calc(50% - 30px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 30px); max-width: calc(33.3% - 30px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 30px); max-width: calc(25% - 30px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 30px); max-width: calc(20% - 30px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 30px); max-width: calc(16.7% - 30px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 30px); max-width: calc(14.28% - 30px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 30px); max-width: calc(12.5% - 30px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 30px); max-width: calc(11.1% - 30px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* ------------------------------------------------------------ Image Styling --------------------------------------------------------------*/ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } /*-------------------------------------------------------------- Jetpack Elements --------------------------------------------------------------*/ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { margin: 2rem 0 1rem; } /*-------------------------------------------------------------- Navigation Elements --------------------------------------------------------------*/ .more-link a { background-color: #789993; color: #fff; padding: 0.313rem 1rem; margin: 0; } .more-link a:hover { background-color: #a48a61; text-decoration: none; } .post-navigation, .paging-navigation, .image-navigation { background-color: none; margin-bottom: 2rem; } .image-navigation { font-size: 2rem; margin-bottom: 0.5rem; } .image-navigation .previous-image, .image-navigation .next-image { margin: 0 3px 0; } .image-navigation .nav-links a { color: #d2d2d2; } .image-navigation .nav-links a:hover { color: #42474d; } .nav-previous, .nav-next { line-height: 1.25; } .nav-previous a, .nav-next a { font-size: 0.813rem; font-style: italic; } .nav-previous i, .nav-next i { font-size: 1rem; } .meta-nav { font-size: 0.813rem; font-style: italic; } .pagination { display:inline-block; margin:0; padding-left:0; } .pagination-wrapper { margin: 1rem 0; font-size: 0.75rem; line-height: 1; clear:both; } .pagination-wrapper label { float: left; margin: 0.25rem 0.5rem 0 0; } .pagination>li{ display:inline } .pagination > li > a, .pagination > li > span { position:relative; float:left; padding:3px 6px; text-decoration:none; color:#767676; background-color:#ededed; border:1px solid #cdcdcd; margin-left:-1px } .pagination>li:first-child >a, .pagination>li:first-child >span { margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px } .pagination>li:last-child >a, .pagination>li:last-child >span { border-bottom-right-radius:4px; border-top-right-radius:4px } .pagination >li >a:hover, .pagination >li >span:hover, .pagination >li >a:focus, .pagination >li >span:focus { color:#fff; background-color:#777; border-color:#777 } .pagination span.active { z-index:2; color:#fff; background-color:#777; border-color:#777; } /* Footer Menu */ #site-footer ul { list-style: none; margin: 0 auto 5px; padding: 0; } #site-footer li { display: inline; margin: 0 5px; } /* ------------------------------------------------------------ footer --------------------------------------------------------------*/ .footer-ribbon { text-align: center; margin: 0 0 25px; } /* ------------------------------------------------------------ Form Styling --------------------------------------------------------------*/ form p {margin:0;} fieldset{padding:0;margin:0;border:0;min-width:0} legend{display:block;width:100%;padding:0;margin-bottom:26px;font-size:24px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5} label{display:inline-block;margin-bottom:5px;font-weight:bold} input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal} input[type="file"]{display:block} input[type="range"]{display:block;width:100%} select[multiple],select[size]{height:auto} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} output{display:block;padding-top:7px;font-size:16px;line-height:1.65;color:#555} .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .form-control { display:block; width:100%; height:36px; padding:4px 12px; line-height:1.65; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .form-control:focus{ border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6) } .form-control::-moz-placeholder{color:#999;opacity:1} .form-control:-ms-input-placeholder{color:#999} .form-control::-webkit-input-placeholder{color:#999} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1} textarea.form-control{height:auto} input[type="search"]{-webkit-appearance:none} input[type="date"]{line-height:40px} .form-group{margin-bottom:15px} .radio,.checkbox{display:block;min-height:26px;margin-top:10px;margin-bottom:10px;padding-left:20px} .radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer} .radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px} .radio+.radio,.checkbox+.checkbox{margin-top:-5px} .radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer} .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px} input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed} .input-sm{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-sm{height:33px;line-height:33px} textarea.input-sm,select[multiple].input-sm{height:auto} .input-lg{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-lg{height:49px;line-height:49px} textarea.input-lg,select[multiple].input-lg{height:auto} .form-control-static{margin-bottom:0} .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373} @media(min-width:768px){ .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle} .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle} .form-inline .input-group>.form-control{width:100%} .form-inline .control-label{margin-bottom:0;vertical-align:middle} .form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle} .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0} } .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px} .form-horizontal .radio,.form-horizontal .checkbox{min-height:33px} .form-horizontal .form-group{margin-left:-20px;margin-right:-20px} .form-horizontal .form-control-static{padding-top:7px} @media(min-width:768px){ .form-horizontal .control-label{text-align:right} } /* buttons */ .btn{ display:inline-block; margin-bottom:0; font-weight:normal; text-align:center; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid #ccc; white-space:nowrap; padding: 0.250rem 1.25rem; font-size: 0.75rem; text-transform: uppercase; line-height:1.65; background-color: #eee; color: #666666; } .btn:focus, .btn:active:focus, .btn.active:focus{ outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus{ color:#666666; text-decoration:none; background-color: #e3e3e3; } .btn:active, .btn.active{ outline:0; background-image:none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125); box-shadow:inset 0 3px 5px rgba(0,0,0,0.125) } .btn-lg,.btn-group-lg>.btn{padding: 0.5rem 1.125rem; font-size: 1.125rem;line-height:1.33;} .btn-sm,.btn-group-sm>.btn{padding: 0.125rem 1.125rem; font-size: 0.688rem;line-height:1.5;} .btn-xs,.btn-group-xs>.btn{padding: 0 1.125rem; font-size: 0.613rem;line-height:1.5;} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%} .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade.in{opacity:1} .collapse{display:none} .collapse.in{display:block} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle} .btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left} .btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2} .btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0} .btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px} .btn-toolbar{margin-left:-5px} .btn-toolbar .btn-group,.btn-toolbar .input-group{float:left} .btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0} .btn-group>.btn:first-child{margin-left:0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0} .btn-group>.btn-group{float:left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0} .btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0} .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0} .btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px} .btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px} .btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none} .btn .caret{margin-left:0} .btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0} .dropup .btn-lg .caret{border-width:0 5px 5px} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%} .btn-group-vertical>.btn-group>.btn{float:none} .btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0} .btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0} .btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0} .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate} .btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%} .btn-group-justified>.btn-group .btn{width:100%} [data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none} .input-group{position:relative;display:table;border-collapse:separate} .input-group p {margin:0;} .input-group[class*="col-"]{float:none;padding-left:0;padding-right:0} .input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0} .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:49px;padding:10px 16px;font-size:20px;line-height:1.33;border-radius:0} select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:49px;line-height:49px} textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto} .input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:33px;padding:5px 10px;font-size:14px;line-height:1.5;border-radius:0} select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:33px;line-height:33px} textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto} .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell} .input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0} .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle} .input-group-addon{padding:6px 12px;font-size:16px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:0} .input-group-addon.input-sm{padding:5px 10px;font-size:14px;border-radius:0} .input-group-addon.input-lg{padding:10px 16px;font-size:20px;border-radius:0} .input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0} .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0} .input-group-addon:first-child{border-right:0} .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0} .input-group-addon:last-child{border-left:0} .input-group-btn{position:relative;font-size:0;white-space:nowrap} .input-group-btn>.btn{position:relative; height: 2.250rem;} .input-group-btn>.btn+.btn{margin-left:-1px} .input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2} .input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-2px} .input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-2px} /* Menus - Primary Navigation */ .primary-navigation .menu-toggle { display: none; } .site-navigation ul { list-style: none; margin: 0; padding:0; text-align: center; font-size: 1rem; } .primary-navigation ul.nav-menu { display: block; } .site-navigation a { color: #ffd2d2; display: block; text-transform: normal; text-decoration: none; } .primary-navigation li { border: 0; display: inline-block; line-height: 2.188rem; position: relative; text-align: left; } .primary-navigation li a { display: inline-block; padding: 0 0.75rem; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .primary-navigation li a:hover { opacity: 0.7; filter: alpha(opacity=60); } /* Submenus */ .primary-navigation li li > a { text-transform: uppercase; font-size: 0.813rem; border-bottom: 1px solid #363535; color: #b6b6b6; } .primary-navigation ul ul { float: left; margin: 0; position: absolute; top: 3.188rem; left: -999rem; z-index: 99999; display:none; } .primary-navigation ul ul ul { left: -999rem; top: 0; } .primary-navigation li li { border: 0; display: block; height: auto; line-height: 1.1; } .primary-navigation ul ul a, .primary-navigation li li li a { padding: 0.750rem; white-space: normal; width: 13.750rem; } .primary-navigation li a:hover { } .primary-navigation li li:hover > a, .primary-navigation li li.focus > a, .primary-navigation ul ul a:hover, .primary-navigation ul ul li.focus > a { background-color: #080d07; } .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul { left: auto; display:block; } .primary-navigation ul ul li:hover > ul, .primary-navigation ul ul li.focus > ul { left: 100%; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } .home.current-menu-item a { background: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .featured-image-style1, .featured-image-single { margin: 1.250rem 0; float: none; text-align: left; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } /* --------------カスタムCSS-------------- */ /* ナビゲーション */ @media (max-width: 768px) {   .primary-navigation li { height: 2rem !important; line-height: 2rem !important; } } /* サブナビゲーション */ #menu-works-subnav { padding: 20px; font-size: 0.8rem !important; font-family: sans-serif !important; } .sub-navigation li a { color: #cccccc; } .sub-navigation .current-menu-item > a, .sub-navigation .current-menu-ancestor > a { color: #ffd2d2 !important; } /* ソーシャルバー */ #social-icons { float: right; } #social-wrapper-sp { display: none; } @media (max-width: 768px) { #social-wrapper { display: none; } #social-wrapper-sp { display: block; padding: 0 !important; margin: 0 0 1em 0; background-color: #fff; } .social_icons { margin: 0px auto; width: 195px; } } /* 記事ページ */ #post-39 h1 { display: none; } /* CSS Document */ @media print { /* Bootstrap part */ .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .visible-print-block { display: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: none !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: none !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } /* regular print */ * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } }