/** * @package bakery-pastry-lite */ /*extra Classes */ a.rdmore {background: #fff7f9; color: #ff6796; margin: 17px 0 0; display: inline-block; padding: 7px 32px; width: auto; font-size: 15px; text-decoration:none;border-radius: 0;} a.rdmore:hover{color: #ffffff;background-color: #ff6796; border-color:#ff6796;} .nav-links .page-numbers { background: #783649; color: #ffffff; padding: 10px 13px; margin: 10px 0 0; display: inline-block;text-decoration:none;} .nav-links .page-numbers.current, .nav-links .page-numbers:hover{background:#ff6796;} .learnmore { background-color: rgba(0,0,0,0.8); color: #ffffff; padding: 5px 20px; font-size: 14px;} a.learnmore:hover { color: #ffffff; text-decoration: underline;} .postmeta { margin: 0 0 10px; font-size: 12px;} .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;} .gallery img{width: 100%;} .gallery .gallery-item{ margin-top: 0 !important; } .clear{ clear:both;} .container{ width: 1100px; margin:0 auto; } .alignnone, .aligncenter{ width:100% !important;} img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;} img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;} .left{ float:left;} .right{ float:right;} #comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;} ol.comment-list li{ list-style:none; margin-bottom:5px;} /* header */ .header_left { float: left; } .header_right{ float: right;} .header_right.headercommon {float: right;text-align: right; padding:0 0; font-size:13px; margin-top:5px;} .bannercontent {position: absolute; left: 0; right: 0; text-align: center; background-color:none; bottom: 35px;} .bannercaption{width: auto; float: none; background-color:rgba(24,22,22,0.4); padding:15px 13px 19px;} .bannercontent h3 { margin-top: 10px; margin-bottom: 20px; text-transform: none; color: #ffffff; text-shadow: none; font-size: 65px; font: 600 32px/36px 'Roboto Condensed', sans-serif; font-size:43px; } .banner_sub_heading { font-size: 17px; color:#ffffff; font-weight: normal; text-shadow: none; line-height: 27px; } .banner_button{margin: 0 0 0 0;} /* widget search */ #searchform{margin-bottom: 25px;} /* resource section */ section#pageboxes { padding: 50px 0 0;} .commonboxrs{vertical-align:top; color:#333333; float:none; margin:0 0 10px; text-align:center; position:relative; min-height:280px;padding:0; background:#ffffff; display: inline-block;} .commonboxrs p{line-height:20px; text-align: center; } .commonboxrs h3{ font-size:18px; font-weight:400; color:#333333; margin:15px 0 15px;} .commonboxrs:hover h3{ color:#28374a;} .commonboxrs .thumbbx {border: 0; width: auto; height: auto; overflow: hidden; margin: 0 auto 0; border-radius: 0; -moz-border-radius: 50%; -wbkit-border-radius: 50%;} .commonboxrs .thumbbx img { width: auto; height: auto; min-height:auto;} #pageboxes .container { width: 100%; max-width: 1330px; } .fourpagecontent a{text-decoration: none;} .fourbox{width:25.0%;} #pageboxes .pageclmn { display: inline-block; text-align: center; width:100%; } .resourcebox{ border: none; padding: 5px; text-align: center;} #pageboxes{position:relative; } .top4box{ width:24%; float:none; margin:0;padding:7px; position:relative; box-sizing:border-box; padding-top:12px; vertical-align: top;} .topboxbg{ position:relative; padding:0;} .top4box h4{ font-weight:700; text-transform:normal; margin:0 0 15px; } .top4box .thumbbx{ margin:0; padding:0; width:100%; height:270px; position:relative; } .top4box .thumbbx img{height:100%; width:100%; min-height:270px; object-fit: cover; vertical-align:top; } .top4box:hover .thumbbx img{ opacity:0.2} .top4box .thumbbx .box-count{ width:75px; height:75px; line-height:100%; position:absolute; right:-50px; top:50%; transform:translateY(-50%); border-radius:100%; background:#0C0; color:#ffffff;} .top4box:hover .thumbbx .box-count{ background:#000000;} .top4box .thumbbx .box-count h4{ margin:0; padding:0; line-height: 75px;color:#ffffff;} .fourpagecontent{ border:solid #f0f0f0 1px; background:#fff; min-height:200px; margin:0 auto; padding:20px 20px 30px; position:relative; margin-top:-35px; width: 78%; } .topboxbg a.rdmore { background: none; font-weight: 600; font-size: 17px; } .commonboxrs a.rdmore { color: #ff6796; font-size: 17px; font-family: PT Sans; border: none; } a.pagemore i { width: 35px; height: 35px; line-height: 35px; top: -5px; text-align: center; font-size: 14px; position: relative; margin: 0; float: right; border-radius: 100%; border: solid 1px #e8e8e8; } a.rdmore.fourreadmore :hover { color: #1864ab; background-color: none; border-color: none; } .post-comment .cat-links:before { content: "\f02c"; } .post-comment .cat-links:before { font-family: "FontAwesome"; margin-right: 10px; } /*==home page =*/ .home .pageheading h1{ font-weight: 400; font-size: 30px; margin-bottom: 20px; text-align: left; text-transform: capitalize;} /* = Page lay out css -------------------------------------------------------------- */ .site-main { margin: 0 0 0 0; padding: 0; float: left; width: 70%; } #sitefull, .sitefull{ width:100%; float:none;} #sitefull p{ margin-bottom:15px;} .page_content{ padding:25px 0;} .page_content p{ line-height:25px;} .blog_lists{ margin-bottom:30px; } .blog_lists h3{ margin-bottom:0px;} .blog_lists h3 a{ color:#484f5e;} .blog_lists h3 a:hover{ color:#000;} .blog_lists p{ margin-bottom:10px;} .blog-meta{ font-style:italic; margin-bottom:8px; } .post-date, .post-comment, .post-categories{ display:inline; background: none; color: #ff6796; padding:4px 12px 4px 0px;} .post-comment a{color:#333333;} .post-comment a:hover{ color:#ff6796; text-decoration:underline;} .single_title{ margin-bottom:5px;} .BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;} .BlogPosts img{ width:100%;} .BlogPosts h2{ margin:10px 0; font-size:22px; } .post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;} .post-thumb img{ width:100%; } .recent_articles {margin: 0; padding: 28px 11px; box-shadow: none; background:none; border-bottom: 1px solid #cccccc; } .recent_articles.nomargine{} .recent_articles h3{ margin-bottom: 8px; } nav.navigation.pagination{margin-top: 15px;} .wp-block-search__inside-wrapper { max-width: 90%; margin: 0 auto; padding-bottom: 15px; } /* = sidebar -------------------------------------------------------------- */ #sidebar { float: right; width: 28%; margin: 0 0 0 2%;} aside.widget{margin-bottom:40px; background-color:#fff7f9; padding:0;} aside.widget ul.wp-block-latest-posts.wp-block-latest-posts__list{ list-style:disc; margin:0; } h3.widget-title, #sidebar .widget_block h2, #sidebar .widget_block .wp-block-search__label{ background-color:#ff6796; padding:12px 15px; margin-bottom:15px; color:#ffffff; font-size: 21px; text-align: left; text-transform: capitalize; font-weight:500; width: 90%; display: inline-block;} #sidebar ul li{ list-style:none; border-bottom:1px solid #cccccc; padding:15px 10px 15px 15px;} #sidebar ul li li{border:none; padding-bottom: 0;} #sidebar ul li a{ color:#5c5c5c; display:inline-block; font-size: 15px;} #sidebar ul li:last-child a{ border:none;} #sidebar select{ width: 100%; padding:5px; } #sidebar table{ width: 100%;} #sidebar img{ width: 100%; } #wp-calendar th { text-align: left; } #sidebar ul li.recentcomments .url{color:#ff6796;} .rss-date{color:#ff6796;} cite{color:#ff6796;} /* Buttons */ .button{ text-decoration: none;background-color:#ffffff;border:1px solid #ffffff; color:#ff6796; padding:12px 23px; display:inline-block; font:400 14px/22px 'Roboto Condensed', sans-serif; margin-top:15px; font-weight: 600; text-transform: none; } .button:hover{background-color:#ff6796; border-color:#ff6796; color:#ffffff;} .banner_button .button {color:#141625;} .banner_button .button:hover {color:#ffffff;background-color:#ff6796;} /* woocommerce CSS ================================================*/ a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;} a.added_to_cart:hover{background:rgba(20,22,24,0.8);} a.button.added:before{content:'' !important;} #bbpress-forums ul li{padding:0;} #subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;} textarea.wp-editor-area{border:1px #ccc solid;} .woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;} form.woocommerce-ordering select{ padding:5px; color:#777777;} .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff8a00;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;} h1.product_title, p.price{ margin-bottom:10px;} .woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff6d84;} .woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;} .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;} .woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important} /* 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:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px;font-size: 0.875rem;font-weight: bold; height: auto;left: 5px; line-height: normal;padding: 15px 23px 14px;text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ============= Contact Page =========== */ .wpcf7{ margin:30px 0 0; padding:0;} .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;} .wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;} .wpcf7 input[type="submit"]{background-color:rgba(20,22,24,0.8); width:auto; border:none; cursor:pointer; font:18px 'raleway',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;} /* ============= Comment Form ============ */ h1.screen-reader-text{font:22px 'raleway',san-serif;} .site-nav-previous, .nav-previous{ float:left;} .site-nav-next, .nav-next{ float:right;} h3#reply-title{font:300 18px 'raleway',san-serif;} #comments{ margin:30px 0 0; padding:0;} nav#nav-below{ margin-top:15px;} /* header */ .header_top{ padding: 12px 0; } .header_left{ margin: 0;} section#header{ width:100%;} .header_social ul, .header_contact ul { margin: 0; } .header_left li{padding:5px 0;} .header_right a{ color: #fff; } .header_right a:hover{text-decoration: underline; color: #fff;} .header_right { padding: 0 0;} .header_right{margin:0;} .header_middle li{ margin:0 20px;} .headerlogo .logo h1{ margin:0 0;} .headerlogo .logo a{ color:#ff6796; text-transform:unset; text-decoration: none;} .headerlogo .logo a:hover{text-decoration:none;} .headerlogo .logo p{ color:#444444; text-align:center;display: inline-block;} .headerlogo .logo h1{ margin-bottom: 0;} .headerlogo .custom-logo { width: auto; height: 56px;} .banner img{ width:100%; text-align:center;} .homeslider{ position: relative; } #banner{ clear: both; } .single #banner, .archive #banner, .author #banner{} .bannerlogo { position: absolute; top: 35%; left: 30%; right: 30%; color: #ffffff; text-align: center; background-color: rgba(66,94,121, 0.7); padding: 11px 10px; /* margin: 0 auto; */ } .bannerlogo h1{text-transform: uppercase; margin-bottom: 5px;} .bannerlogo h1 a{color: #ffffff;} section li{ list-style:none;} .header_social li {float: none;width: auto;margin: 0 0px;display: inline-block;text-align: center;border: none;padding: 0;border-radius: 0;} .header_middle a:hover{text-decoration:none;} .header_middle.headercommon{ padding: 0; text-align: center; margin: 11px 0 0 0;} .phone-email i{ color: #161616; } .phone-email li a, .phone-email li{color:#161616; text-decoration: none;} .phone-email li a:hover, .phone-email li:hover{color:#ff6796;} /*footer*/ footer h3 { border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 16px 0 16px 0; margin: 26px 0 26px 0; color: #ffffff; text-transform: uppercase; font-size: 20px; text-align: left;} .footerinner-top{ background:#4C4C4C; color:#fff; padding-bottom:20px;} .footerinner-top a{color:#fff;} .footerinner-bottom{ background:#ff6796; text-align:center; color:#fff; padding:12px 0;} .footersocial ul{display:inline-block; text-align:center;} .footersocial li{ list-style:none; display:inline-block; text-align:center; margin:0 5px;} .footersocial li a.fa, .header_contact li a.fa{font-size:20px; color: #f03e3e;} .header_social li a.fa{text-decoration: none;font-size: 15px; color: #ff6796; width: 35px; height: auto; text-align: center; margin-right: 4px;} .headerlogo {text-align: left;} .phone-email{ color: #ffffff; margin-top: 0;} .phone-email li{ margin: 0; display: inline-block; margin-right: 15px;} .footcommon { width: 21%; float: none; display: inline-block; vertical-align: top; text-align: left; margin: 0 20px;} .footer-top.row { text-align: center; display: inline-block; width: 100%;} .creditcopy{ float: none; width: auto; text-align: center; display: inline-block; } .creditlink{ float: none; width: auto; text-align: center; display: inline-block; } /*header menu css*/ .toggle{display: block;} .toggle a{width:100%; color:rgba(0,0,0,0.8); background: #fff; padding:10px 10px; margin-top:0; font-size:16px; text-align:center;} .toggle a:hover{color:rgba(0,0,0,0.8) !important;} .sitenav{display:inline-block;} #main_navigation{ background-color:#ffffff; } .main_header{width:100%; z-index:999999; top:0; background-color:#fff; box-shadow:0 2px 2px #F6F4F4; } .sitenav ul li a:focus { color: #ff6796;} a[href]:focus { background: #1864ab; color: #fff; } .headercommon li a.fa:focus{ color: #ffffff;background: #364558; } .fourbox a[href]:focus h3{color: #ffffff;background: #364558; display:inline-block; } #sidebar ul li a:focus{ color:#ffffff; background: #ff6796;} .header_top .logo a:focus{background: #f8f8f8; background: rgba(75%, 75%, 75%, .25); border-bottom-width: 3px; margin-bottom: -2px;} .recent_articles a[href]:focus, #sidebar ul li.recentcomments a.url:focus{ background-color:#ff6796; color: #ffffff; } /*.sitenav{display:block;} /* menu accessibility */ #main_navigation .nav { font-family:'Open Sans', sans-serif; font-weight:400; font-size:15px; text-transform:capitalize; } #main_navigation .nav ul { list-style: none; margin: 0; padding: 0; } #main_navigation .nav ul li { float: left; position: relative; line-height: normal; margin: 0; } #main_navigation .nav ul li a{padding:20px; color:#05305a; font-weight:400; } #main_navigation .nav ul li a:hover{color: #ffffff;} #main_navigation .nav ul li:hover, #main_navigation .nav ul li.hover { z-index: 100;} #main_navigation .nav ul li:hover ul, #main_navigation .nav ul li.hover ul { left: 0;} #main_navigation .nav ul ul li:hover ul{left: 169px; top: 0;} #main_navigation .nav ul li:hover ul li:hover > ul, #main_navigation .nav ul li.hover ul li.hover > ul, #main_navigation .nav ul li:focus ul li:focus > ul { display: block; position: absolute; left: 188px; top: 1px; } #main_navigation .nav ul li:hover ul ul, #main_navigation .nav ul li:hover ul ul ul, #main_navigation .nav ul li:hover ul ul ul ul, #main_navigation .nav ul li:focus ul ul, #main_navigation .nav ul li:focus ul ul ul, #main_navigation .nav ul li:focus ul ul ul ul, #main_navigation .nav ul li.hover ul ul, #main_navigation .nav ul li.hover ul ul ul, #main_navigation .nav ul li.hover ul ul ul ul { left: -9999em; } #main_navigation .nav ul li:hover ul a, #main_navigation .nav ul li.hover ul a { background-color: rgba(34,41,51,0.8);; color: #ffffff; padding: 5px 10px; width: 168px; text-shadow: none; margin-top: -1px; /* collapses top border */ } #main_navigation .nav ul li:hover ul a:hover,#main_navigation .nav ul li.current_page_item a , #main_navigation .nav ul li.hover ul a:hover, #main_navigation .nav ul li:hover ul a:focus, #main_navigation .nav ul li.hover ul a:focus, #main_navigation .nav ul li:hover ul a:active,#main_navigation .nav ul li.hover ul a:active { /*background: #ff6796;*/ color: #ffffff; background-color: #ff6796; } #main_navigation .nav ul a { background: inherit; text-align: left; color: #444444; text-decoration: none; text-shadow: none; font-weight: bold; padding: 10px; display: block; position: relative; margin-left: -1px; /* collapses the left border */ } #main_navigation .nav ul a:hover, #main_navigation .nav ul a:focus, #main_navigation .nav ul a:active, #main_navigation .nav ul li.hover a { /* <- keeps the tab hover state on as the dropdown gets explored */ background-color: rgba(255,207,219,0.2); color: #ff6796; } #main_navigation .nav ul ul, #main_navigation .nav ul ul ul{ position: absolute; top: 100%; left: -9999em; width: 180px; } #main_navigation .nav ul ul li, #main_navigation .nav ul ul ul li { float: none; position: static; } /*comment */ #comments { clear: both; padding: 2em 0 0.5em;} .comments-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em;} .comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0;} .comment-list li:before { display: none;} .comment-body { margin-left: 65px;} .comment-author { font-size: 16px; font-size: 1rem; margin-bottom: 0.4em; position: relative; z-index: 2;} .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px;} .comment-author .says { display: none;} .comment-meta { margin-bottom: 1.5em;} .comment-metadata { color: #767676; font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase;} .comment-metadata a { color: #767676;} .comment-metadata a.comment-edit-link { color: #222; margin-left: 1em;} .comment-body { color: #333; font-size: 14px; font-size: 0.875rem; margin-bottom: 4em;} .comment-reply-link { font-weight: 800; position: relative;} .comment-reply-link .icon { color: #222; left: -2em; height: 1em; position: absolute; top: 0; width: 1em;} .children .comment-author .avatar { height: 30px; left: -45px; width: 30px;} .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px;} .no-comments,.comment-awaiting-moderation { color: #767676; font-size: 14px; font-size: 0.875rem; font-style: italic;} .comments-pagination { margin: 2em 0 3em;} .form-submit { text-align: right;} #submit, .btn.btn-default, .search-submit { background-color: rgba(20,22,24,0.8); border: none; color: #fff; padding: 5px 10px; } .search-field { display: inline-block; width: auto; vertical-align: middle; } .search-form{ margin-bottom: 5px; } #searchform input[type="text"]{ padding: 0 32px; height:36px; } #searchform input[type="text"]:focus { background-color: #cccccc; } /* ============= Comment Form ============ */ h1.screen-reader-text{font:22px 'raleway',san-serif;} .site-nav-previous, .nav-previous{ float:left;} .site-nav-next, .nav-next{ float:right;} h3#reply-title{font:300 18px 'raleway',san-serif;} #comments{ margin:30px 0 0; padding:0;} nav#nav-below{ margin-top:15px;} .single .form-submit { text-align: left;} #submit, .btn.btn-default, input[type="submit"]{cursor: pointer; background-color: #ff6796;border:1px solid #ff6796; color: #fff; padding: 11px 10px;} #submit:hover, .btn.btn-default:hover, input[type="submit"]:hover, #submit:focus, .btn.btn-default:focus, input[type="submit"]:focus{ background-color: #004343; color: #ffffff; border-color:#004343; } #commentform label{ width: 100%; text-align: left; display: block; font-size: 15px;} #commentform #comment{width: 90%; text-align: left;} #commentform #comment:focus{background-color: #cccccc;} #commentform .form-submit{text-align: left;} #commentform .form-submit input{ width: auto; cursor: pointer;; } #commentform input{ width: 90%; padding: 7px; text-align: left;}