/* Theme Name: The Little Sitter Template: genesis */ /* # Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Secondary Navigation - Skip Links - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Site Footer - Media Queries - Retina Display - Max-width: 1200px - Max-width: 960px - Max-width: 800px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ @import url(//fonts.googleapis.com/css?family=Oswald:400,300,700); @import url(//fonts.googleapis.com/css?family=Raleway:400,500,300,200); @font-face { font-family: 'museoslab300'; src: url('fonts/museoslab300.eot'); src: url('fonts/museoslab300.eot') format('embedded-opentype'), url('fonts/museoslab300.woff') format('woff2'), url('fonts/museoslab300.woff') format('woff'), url('fonts/museoslab300.ttf') format('truetype'), url('fonts/museoslab300.svg') format('svg'); } @font-face { font-family: 'Archer Bold'; font-style: normal; font-weight: normal; src: local('Archer Bold'), url('fonts/Archer-Bold-Pro.woff') format('woff'); } @font-face { font-family: 'Archer Medium'; font-style: normal; font-weight: normal; src: local('Archer Medium'), url('fonts/ArcherPro-Medium.woff') format('woff'); } @font-face { font-family: 'EdmondsansRegular'; src: url('fonts/EdmondsansRegular.eot'); src: url('fonts/EdmondsansRegular.eot') format('embedded-opentype'), url('fonts/EdmondsansRegular.woff') format('woff2'), url('fonts/EdmondsansRegular.woff') format('woff'), url('fonts/EdmondsansRegular.ttf') format('truetype'), url('fonts/EdmondsansRegular.svg') format('svg'); } @font-face { font-family: 'Pacifico'; src: url('fonts/Pacifico.eot'); src: url('fonts/Pacifico.eot') format('embedded-opentype'), url('fonts/Pacifico.woff') format('woff2'), url('fonts/Pacifico.woff') format('woff'), url('fonts/Pacifico.ttf') format('truetype'), url('fonts/Pacifico.svg') format('svg'); } @font-face { font-family: 'museo_slab500'; src: url('fonts/museo_slab-webfont.eot'); src: url('fonts/museo_slab-webfont.eot#iefix') format('embedded-opentype'), url('fonts/museo_slab-webfont.woff') format('woff'), url('fonts/museo_slab-webfont.ttf') format('truetype'), url('fonts/museo_slab-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ostrichsans_sansroundedmedium'; src: url('fonts/ostrichsans_sansroundedmedium.eot'); src: url('fonts/ostrichsans_sansroundedmedium.eot') format('embedded-opentype'), url('fonts/ostrichsans_sansroundedmedium.woff') format('woff2'), url('fonts/ostrichsans_sansroundedmedium.woff') format('woff'), url('fonts/ostrichsans_sansroundedmedium.ttf') format('truetype'), url('fonts/ostrichsans_sansroundedmedium.svg') format('svg'); } html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* New Style Start */ .site-header .wrap{ background:url("images/header-banner.png") no-repeat bottom center;} .head-service{ font-family:Archer Bold; font-size: 19px;text-transform: uppercase; /*color:#69c8ca;*/ color:#B62E86; text-align:center; line-height:30px;} .head-service span{ font-size:33px; color:#B62E86;} .clear{ clear:both;} .sign-wrap{ text-align:center; margin-top: 4px;} .swrap-left, .swrap-right{color:#c7318f;text-transform:uppercase;font-family:'EdmondsansRegular';text-decoration:underline;font-size: 18px; } .swrap-left{margin-right:20px;}.swrap-right{ margin-left:20px;} .social-icn a{ margin-right:8px;} .social-icn{ margin:0 0 10px 0; padding-top:30px} .slide-excerpt{ margin:0 !important; padding:0 !important; background:#68c5c4 !important; opacity:1 !important; height:100%; } html > body .slide-excerpt-border{position:none !important;} .slide-excerpt-border { border:none !important; color:#fff; font-family: 'Archer Bold'; font-size:23px; text-align:center; } h2.caption { background: rgba(104, 197, 196, 0.8) none repeat scroll 0 0; color: #fff; font-family: "EdmondsansRegular"; font-size: 20px; font-weight: bold; padding: 15px 4px; position: absolute; width: 70%; bottom:0; } .slide-excerpt-border .tsv {color: #fff; font-family: "Archer Bold";font-size: 23px;line-height: 32px;text-transform: uppercase; margin-bottom: 40px;} .book-visit {background: #c4edeb none repeat scroll 0 0;font-size: 16px;padding: 13px;border-radius: 20px; color:#68c5c4; text-transform:uppercase; text-decoration:none; width:190px; float:left; position: absolute;left: 10%;bottom: 30px;} #genesis-responsive-slider{ border:10px solid #a7dddd !important;} input, select, textarea{ padding:10px !important;} textarea{ max-height:100px;} *::-webkit-input-placeholder {color: #69c8ca !important;font-family:'Archer Bold';font-size:20px;} *:-moz-placeholder { /* Firefox 18- */color: #69c8ca !important; font-family:'Archer Bold';font-size:20px;} *::-moz-placeholder { /* Firefox 19+ */color: #69c8ca !important; font-family:'Archer Bold';font-size:20px;} *:-ms-input-placeholder { color: #69c8ca !important; font-family:'Archer Bold';font-size:20px;} .widget-title{color: #69c8ca !important; font-family: 'Oswald', sans-serif; font-weight: 300; font-size:31px !important; text-transform:uppercase; text-align:center;} .submit{ font-family: 'Pacifico'; float:right; background: none !important; color:#69c8ca !important; font-size:27px !important; text-transform:inherit !important; padding:0 10px 0 0 !important} .site-footer, .entry-title{ display:none;} .blog .entry-title, .single .entry-title{ display:block;} .blog h4.widget-title, .single h4.widget-title{ text-align:left;} .blog .content p, .single .content p{ text-align:left;} .heading-sep{ background:url('images/sep.png')repeat-x 0 50%; font-family: 'museo_slab500'; font-size:24px; width:340px; margin:0 auto; text-align:center; text-transform:uppercase; color:#c6348f; letter-spacing:4px;} .heading-sep span{ background:#fff; padding: 0 10px;} .oswal{ font-size:37px; font-family: 'Oswald', sans-serif; text-align:center; text-transform:uppercase; color:#c6348f; line-height:42px} .museo{ font-size:41px; font-family: 'museo_slab500';text-align:center; text-transform:uppercase; color:#c6348f;line-height:46px} .archer{ font-size:98px; font-family: "ostrichsans_sansroundedmedium";text-align:right; text-transform:uppercase; color:#c6348f; background:url('images/in.png') no-repeat 0 50%; line-height:90px; margin-bottom: 20px;} .heading-main{ width:420px; margin:0 auto;} .home .content p{font-family: 'museo_slab500'; color:#c09e9f; font-size:20px; text-align:center; line-height:25px; } .page-id-13 .content p, .home .content p{text-align:center; } .content p{font-family: 'museoslab300'; color:#c09e9f; font-size:18px; line-height:24px; } h2{ font-family: 'ostrichsans_sansroundedmedium'; color:#c5318d; font-size:31px;} h1.entry-title, h1.entry-title a{ font-family: Archer Bold; color:#b62e86; font-size:36px; text-decoration:none;} .qe-toggle-title strong{font-family: Archer Bold; color:#69c8ca ; font-size:22px; text-decoration:none;} .qe-toggle-content p{ text-align:left;} span.entry-categories{ display:none;} .col-2{ width:50%; float:left; text-align:center; margin-top:60px;} .col-2 ul{ color:#c4a3a5; font-family: 'museo_slab500'; font-size:17px; line-height:24px;} .right{ float:right !important;} .affiliate{ width:100%; text-align:center;} .affiliate h3{ color:#69c8ca; font-size:31px; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight: 300;} .affiliate img{ margin: 10px 25px 10px 20px} .time-section{ border:4px solid #e2d2d2;} .time-sectiontop{ border-top:4px solid #e2d2d2; width:100%} .time-section p{ text-align:left; font-size:17px; line-height:22px; font-family: 'museo_slab500'; color:#cab1b2;} .time-section-in{ background:#faf6ef;margin: 10px; padding:15px 0;} .time-section-in img { margin-left:20px;} .time-section h3{ font-size:46px; color:#c5328d; font-family: 'ostrichsans_sansroundedmedium'; text-transform:uppercase; font-weight:bold;} ul#menu-footer-menu{margin:0 auto; text-align:center;} ul#menu-footer-menu li{ display: inline; } ul.abt{font-family: 'museoslab300'; color:#c4a3a5;} ul.serv{font-family: 'museoslab300'; color:#c4a3a5; text-align:left; margin:0 !important;} .page-id-15 .content p{ text-align:left;} ul.serv li{list-style-type:none !important; padding-bottom:15px;} ul.serv li ul{ margin:15px 0 0 40px;} ul.serv li ul li{ padding-bottom:10px;} ul#menu-footer-menu li a{ font-family:'museo_slab500'; font-size:18px; color:#c09e9f; border-right:2px solid; text-decoration:none; padding:0 10px;} .footer-social {background: rgba(0, 0, 0, 0) url("images/footer-social.png") no-repeat scroll 50% 1%;height: 66px;padding-top: 17px;} .cpy-right{font-family: 'Pacifico'; font-size:21px; color:#c667af; line-height:40px;} .footer-bottom-section{ padding:55px 0 25px} .goog-yelp a{ margin-right:3px; text-align:center;} .goog-yelp{ margin-bottom:30px; text-align:center; width:100%} ul#menu-footer-menu li:last-child a{ border:none !important;} h4{ font-size:28px !important; color:#69c8ca !important; font-family: 'Oswald', sans-serif; font-weight:400 !important; padding:20px 0 15px 0;} h5{font-size:22px !important; color:#69c8ca !important; font-family: 'Oswald', sans-serif; font-weight:400 !important; padding:20px 0 5px 0;} h4:first-of-type { padding-top:0;} .margin-tp{ margin-top:20px !important;} #text-9 .textwidget{ color:#cab1b2;} .mathe{ padding-left:0px;} .wpcf7-form{ color:#69C8CA !important; font-family:'museo_slab500';} /*New Style End*/ /* ## Box Sizing .sign-wrap a{ font-family:'EdmondsansRegular'; color:#c7318f; float:right; margin-right:50px; text-transform:uppercase; text-decoration:none;font-size: 20px;} --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 1.8rem; } body { /* background-color: #f5f5f5; font-family: Lato, sans-serif;*/ color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 300; line-height: 1.625; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #c3251d; text-decoration: none; } a:hover, a:focus { color: #333; text-decoration: none; } p { margin: 0 0 18px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #ddd; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { /*color: #333; /*font-family: Lato, sans-serif;*/ font-weight: 400; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { /*font-size: 30px; font-size: 3rem;*/ } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 3px solid #69c8ca; margin-bottom: 20px; color: #333; font-size: 18px; font-size: 1.8rem; font-weight: 300; padding: 16px; width: 100%; border-radius: 5px; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #333; font-weight: 300; opacity: 1; } ::-webkit-input-placeholder { color: #333; font-weight: 300; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #333; border: 0; color: #fff; cursor: pointer; font-size: 16px; font-size: 1.6rem; font-weight: 300; padding: 16px 24px; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #c3251d; color: #fff; } .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .more-link { position: relative; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 934px; } .padd{ padding:0 20px;} .site-inner { clear: both; padding-top: 40px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 980px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* ### Content */ .content { float: right; width: 600px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 580px; } .full-width-content .content { width: 100%; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 270px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* ## Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; } .archive-description, .author-box { background-color: #fff; font-size: 16px; font-size: 1.6rem; margin-bottom: 40px; padding: 40px; } .author-box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .site-header .search-form { float: right; margin-top: 12px; width: 288px; } .entry-content .search-form/*, .site-header .search-form*/ { width: 50%; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } /* To clear search input field's text when the search field gets focus */ input[type="search"]:focus::-webkit-input-placeholder { color:transparent; } input[type="search"]:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ input[type="search"]:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ input[type="search"]:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */ /* ## Titles --------------------------------------------- */ .archive-title { font-size: 20px; font-size: 2rem; } .entry-title { font-size: 36px; font-size: 3.6rem; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #c3251d; } .widget-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .sticky { } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; clear:both; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 2px solid #f5f5f5; margin-bottom: 20px; padding: 0 0 24px; } .featured-content .entry-title { font-size: 20px; font-size: 2rem; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews-widget, .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .enews-widget input, .enews-widget input:focus { border: 1px solid #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"], .enews-widget input:focus[type="submit"] { background-color: #fff; color: #333; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background:#def2f2;/*url('images/header-bg.png');*/ /*min-height: 160px;*/ } .site-header .wrap {padding: 0 25px 30px; position: relative; top: 20px;} /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 10px 0; /*width: 360px;*/ } .header-full-width .title-area { width: 100%; } .site-title { font-size: 32px; font-size: 3.2rem; font-weight: 400; line-height: 1.2; } .site-title a, .site-title a:hover, .site-title a:focus { color: #333; } .site-title a img { vertical-align: top; } /*.header-image .site-title > a { background: url(http://www.thelittersitter.com/wp-content/themes/the-little-sitter/images/logo.png) no-repeat left; float: left; min-height: 60px; width: 100%; }*/ .site-description { font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; /*width: 800px;*/ } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 16px; font-size: 1.6rem; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { color: #B62E86 !important; display: block; font-family: "EdmondsansRegular"; font-size: 18px; padding: 30px 11px 20px; text-transform: uppercase;} .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { color: #c3251d; text-decoration: underline; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: 0; font-size: 14px; font-size: 1.4rem; padding: 20px; position: relative; width: 200px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -55px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu > .search { padding: 10px 0 0; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* ## Site Header Navigation --------------------------------------------- */ .site-header .sub-menu { border-top: 1px solid #eee; } .site-header .sub-menu .sub-menu { margin-top: -56px; } .site-header .genesis-nav-menu li li { margin-left: 0; } /* ## Primary Navigation --------------------------------------------- */ .nav-primary { /*background-color: #333;*/ } .nav-primary .genesis-nav-menu a { color: #ccc; text-decoration: none; } .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu .current-menu-item > a { color: #fff; text-decoration: underline; } .nav-primary .genesis-nav-menu .sub-menu a { color: #333; } .nav-primary .genesis-nav-menu .sub-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a { color: #c3251d; text-decoration: underline; } /* ## Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #fff; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { margin-bottom: 40px; /* padding: 50px 60px; */ } .content .entry { background-color: #fff; } .entry-content ol, .entry-content ul { margin-bottom: 28px; margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-footer .entry-meta { border-top: 2px solid #f5f5f5; padding-top: 24px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #333; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-size: 1.6rem; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background-color: #c3251d; text-decoration: underline; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; margin-bottom: 40px; } .comment-respond, .entry-pings { padding: 40px 40px 16px; } .entry-comments { padding: 40px; } .comment-header { font-size: 16px; font-size: 1.6rem; } li.comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: 0; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { margin-top: 24px; padding: 32px; } .comment-list li li { margin-right: -32px; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 16px; font-size: 1.6rem; padding: 24px; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 16px; font-size: 1.6rem; } .sidebar li { border-bottom: 1px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; /*margin-bottom: 40px; padding: 40px;*/ } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ /* https://sridharkatakam.com/css-multi-column-footer-widgets-genesis/ */ .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 30%; /* 360px / 1200px */ float: left; } .footer-widgets-1, .footer-widgets-2 { margin-right: 5%; /* 60px / 1200px */ } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 1; padding: 40px 0; text-align: center; } .site-footer p { margin-bottom: 0; } /* Responsive Menu --------------------------------------------- */ .responsive-menu-icon { cursor: pointer; display: none; text-align: center; } .responsive-menu-icon::before { content: "\f333"; display: inline-block; font: normal 20px/1 'dashicons'; margin: 0 auto; padding: 16px 7px 16px 16px; } .nav-primary .responsive-menu-icon::before { color: #fff; } .menu-text { color: #fff; line-height: 1; vertical-align: top; margin-top: 16px; display: inline-block; } /* To avoid noticeable vertical movement for hover state of Soliloquy's Control Nav (typically circles) and bxSlider's left and right arrows */ .soliloquy-container .soliloquy-control-nav li a, .soliloquy-theme-classic .soliloquy-pager-link, .bx-wrapper .bx-controls-direction a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* To remove bottom border for Soliloquy controls */ .entry-content .soliloquy-controls-direction a, .entry-content a.soliloquy-pager-link { border-bottom: none; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .sidebar-primary, .title-area { width: 300px; } } @media only screen and (max-width: 960px) { .site-inner, .wrap { max-width: 800px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding: 20px 5%; } .header-image .site-title > a { background-position: center top; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; } .site-header .search-form { margin: 16px auto; } .genesis-nav-menu li.right { display: none; } } @media only screen and (max-width: 800px) { body { background-color: #fff; font-size: 16px; font-size: 1.6rem; } .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget, .site-header { padding: 0; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .sidebar .widget.enews-widget { padding: 40px; } } @media only screen and (max-width: 768px) { .genesis-nav-menu { padding-bottom: 20px; } .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu, .genesis-nav-menu.responsive-menu { display: none; } .genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item { margin: 0; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu.responsive-menu .current-menu-item > a, .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu.responsive-menu a, .genesis-nav-menu.responsive-menu a:hover { background: none; line-height: 1; padding: 16px 20px; } .nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a, .nav-primary .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover, .nav-primary .genesis-nav-menu.responsive-menu a, .nav-primary .genesis-nav-menu.responsive-menu a:hover { color: #fff; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f347"; float: right; font: normal 16px/1 'dashicons'; height: 16px; padding: 16px 20px; right: 0; text-align: right; z-index: 9999; } .nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { color: #fff; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f343"; } .genesis-nav-menu.responsive-menu .sub-menu { border: none; left: auto; opacity: 1; padding-left: 25px; position: relative; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { margin: 0; } .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { background: none; border: none; padding: 12px 20px; position: relative; width: 100%; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 100%; } .footer-widgets-1, .footer-widgets-2 { margin-right: 0; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-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, .site-title > a:after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } @media only screen and (max-width:768px) { .slide-excerpt{ display:none !important;} } @media only screen and (max-width:660px) { .col-2{ width:100%;}} @media only screen and (max-width:480px) { h2.caption{ display:none;} .heading-main{ width:100%;} .archer{ font-size:64px;} }