/* Theme Name: JJSS Bihar Version: 1.0 Description: Designed by Foonzamedia. Author: Hareesh Author URI: http://www.foonzamedia.com Template: scratch */ @import url("../scratch/style.css"); @import url("includes/css/caplugin.css"); @import url("includes/css/reset-font.css"); body{ line-height:2em!important; } blockquote{ line-height:inherit;margin:30px 0px;background:none;border-left:3px solid #ac683e;color:#ac683e;margin-left:40px;font-family:noto sans; } h1, h2, h3, h4, h5, h6{ color:#97431f;font-family:Merriweather; } h1{ font-size:26px; } h2{ font-size:22px; } h3{ font-size:20px; } a{ color:#786b5a } section.entry-content{ font-family:Noto Sans } /* Header Style */ .nav{ background:#bb815e; } .nav nav{ display:inline-block;float:left; } #main-header .twelve.columns{ float:left; } #main-header .flexnav li a{ background:transparent;border-bottom:0px;text-transform:uppercase;color:inherit;font-weight:400;letter-spacing:3px; } #main-header #navigation-wrap{ margin:0px; } #navigation-wrap .menu-button{ background:transparent;border:0; } #main-header .two.columns{ width:14%;min-width:160px; } #main-header .six.columns{ margin:20px 1%;width:46%; } #logo{ max-width:100%; } .sp-links,nav#access{ display:inline-block;margin: 50px 0; } .sp-links a{display:block;width:120px;background:#e9c289;color:#ac683e;float:left;margin:7px;text-align:center;} .quotes h2{ font:bold 18px/1.5em Merriweather;font-style:italic;margin-bottom:10px; } .quotes h2 a{ color:inherit; } .quotes p{ font:normal 12px/1.6 Merriweather;color:#200901; } .quotes a.more-link{ color:#ac683e;text-decoration:underline;font-size:14px; } li.widget{list-style:none; } .widget_socialbar{ margin:40px 0px; } .social-media a{ background:url('images/social.png')no-repeat;width:40px; height:40px; } .social-media a.fb{ background-position:0px 0px; } .social-media a.twt{background-position:-54px 0px;} .social-media a.gplus{ background:url('images/soundcloud.png')no-repeat; } .social-media a.utb{ background-position:-160px 0px; } .home-message{ max-width:800px;text-align:center;margin:0px auto; } .home-message h2 { font:normal 18px/1.7em Merriweather;border:0;margin:30px 0;font-style:italic;color:#666666;letter-spacing:1px; } #slider{ margin-left:0;margin-top:30px; } #slider.flexslider{ box-shadow:none; } #slider.flexslider .content{ left:0;bottom:0;width:90%;background:transparent;padding:3% 5%;font:bold 16px/2em Merriweather;text-shadow:1px 1px 2px #222;background:rgba(50,50,50,0.4); } #slider.flexslider .content .excerpt{ position:absolute;top:10%;font-weight:normal;font-size:14px; } .flexslider .flex-direction-nav li .flex-prev{ left: 90%; } .flexslider .flex-direction-nav li .flex-next{ left: 94%; } .selected_posts{ margin-right:0; } .hide_cont .entry-content{ display:none; } .contain h2.entry-title { color:#fff;font:normal 15px/2em Merriweather!important; } .contain h2.entry-title a{ color:inherit;padding:10px 0px;display:inline-block; } .contain p{ color:#fff; } .contain a.more-link{ display:none!important; } .static.six.columns{ width:48%;margin:2%;margin-top:0; } .static.six.columns.bottom{ margin-top:2%;margin-bottom:0; } .static.six.columns.alpha{ margin-left:0; } .static.six.columns.omega{ margin-right:0; } /*Mini Features */ .mini-features{ margin-top:20px } .mini-features .row .four.columns{ width:32%; } .mini-features .row:last-child .four.columns{ width:49%;margin:1%; } .mini-features .row .four.columns:first-child{ margin-left:0; } .mini-features .row .four.columns:last-child{ margin-right:0;} .mini-features li{ background:#e9c289; } .mini-features .row h3,h3.widget-title{ background:#fff;margin:0;padding:20px 0px;font:bold 26px/2.0 Merriweather;color:#97431f;font-size:26px; } .mini-features img{ float:none;width:100%; } .mini-features p{ padding:15px;font-size:14px; } a.read-more,.list .type-post a.more-link{ display:inline-block;float:right;padding:5px 40px;background:url('images/arrow-or.png')no-repeat 85% 50% #200901;color:#e9c289;font-size:16px;border:0;text-decoration:none;margin-top:10px; } #slider .flex-direction-nav li a{ width:50px;height:50px;background:url('images/slidearrow.png')no-repeat;bottom:15%; } #slider .flex-direction-nav li .flex-next{ background-position:-63px 0px;left:85%; } #slider .flex-direction-nav li .flex-prev{ left:75%; } /* Blogs Section */ .blogs{ width:49%;float:left; } .blogs.alpha{ margin-right:1%; } .widget-title span{ text-transform:none; } .blogs.omega{ margin-right:0%;margin-left:1%; } .blogs .post.six.columns{ width:48.5%;margin-bottom:10px; } .blogs .post.six.columns.alpha .contain{position:initial;background:#ac683e;} .blogs .post.six.columns.alpha img.alignleft,.blogs .post.six.columns.alpha .wp-caption.alignleft{ float:none; } .blogs .post.six.columns.alpha .contain .content{ position:inherit; } .blogs .post.six.columns .entry-content{ font:normal 13px/1.8em Noto Sans;padding-bottom:10px;display:none; } .blogs .post.six.columns.alpha .entry-content{ display:block; } /* Events and Sri M */ #events{ margin-left:0; } #events header{ background:#e9c289; } #events h2,.srim h2{ color:#200901;text-align:center;font:Normal 20px/1.5 Merriweather; } #events h2{padding-top:7px;} #events h2 a,.srim h2 a{ color:inherit; } #events img.thumbnail.alignleft{ float:none; } #events img.thumbnail.alignleft,.srim img{ width:100%; } #events a.read-more{ position:absolute;bottom:0;right:0;font-family:noto sans; } #events .list .post{ background:#fff; } .srim.six.columns{ margin-right:0; } .srim h1{ padding:20px 0px;font:bold 26px/2.0 Merriweather; } .srim h2{padding:15px;text-align:center;} .srim p.srim-desc{ padding: 17px; background: #e9c289; font: normal 16px/1.8em Merriweather; color: #200901; margin-bottom: 20px; position: relative;text-align:center;} .srim p.srim-desc a{ position: absolute; bottom: 0; right: 0; font-family: noto sans;} .srim header{ background:#e9c289; } /* Footer */ #footer{ background-color:#786b5a; } #footer a { color:#fff;font:Bold 14px/2em Merriweather; } #footer a:hover{ color:#e9c289;} #footer .widget-title{ text-align:center; } #footer .widget-title span{ background:transparent!important;color:#fff;font:Bold 14px/2em Merriweather; } #footer .widget_socialbar{ max-width:190px;margin:0px 50px; } #footer .social-media a{ margin:0 10px; } .footer-widget-1 li{max-width:250px;border-bottom:1px solid #aea69c;} .footer-widget-2 li{ border-bottom:0px!important;text-align:center;max-width:240px;margin:0px auto;position:relative } .footer-widget-2 li:after{ background:url('images/arrow.png')no-repeat center;content:"";padding:15px; position:absolute;right:0} .footer-widget-2 li:hover::after{ background:url('images/arrow-or.png')no-repeat center; } .footer-widget-3 li{ border-bottom:1px solid #aea69c;text-align:right; } .menu-footer-3-container{ max-width:280px;float:right; } #footer-bottom{ background:#6a5f50;color:#beb5a6; } /* Default Page Template */ h1.entry-title{ font:bold 26px/2em Merriweather;color:#97431f; } h1.entry-title a{ color:inherit; } .single.single-client .title-wrapper, .single.single-portfolio .title-wrapper, .category .title-wrapper, .search .title-wrapper, .author .title-wrapper, .error404 .title-wrapper, .page .title-wrapper, .archive .title-wrapper, .search .title-wrapper{ margin-bottom:0px;padding-top:20px; } /*Subscription To Email */ #subscribe .widget{ background:#C3794C; } #subscribe.twelve.columns{ width:100%;margin:0; } #subscribe .gform_wrapper{ max-width:830px; margin: 0px auto; } #subscribe .gform_heading,#subscribe .gform_body,#subscribe .gform_footer{ float:left; } #subscribe .gform_wrapper .gform_heading{max-width: 370px;padding:0px 20px;margin-bottom:0px!important;} #subscribe .gform_body{min-width: 281px;width:20%;padding-right: 5px;} #subscribe .gform_title{ color:#fff;font:normal 20px/2em Noto Sans; margin: 3px 0px; } #subscribe .gform_wrapper .gform_footer{ clear:none;margin:7px 14px 0;padding:0;width: auto; } #subscribe .gform_wrapper ul li.gfield{ margin-top:8px; } #subscribe .gform_body ul li{ margin-bottom:0;border-bottom:0; } #subscribe .gform_wrapper .top_label input.large{ padding: 3px 13px;background:#e9c289;color:#ac683e;font:normal 18px/1.5em Noto Sans; } #subscribe .gform_wrapper .top_label input.large:-ms-input-placeholder,#subscribe #subscribe-email:input-ms-input-placeholder{ color:#ac683e; } #subscribe .gform_wrapper .top_label input.large::-moz-placeholder,#subscribe #subscribe-email input::-moz-placeholder{ color:#ac683e; } #subscribe .gform_wrapper .top_label input.large::-webkit-input-placeholder,#subscribe #subscribe-email input::-webkit-input-placeholder{ color:#ac683e; } #subscribe .gform_wrapper .gform_footer input[type=submit]{ background:#200901;color:#e9c289;font:Normal 16px/1.5em Noto Sans;border-radius:0; padding: 5px 36px;width:auto; margin-bottom: 5px;text-transform:capitalize;} #subscribe .jetpack_subscription_widget h4,#subscribe .jetpack_subscription_widget form,#subscribe .jetpack_subscription_widget p#subscribe-email,#subscribe .jetpack_subscription_widget p#subscribe-submit{ float:left; } #subscribe .jetpack_subscription_widget .wrap{ min-height: 46px;margin:0px auto;max-width:830px; } #subscribe .jetpack_subscription_widget h4{ color:#fff;font:normal 20px/2em Noto Sans;text-transform:uppercase; margin: 3px 0px;padding:0px 20px; } #subscribe .jetpack_subscription_widget h4 span{ background:transparent; } #subscribe-email{ margin: 5px 7px;margin-right:43px; } #subscribe #subscribe-email input{padding: 3px 13px;background:#e9c289;color:#ac683e;font:normal 18px/1.5em Noto Sans;} #subscribe .jetpack_subscription_widget p#subscribe-submit{ margin-bottom:0; } #subscribe .jetpack_subscription_widget input[type="submit"]{ background:#200901;color:#e9c289;font:Normal 16px/1.5em Noto Sans;border-radius:0; padding: 5px 36px;width:auto; margin: 6px 0px;border:0;text-transform:capitalize; } #subscribe .gform_confirmation_message{ text-align:center;max-width:830px;margin:16px auto;color:#e9c289;font-size:15px; } #subscribe .wrap .msg{ text-align: center;padding: 18px 0px;color: #e9c289;font-size: 16px;margin-bottom: 0;font-family:Noto Sans; } .gform_wrapper ul li.highlight{background:#dfddfd; padding:10px; margin-top:20px;} .gform_wrapper .top_label li.highlight .gfield_label{color:#97431f; font-size:1.3em;} /* Sidebar */ .widget_search .searchform input.s, .widget_search #searchform #s{ border:0;box-shadow:none;border-bottom:1px solid #e9c289;color:#e9c289;font:Normal 16px/2em Noto Sans;background-color:transparent;background-image:url('images/search.png');background-position:center right; } .widget_nav_menu h4{ font: bold 20px/2em Merriweather;color: #97431f;text-align: center; } .widget.widget_nav_menu ul li{ font: normal 16px/1.8em Noto Sans;text-align: center;border-bottom: 1px solid #e9c289;padding:10px 0px; } .widget_nav_menu li a{ color:#ac683e; } .calendar-archives.calendrier .calendar-navigation{ background:#e9c289; } .calendar-archives.calendrier .month.has-posts, .calendar-archives.calendrier .day.has-posts{ background-color:#fff; } .calendar-archives.calendrier .month.has-posts a, .calendar-archives.calendrier .day.has-posts a{ color:#999; } #secondary h1{ margin:20px 0px; } #secondary .rss{ font-size:16px;} #secondary .rss a{ color:#ac683e;text-decoration:underline; } h4.widget-title { color: #97431f; font-weight: 700; font-size: 18px; } .widget{ font-size: 15px; } /*Single Post*/ span.share-label{background-color:#efc467;} .single .hero{ margin:60px 0px 30px; } .single .hero img{ width:100%; } .satsang_blog a{ display:inline-block;padding:4px 20px;background:#e9cca0;color:#97431f; } .satsang_blog a.home{ margin-right:10px; } .satsang_blog a.blog,.satsang_blog a:hover{ background:#97431f;color:#fff;; } .type-post.category-quotations p.entry-meta{ font-size:18px; } .single .title-wrapper{ margin:10px 0px;padding:10px 0px; } #commentform .comment-form-head input{ width:28.5%!important; } .comments-sidebar h3{ font-size:20px; } #commentform #submit, .contactform #submit, #contact-form #submit{padding:15px 40px;background:url('images/arrow-or.png')no-repeat 95% 50% #200901;color:#e9c289;font-size:16px;border:0;text-decoration:none;margin-top:10px;} #commentform #submit:hover,.contactform #submit:hover, #contact-form #submit:hover{ background:url('images/arrow-or.png')no-repeat 95% 50% #712d16;color:#e9c289; } #respond label{ font-size:14px; } #respond input[type="checkbox"]{ margin:9px 10px 0px 0px; } .symple-button.black {background: #200901;color: #e9c289;font: Normal 16px/1.5em Noto Sans;padding: 8px 26px;} /* Post Navigation Styles */ .single .navigation{ display:table; width:100%; max-width:none; width:98%; margin:25px auto; } .single .navigation a{ display:table-cell; width:47%; padding:1.125em 3.125em; float:none; text-align:center; vertical-align:middle; line-height:1.6; box-shadow:none; color:#ac683e ; border:3px solid #ac683e; font-weight:normal; } .single .navigation a:first-child{ background-image:url('images/arrow-left.png'); background-repeat:no-repeat; background-position:5% 50%; border-right:0; } .single .navigation a:nth-child(2n+2){ background-image:url('images/arrow-right.png'); background-repeat:no-repeat; background-position:95% 50%; } /*Events Post */ .event-details{ padding:20px;background:#e9c289;font:normal 16px/1.8em Merriweather;color:#200901;margin-bottom:20px;position:relative; } .event-details li{ margin:20px 0px; } .event-details span{ font-weight:bold; } .event-details span,.event-details p{ float:left; } .event-details p{ width:80%;margin:0px 5px; } /*Blog Archive */ p.arch_desc{ padding:10px;border:1px solid #c6a270;border-radius:4px;background:#E9C289;font-size:16px; } .list .type-post{ border-bottom:0;background:#ac683e;padding-bottom:0; } .list .type-post header h2{ color:#fff;font-family:Merriweather;font-weight:bold;font-size:18px; } .list .type-post header h2 a{ color:inherit; padding:10px 15px;display:inline-block;} .list .type-post .entry-content p{ color:#fff;padding:0px 15px; } .page .list .four.columns img{ width:100%; } .navigation span.current, .navigation a:hover{ background:#ac683e;color:#fff; } /* ca_plugin styles */ .blog-aux-wrap{ background:transparent; margin-top:20px; } .blog-filter-wrap{ border-bottom:0px; } .blog-aux-wrap ul{ border:2px solid #c6a270; border-radius:15px; } ::-webkit-input-placeholder { /* WebKit browsers */ color:#2c1103; font-weight:light; } .blog-aux-wrap li{ border-right: 2px solid #c6a270; padding:12px 8%; } .blog-aux-wrap li:first-child{ border-top-left-radius:9px; border-bottom-left-radius:9px; } .blog-aux-wrap li:hover{ background:#c6a270; } .blog-aux-wrap li:hover a,.blog-aux-wrap li.selected a{ color:#fff; } .blog-aux-wrap li.search{ border-right:0px!important; } .blog-aux-wrap li a{ color:#2c1103; } .blog-aux-wrap .blog-aux-options{ max-width:1000px; } .blog-aux-wrap li.search{ padding:3px 5%; } .blog-aux-wrap li.search input{ border:0px; color:#2c1103; background:url('images/search.png')no-repeat; background-position:97%; font:300 18px/1 Noto Sans; } .blog-aux-wrap li.search:hover{ background:none; } .blog-aux-wrap li.selected{ background:#c6a270; } .blog-aux-wrap li.selected a{ color:#fff; } .slideout-filter ul li:hover, .slideout-filter ul li a:hover{ background:#c6a270; color:#fff; } .slideout-filter ul li{ width:inherit; } .flex-direction-nav li .flex-prev{ left:90%; } .flex-direction-nav li .flex-prev{ left:94%; } /* Catgories Tabs WIdget */ #tabs ul.scratchtabs{ background:#fff;border:0; box-shadow:none} #tabs ul.scratchtabs li.popular, #tabs ul.scratchtabs li.latest,#tabs ul.scratchtabs li.comments{ width:32.5%;margin-right:.5%; } #tabs ul.scratchtabs li a{ background:#fff;color:#ac683e; border:1px solid #e9c289; } #tabs ul.scratchtabs li a.selected{ background:#e9c289;color:#fff; } #tabs ul.scratchtabs li.comments{ border-right:1px solid #e9c289; } #tabs .inside li{ border:1px solid #e9c289;border-top:0;text-align:center; } #tabs .inside{ box-shadow:none!important;padding:0px 5px 5px 0px; } #tabs .inside li:last-child{ border-bottom:1px solid #e9c289!important; } #tabs .inside li a{ font:normal 16px/1.8em Noto Sans;color:#ac683e; } /* Portfolio Archive */ .page-template-template-portfolio-php .post-thumb a:hover img, .recent-portfolios-widget .post-thumb a:hover img, .recent-work .post-thumb a:hover img{ opacity:1; } .page-template-template-portfolio-php .post-thumb a, .recent-portfolios-widget .post-thumb a, .recent-work .post-thumb a{ width:100%;height:auto;line-height:0; } .page-template-template-portfolio-php .type-portfolio, .recent-portfolios-widget li, .recent-work li{ height:auto; } .page-template-template-portfolio-php .type-portfolio .entry-title, .page-template-template-portfolio-php .type-portfolio .entry-title a, .recent-portfolios-widget .entry-title, .recent-portfolios-widget .entry-title a, .recent-work .entry-title, .recent-work .entry-title a{ font:Bold 18px/1.8em Merriweather;margin-top:0; } #sort-by a { border: 1px solid #bb815e; color: #555; padding: 3px 9px 2px 9px; margin: 0; display:block;background:#ac683e;color:#fff; box-shadow:none; } #sort-by a.active{ background:#bb815e; } /*Donation Form*/ .disable{background: #e0e0e0;} .gform_wrapper #gform_1 ul li, .gform_wrapper #gform_5 ul li{width:50%;float:left;margin-bottom:10px;} .gform_wrapper #gform_5 ul li.third ul li{width: 33%;} .gform_wrapper #gform_1 ul li.full, .gform_wrapper #gform_5 ul li.full{width:100%;clear:both;} .gform_wrapper #gform_1 ul li.full-row, .gform_wrapper #gform_5 ul li.full-row{width:100%;clear:float;} .gform_wrapper #gform_1 ul li.gfield, .gform_wrapper #gform_5 ul li.gfield{clear:none;} .gform_wrapper #gform_1 .top_label input.medium, .gform_wrapper #gform_5 .top_label input.medium{width:90%;padding:10px 1%;font-size:14px;} .gform_wrapper #gform_1 .top_label select.medium, .gform_wrapper #gform_5 .top_label select.medium{width:90%;padding:8px 1%;font-size:14px;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{padding:8px 12px;background:#bb815e;color:#fff;font-size:16px !important;border:none;width:120px; text-transform:uppercase;margin-bottom:20px;} .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover{cursor:pointer;} .gform_wrapper form li .gfield_radio li{margin-top:8px !important;} body .gform_wrapper li.gfield.gfield_error.gfield_contains_required{padding-left:0 !important;padding-right:0 !important;} .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{font-size:14px;} .gform_wrapper .top_label .gfield_label{font-weight:normal !important;} .content.payment h2{font:bold 26px/2em Merriweather;padding:20px 0px;} .symple-toggle .symple-toggle-trigger{ font-weight:bold;font-size:18px;font-family:merriweather; } @media only screen and (max-width:1200px){ #main-header .four.columns{ width:40%;margin:0px auto;float:none; } #main-header .two.columns{ width:16%; } #slider, .selected_posts{ width:98%; } .page-template-template-home-php .type-post .contain .content{ bottom:0;padding-left:0;height:100%; } #slider, .selected_posts{ width:98%;margin:15px 1%; } #subscribe .gform_wrapper .gform_heading,.wrap h4.widget-title,#subscribe .gform_body,#subscribe .gform_wrapper .gform_footer{ width:100%;text-align:center;max-width:initial; } #subscribe .gform_wrapper ul.gform_fields{ max-width:300px;margin:0px auto!important; } #subscribe .gform_wrapper #gform_1 ul li.gfield{ display:block;width:100%; } #subscribe .gform_wrapper .gform_footer input[type=submit]{ margin:0px auto 10px;max-width:135px;float:none; } .widget.jetpack_subscription_widget h4.widget-title{ margin-bottom:0; } .widget.jetpack_subscription_widget form{ width:100%; } .widget.jetpack_subscription_widget form p#subscribe-email{ width:98%; } #subscribe #subscribe-email input{ max-width:330px;margin:0px auto;display:block; } #subscribe .jetpack_subscription_widget p#subscribe-submit{ width:100%; } #subscribe .jetpack_subscription_widget input[type="submit"]{ margin:0px auto 10px;max-width:132px;display:block; } } @media only screen and (max-width:1200px) and (min-width:800px){ #main-header .six.columns{ width:75%; } .page .list .four.columns{ width:48%;margin:0 1%; } } @media only screen and (max-width:1000px){ #slider.flexslider .content .excerpt{position:static;} .blogs{ width:98%;margin:0 1%; } } @media only screen and (max-width:800px){ #main-header .four.columns{ width:98%; } #navigation-wrap .menu-button .touch-button .navicon{ line-height:0.4em;color:#e9c289; } #navigation.main-menu{ left:0;right:initial; } .sp-links{float: none;display: block;margin: 0px auto;max-width: 260px;} .mini-features .row .four.columns,.mini-features .row:last-child .four.columns{ width:98%; } #events.six.columns,.srim.six.columns{ width:98%;margin:0 1%; } #events .list .post{ width:100%;margin:0; } #main-header .two.columns{ display:none; } #main-header .six.columns{ width:98%; } .container .four.columns,.container .eight.columns{ width:98%!important;margin:0 1%; } .page .list .four.columns{ width:98%;margin:0 1%; } #footer-widgets .block{ width:98%;margin:0 1%; } #footer .widget ul li{ text-align:center!important;max-width:300px;margin:0px auto; } .menu-footer-3-container{ float:none;margin:0px auto; } .footer-widget-1 li{ margin:0px auto; } .gform_wrapper #gform_1 ul li, .gform_wrapper #gform_5 ul li{width:98%;float:left;margin: 0 auto; margin-bottom:10px; float: none;} .gform_wrapper #gform_5 ul li.third ul li{width: 98%; margin: 0 auto; float: none;} } @media only screen and (max-width:699px){ } @media only screen and (max-width:600px){ .page-template-template-home-php .type-post .contain .content{ bottom:0;overflow:hidden; } .blogs .post.six.columns{ width:98%; } .gform_wrapper #gform_1 ul li{ width:100%; } } @media only screen and (max-width:400px){ .sp-links a{ width:105px; } .sp-links{ max-width:227px; } }