/* Theme Name: Health Status Author: the Pelbox team Author URI: http://www.pelbox.com Description: featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 4.1 - Site Header * 4.2 - Navigation * 5.0 - Content * 5.1 - Entry Header * 5.2 - Entry Meta * 5.3 - Entry Content * 5.4 - Galleries * 5.5 - Post Formats * 5.6 - Attachments * 5.7 - Post/Paging Navigation * 5.8 - Author Bio * 5.9 - Archives * 5.10 - Search Results/No posts * 5.11 - 404 * 5.12 - Comments * 5.13 - Multisite * 6.0 - Sidebar * 6.1 - Widgets * 7.0 - Footer * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ @media (min-width:320px) and (max-width:360) { #footer #secondary aside.widget_text:last-child { margin-left: 3px !important; width: 65% !important; } } /*pelbox-31/12/2015*/ .woocommerce.woocommerce-ordering select { border:2px solid #00adef !important; content: "<>"; } select.orderby { border: 2px solid #00adef !important; content: "<>"; font: 14px "Consolas", monospace !important; } /*pelbox-31/12/2015*/ .weight_dropdown { -moz-appearance: none; background: none repeat scroll 0 0 #ffffff; border: 2px solid #00adef; color: #000; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 14px; margin-top: 9px; outline: medium none; padding: 4px 5px; width: 115px; } form.woocommerce-ordering::after { border: 1px solid #00adef; font: 16px "Consolas", monospace; padding: 0 0 2px !important; pointer-events: none !important; position: absolute !important; transform: rotate(90deg) !important; content: "<>"; /* top: 4px; */ color: #00adef; float: right !important; right: 16px; padding: 0px !important; padding-top: -8px; margin-top: -23px; display: block:; background: #fff; } /*--------------*/ #logcalanddis label { width:66px; } #logcalanddis td select { padding:7px!important; } .showfitbitmultiplelog { display:none; } #showfitbitlog { display:none; } .btn-plus { background: #00adef; height: 40px; position: absolute; right: 15px; top: 0; width: 40px; z-index: 1; line-height:40px; text-align:center; color:#fff; cursor:pointer; font-size:13px; } /*karn*/ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { color: #FFFFFF!important; background-color: #00adef !important; } .btn-plus:hover { color:#fff; text-decoration:none; } #showfitbitlog { position:absolute; z-index:9999; } .showfitbitmultiplelog { position:absolute; z-index:9999; } .special_sponsored_title { background: none repeat scroll 0 0 #00adef; color: #fff; padding: 6px 10px; width: 88%; position:relative; } .special_sponsored_title:before { border-bottom: 6px solid transparent; border-right: 6px solid #0998ca; border-top: 0 solid transparent; bottom: -6px; content: ""; height: 0; left: 1px; position: absolute; width: 0; } .special_sponsored_bottom .special_sponsored_title:before { border:none; } .special_sponsored_bottom .special_sponsored_title { width:100%; } .rel { position:relative; } .abs { position:absolute; } .drc_right div.abs { left:150px; top:75px; } .drc_left div.abs { top:66px; left:150px; } .colored_bold { color:#4CA7B4; } .drc_left2 div.abs { top:42px; } .assessment_pagination { border: 2px solid #7fc04c; padding: 0 10px; width: 95px; } .custom_form_row { width:100%; float:left; } .custom_form_row .dob_select { float: left; height: 32px; width: 33.33%; } .custom_form_row .col-lg-8 { width:50%; } .gm-style-iw { width:auto !important; } #content .indented { margin-left:0 !important; } .withings_disconnect { background: none repeat scroll 0 0 #7fc04c; border-radius: 5px; margin-top: 10px; color: #fff; cursor: pointer; float: right; padding: 5px; position: relative; z-index: 9999; } /* 27-aug-2014 Component.css starts*/ /** * see *.less for some documentation * some helpers located on libs.less */ /*-Css on 4 aug 2014-*/ .end-post { padding:10px 10px 0; border-radius:3px; background:#fbfbfb; margin-bottom:10px; border:1px solid #ccc; } .header-navbar .search-wrapper .search-wrapper-inner input[type="search"] { float:right; width:200px!important; color:#000; border: none; background-color: #fff; padding: 11px!important; margin: 0!important; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; } /** calculator button css 12/27/2015 **/ #imperial-btn-label { width:50%; } #metric-btn-label { width:50%; } /*--*/ /*05 aug 2014 */ @media (min-width: 481px) { .workout_program_widget_responsive { display:none; } .workout_program_widget_desktop { display:block; } } @media (max-width: 480px) { .workout_program_widget_responsive { display:block; } .workout_program_widget_desktop { display:none; } } @media (min-width: 481px) { .health_calculator_widget_responsive { display:none; } .health_calculator_widget_desktop { display:block; } } @media (max-width: 480px) { .health_calculator_widget_responsive { display:block; } .health_calculator_widget_desktop { display:none; } } /*05 aug 2014 */ .inline-block { display: inline-block; zoom: 1; *display: inline; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } html { margin-top: 32px !important; } * html body { margin-top: 32px !important; } /************************************************************************** * * 1. Base Components * * 2. Entry Styles * 2.1. Single Entry * 2.2. Style Grid * 2.3. Style Hero * 2.4. Style Large * 2.5. Style Media * 2.6. Style Media list * 2.7. Style Review * 2.8. Style Review Score * 2.9. Style Review List * 2.10. Style Thumbnail * 2.11. Style Thumbnail Text * 2.12. Style Recent List * 2.13. Style Score Widget * * 3. Comments Area * 4. Gallery * 5. Lists * 6. BreadCrumb * 7. Pagination * 8. Sidenav * 9. Carousel * 10. Widget calendar * 11. Collapsible panel * 12. Tabs * 13. Ad/Banner * 14. Prettyphoto * 15. Responsive */ /************************************************************************** * 1. Base */ .entries { *zoom: 1; } .entries:before, .entries:after { display: table; line-height: 0; content: ""; } .wp-pagenavi .larger:hover { color:#262626!important; } .wp-pagenavi .last:hover { color:#262626!important; } .wp-pagenavi .larger { color:#262626!important; } .wp-pagenavi .last { color:#262626!important; } .wp-pagenavi .extend { color:#262626!important; } .wp-pagenavi .nextpostslink { color:#262626!important; } .page_172 .more-link:hover { color:#262626; } .entries:after { clear: both; } .entry-header { margin-bottom: 20px; } .entry-header .small { font-size: 11px; text-transform: uppercase; } .entry-header .small:first-child { margin-bottom: 2px; } .entry-header .entry-meta.pull-right { margin-top: 5px; margin-right: 20px; margin-left: 20px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .entry-header-overlay { position: relative; margin-bottom: 10px; } .entry-header-overlay .entry-header { position: absolute; z-index: 4; bottom: 0px; left: -15px; right: -15px; margin-bottom: 0px; padding: 8px 15px 5px; } .entry-title { font-weight: 300; margin: 0px 0px 20px; } .entry-header .entry-title { margin-bottom: 0px; } .entry-meta { font-size: 12px; margin-bottom: 10px;/* -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60);*/ } .entry-header .entry-meta { margin-bottom: 0px; } .entry-header .entry-meta:first-child { margin-bottom: 5px; } .entry-thumbnail { overflow: hidden; position: relative; margin-right:20px; } .entry-thumbnail img { max-width: 100%; width: auto; } .single .entry-thumbnail img { height:306px !important; } .single .entry-thumbnail { float:left; } .more-link { display: block; margin-top: 16px; white-space: nowrap; } .more-link i { display: inline-block; zoom: 1; *display: inline; margin-left: 3px; } .more-wrapper { padding-top: 15px; margin-bottom: 20px; } .more-wrapper .btn { text-transform: uppercase; display: block; text-align: center; } .overlay { position: absolute; z-index: 1; top: 0px; left: 0px; right: 0px; bottom: 0px; } [data-rel^="prettyPhoto"] .overlay { bottom: 20px; } .overlay .icon { height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; font-size: 40px; line-height: 40px; color: #fff; -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20); } .indented { margin-left: 0px; } blockquote { padding: 0px; position: relative; font-weight: normal; border: none; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } blockquote p { font-family: 'Droid Serif', sans-serif; font-size: 20px; line-height: 30px; } blockquote small { font-family: 'Droid Sans', sans-serif; font-size: 13px; } blockquote.pulled-left { float: left; width: 250px; margin-left: 30px; margin-right: 35px; text-align: right; } .thumbnail { margin-bottom: 20px; } .image { position: relative; } .image img { height: auto; } .form-control { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .form-horizontal label.control-label { text-align: left; font-weight: normal; } .table { margin-bottom: 20px; } .icon-2x { position: relative; top: 3px; margin-right: 7px; } ul.entries { padding: 0px; margin: 0px; list-style-type: none; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .comments-count-balloon { position: relative; padding: 5px 10px; position: relative; margin-bottom: 35px; font-size: 18px; line-height: 28px; min-width: 61px; display: inline-block; zoom: 1; *display: inline; text-align: center; } .page-header .comments-count-balloon { font-size: 25px; line-height: 35px; } .comments-count-balloon:after { bottom: -6px; right: 5px; position: absolute; content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #333; } .comments-count-balloon em, .page-header .comments-count-balloon em { position: relative; font-style: normal; font-size: 11px; text-transform: uppercase; position: absolute; top: 100%; left: 0px; } .lead { font-weight: normal; font-size: 18px; line-height: 30px; font-family: 'Droid Serif', sans-serif; } .ribbon { position: relative; margin: 0 -15px 0 -20px; z-index: 20; font-family: 'Lato', sans-serif; text-transform: uppercase; line-height: 38px; } .ribbon > span, .ribbon > a, .ribbon > .ribbon-inner { display: block; width: 100%; height: 100%; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ribbon.ribbon-pulled > span, .ribbon.ribbon-pulled > a, .ribbon.ribbon-pulled > .ribbon-inner { width: auto; float: left; } .ribbon.ribbon-small { font-size: 12px; line-height: 30px; height: 30px; } .content .md-pull-right .ribbon { z-index: 22; } .content .sidebar .ribbon { z-index: 24; } .ribbon .pull-right, .ribbon .pull-left { font-size: 11px; font-weight: bold; } .ribbon:after { top: 100%; left: 0px; position: absolute; content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #333; } .progress { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .progress-bar { -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); text-align: left; line-height: 20px; } .progress-bar span { display: inline-block; zoom: 1; *display: inline; padding-left: 5px; } /************************************************************************** * 2. Entry Style */ /************************************************************************** * 2.1. Style Single Entry */ .style-single { position: relative; margin-bottom: 30px; } .style-single .entry-thumbnail { margin-left: -15px; margin-bottom: 20px; } .style-single .entry-thumbnail img { margin-bottom: 0px; } .style-single .entry-title { font-size: 35px; line-height: 40px; margin-bottom: 5px; } .style-single .entry-meta { font-size: 14px; margin-bottom: 20px; } .style-single p, .style-single blockquote, .style-single .image, .style-single ul, .style-single ol, .style-single .entries, .style-single img { margin-bottom: 20px; } .style-single p:contains(" ") { margin-bottom: 0px !important; } .style-single p:contains(" ") { margin-bottom: 0px !important; } .style-single > .entry-content { margin-bottom: 30px; } .style-single h1, .style-single h2, .style-single h3 { margin-top: 30px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-weight: 300; } .style-single h1:first-child, .style-single h2:first-child, .style-single h3:first-child { margin-top: 5px; } .widget-author { font-size: 13px; line-height: 23px; overflow: initial; position: relative; } .widget-author .entry-author-avatar { width: 90px; height: 90px; overflow: hidden; } .widget-author .entry-author-avatar img { width: 100%; height: auto; } .image.image-full, .style-single .flushed-left { position: relative; margin-right: -15px; margin-left: -15px; } .image.image-full img, .style-single .flushed-left img { width: 100%; } .style-single .flushed-left { padding: 20px 15px 0px 15px; margin-bottom: 25px; } /************************************************************************** * 2.2. Style Grid */ .style-grid { position: relative; z-index: 1; } .style-grid .entry-header { clear: both; position: relative; margin-bottom: 0px; padding-right: 15px; padding-top: 15px; } .style-grid .ribbon { top: 10px; margin-bottom: 5px; } .style-grid .entry-thumbnail { position: absolute; z-index: -1; top: 0px; left: -15px; right: -15px; height: 100%; } .style-grid .entry-thumbnail img { width: 100%; max-width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .style-grid:hover .entry-thumbnail img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); } .style-grid .entry-meta { margin-bottom: 0px; } .style-grid .entry-title { font-size: 18px; line-height: 23px; } .row > .style-grid .entry-thumbnail { width: 100%; left: 0px; right: 0px; margin-left: 0px; margin-right: 0px; } /************************************************************************** * 2.3. Style Hero */ .style-hero .entry-title { margin-bottom: 8px; } .style-hero .entry-title a { display: block; } .style-hero .entry-title a:hover { text-decoration: none; } .style-hero.hero-nav { height: 145px; } .style-hero.hero-nav .entry-title { font-size: 20px; line-height: 25px; } .style-hero.hero-nav a:hover { text-decoration: none; } /************************************************************************** * 2.4. Style Large */ .style-large { margin-bottom: 30px; } .style-large .entry-thumbnail { margin-left: -15px; margin-right: -15px; } .style-large .entry-header { margin-top: 15px; margin-bottom: 15px; } .style-large .entry-title { font-size: 26px; line-height: 34px; } .style-large .entry-thumbnail { height: 320px; } /************************************************************************** * 2.5. Style Media */ .style-media { position: relative; overflow: inherit; margin-bottom: 30px; *zoom: 1; } .style-media:before, .style-media:after { display: table; line-height: 0; content: ""; } .style-media:after { clear: both; } .style-media:first-child { margin-top: 0px; } .style-media .media-object { width: 200px; height: 140px; position: relative; } .style-media .entry-title { font-size: 20px; line-height: 24px; margin-bottom: 3px; } .style-media .entry-header { margin-bottom: 10px; } .style-media > .pull-left { margin-right: 20px; } .style-media .media-body { padding-right: 10px; font-size: 13px; line-height: 20px; } /************************************************************************** * 2.6. Style Media List */ .style-media-list { margin-top: 15px; } .style-media-list:first-child { margin-top: 15px; } .style-media-list .media-object { width: 80px; height: 80px; } .style-media-list .entry-title { font-size: 14px; line-height: 20px; margin-bottom: 3px; overflow: hidden; font-weight: normal; font-family: 'Droid Sans', sans-serif; } .style-media-list .entry-meta { margin-bottom: 0px; line-height: 18px; } /************************************************************************** * 2.7. Style Review */ .style-review.style-grid { height: 145px; } .style-review.style-grid .entry-header { width: 100%; padding-top: 70px; } .style-review.style-grid .entry-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .style-review.style-grid .small { line-height: 16px; font-style: italic; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); text-transform: none; font-size: 13px; } .style-review.style-grid .style-review-score { left: 0px; } /************************************************************************** * 2.8. Style Review Score */ .style-review-score { font-family: 'Lato', sans-serif; font-weight: 300; position: absolute; top: 15px; left: 15px; z-index: 2; padding: 0px; width: 50px; text-align: center; font-size: 30px; line-height: 40px; } /************************************************************************** * 2.9. Style Review List */ .style-review-list .entry-title { font-size: 15px; margin-bottom: 4px; } .style-review-list .small { font-size: 13px; line-height: 20px; font-style: italic; margin-bottom: 3px; line-height: 18px; font-weight: normal; font-family: 'Droid Sans', sans-serif; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } .style-review-list .style-review-score { font-family: 'Lato', sans-serif; font-weight: 300; position: absolute; top: 5px; left: 20px; z-index: 2; padding: 0px; width: 30px; text-align: center; font-size: 14px; line-height: 22px; } /************************************************************************** * 2.10. Style Thumbnail */ .style-thumbnail { position: relative; } .style-thumbnail .entry-thumbnail { margin-right: 0px; margin-left: 0px; margin-bottom: 10px; } .navbar-nav .style-thumbnail .entry-thumbnail { height: 125px; } .style-thumbnail .entry-title { font-size: 14px; line-height: 20px; } /************************************************************************** * 2.11. Style Thumbnail Text */ .style-thumbnail-text { overflow: hidden; padding: 0px 15px; } .style-thumbnail-text .entry-meta { padding-top: 20px; margin-bottom: 7px; text-transform: uppercase; line-height: 12px; } .style-thumbnail-text .entry-title { font-size: 14px; line-height: 19px; margin-bottom: 15px; font-weight: normal; } /************************************************************************** * 2.12. Style Recent List */ .style-recent-list { font-size: 13px; line-height: 20px; margin-top: 10px; padding-top: 10px; *zoom: 1; border-top: 1px dashed #ccc; } .style-recent-list:before, .style-recent-list:after { display: table; line-height: 0; content: ""; } .style-recent-list:after { clear: both; } .style-recent-list:first-child { border-top: none; padding-top: 5px; } .style-recent-list .comments-count-balloon { margin-top: -3px; float: right; margin-left: 15px; font-size: 13px; line-height: 23px; padding: 2px 6px; min-width: inherit; margin-bottom: 0px; } /************************************************************************** * 2.13. Style Score Widget */ .style-score-widget { position: relative; margin-bottom: 15px; } .style-score-widget .score-label { display: block; margin-bottom: 3px; font-size: 14px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .style-score-widget .progress { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); margin-bottom: 0px; } .style-score-widget:hover .progress { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .entries .style-score-widget:first-child { margin-top: 15px; } .style-score-widget .score-value { float: right; margin-left: 20px; font-size: 40px; line-height: 40px; font-weight: 300; font-family: 'Lato', sans-serif; } /************************************************************************** * 3. Comments Area */ .comments-area .comments-title { font-size: 26px; line-height: 36px; font-weight: 300; font-family: 'Lato', sans-serif; margin-bottom: 15px; } .comments-area > .comment-list { padding-top: 25px; } .comments-area .media { overflow: initial; margin-top: 0px; } .comments-area .comment { position: relative; margin-left: 37px; border-left: 1px dashed #ccc; } .comments-area .comment:last-child, .comments-area .comment.last { border-left: none; } .comments-area .comment .media-list { margin-left: 47px; } .comments-area .comment .media-body { padding-bottom: 20px; } .comments-area .comment .comment { padding-top: 0px; } .comments-area .media-object { margin-left: -37px; } .comments-area .author-vcard { font-weight: 300; font-family: 'Lato', sans-serif; font-size: 17px; line-height: 27px; } .comments-area .author-vcard .comment-meta { font-size: 12px; font-family: 'Droid sans', sans-serif; font-style: italic; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } .comments-area .comment-reply-title { font-weight: 300; font-family: 'Lato', sans-serif; font-size: 22px; line-height: 32px; } .comments-area .comments-respond .form-inline .form-group { margin-bottom: 20px; } .comments-area .comments-respond input, .comments-area .comments-respond textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } /************************************************************************** * 4. Gallery */ .gallery .gallery-title { margin: 0px 0px 20px; padding: 0px; font-weight: 300; font-family: 'Lato', sans-serif; } .gallery .thumbnail { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .gallery .thumbnail img { margin-bottom: 0px; } /************************************************************************** * 5. Lists */ ul.coverageList { margin: 20px auto; padding: 10px; line-height: 30px; max-width: 320px; } .tagcloud a, .post-tags a { font-size: 12px !important; margin-right: 3px; margin-bottom: 3px; line-height: 15px; text-decoration: none; padding: 3px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; display: inline-block; zoom: 1; *display: inline; } .tagcloud a:before, .post-tags a:before { content: '#'; } .tagcloud { padding-top: 15px; } .links { position: relative; } .links li { margin-bottom: 6px; } .links.links-2-cols { *zoom: 1; } .links.links-2-cols:before, .links.links-2-cols:after { display: table; line-height: 0; content: ""; } .links.links-2-cols:after { clear: both; } .links.links-2-cols li { width: 48%; float: left; margin-right: 4%; } .links.links-2-cols li:nth-child(2n), .lt-ie9 .links.links-2-cols li:first-child + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li, .lt-ie9 .links.links-2-cols li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 0px; } /************************************************************************** * 6. Breadcrumb */ .breadcrumb { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; top: 0px; font-size: 12px; line-height: 38px; font-weight: 300; } /************************************************************************** * 7. Pagination */ .pagination > li { font-size: 18px; line-height: 38px; } .pagination > li > a, .pagination > li > span { padding: 0px 12px; border: none; background-color: transparent; } .pagination > li:first-child > a, .pagination > li:last-child > a, .pagination > li:first-child > span, .pagination > li:last-child > span { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } /************************************************************************** * 8. Sidenav */ .sidenav { margin-bottom: 30px; } .sidenav .nav > li > a { padding: 4px 10px; font-size: 13px; } /************************************************************************** * 9. Carousel */ .row .widget.carousel, .row .section.carousel { margin-right: -15px; margin-left: -15px; } .widget.carousel > .ribbon, .section.carousel > .ribbon { z-index: 0; margin-left: -5px; margin-right: 0px; } .widget.carousel .carousel-inner, .section.carousel .carousel-inner { margin-top: -38px; position: relative; z-index: 1; } .widget.carousel .carousel-inner .item, .section.carousel .carousel-inner .item { padding-top: 38px; padding-left: 15px; padding-right: 15px; } .widget.carousel .carousel-inner .section-title, .section.carousel .carousel-inner .section-title, .widget.carousel .carousel-inner .widget-title, .section.carousel .carousel-inner .widget-title { position: absolute; z-index: 40; left: 15px; right: 0px; } .widget.carousel .carousel-inner .section-title > a, .section.carousel .carousel-inner .section-title > a, .widget.carousel .carousel-inner .widget-title > a, .section.carousel .carousel-inner .widget-title > a, .widget.carousel .carousel-inner .section-title > span, .section.carousel .carousel-inner .section-title > span, .widget.carousel .carousel-inner .widget-title > span, .section.carousel .carousel-inner .widget-title > span, .widget.carousel .carousel-inner .section-title > .ribbon-inner, .section.carousel .carousel-inner .section-title > .ribbon-inner, .widget.carousel .carousel-inner .widget-title > .ribbon-inner, .section.carousel .carousel-inner .widget-title > .ribbon-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget.carousel .carousel-control, .section.carousel .carousel-control { z-index: 50; line-height: 38px; height: 38px; width: 38px; background-image: none; background-color: transparent; flter: none; } .widget.carousel .carousel-control.left, .section.carousel .carousel-control.left { left: auto; right: 38px; } /************************************************************************** * 10. Widget calendar */ .widget_calendar > div { position: relative; } .widget_calendar table { margin-top: 15px; width: 100%; } .widget_calendar table caption { font-weight: bold; margin-bottom: 10px; } .widget_calendar table th { line-height: 30px; text-align: center; padding: 0 10px; } .widget_calendar table td { text-align: center; padding: 0 8px; line-height: 30px; font-size: 12px; border-top: 1px solid #eee; } .widget_calendar table tfoot td { text-align: right; } .widget_calendar table tfoot td:first-child { text-align: left; } .widget_calendar table #today { background-color: #eee; } /************************************************************************** * 11. Collapsible panel */ .panel-group { margin-bottom: 20px; } .panel, .panel-group .panel { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel > .panel-heading { padding: 0px; border: none; background-color: transparent; } .panel > .panel-heading .panel-title { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: bold; } .panel > .panel-heading .panel-title a { padding: 0px 10px; line-height: 38px; display: block; } .panel > .panel-heading .panel-title a:hover { text-decoration: none; } .panel .panel-body { padding: 10px 10px; } .panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, .panel-danger { border: none; } /************************************************************************** * 12. Tabs */ .nav-tabs > li > a { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0px; border: none; font-family: 'Lato', sans-serif; margin-left: 4px; margin-right: 0px; padding: 8px 15px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top-width: 1px; border: none; } /************************************************************************** * 13. Ad/Banner */ .ad-wrapper { padding-top: 20px; *zoom: 1; margin-left: -29px!important; } .ad-wrapper .add-inner { overflow: hidden; max-width: 100%; } .container .ad-wrapper.section { padding-left: 0px; padding-right: 0px; } .ad-wrapper:before, .ad-wrapper:after { display: table; line-height: 0; content: ""; } .ad-wrapper:after { clear: both; } .ad { margin: 0 auto 20px; } .ad.ad-728x90 { width: 72%; height: 90px; } .ad.ad-200x125 { width: 200px; height: 125px; } .ad.ad-410x125 { width: 410px; height: 125px; } .ad.ad-336x280 { width: 336px; height: 280px; } .ad.ad-300x250 { width: 300px; height: 250px; } /************************************************************************** * 14. PrettyPhoto */ .pp_pic_holder .pp_content_container .pp_left { padding-left: 5px; } .pp_pic_holder .pp_content_container .pp_right { padding-right: 5px; } .pp_pic_holder .pp_content_container .pp_details { margin-top: 7px; } .pp_pic_holder .pp_content_container .pp_details .pp_description { text-align: center; font-size: 12px; margin: 0px; } .pp_pic_holder .pp_content .pp_close, .pp_pic_holder .pp_content .pp_expand { display: block; font-size: 12px; line-height: 24px; width: 24px; height: 24px; background-image: none; background-color: #000; color: #fff; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; text-align: center; z-index: 20001; position: absolute; text-indent: 0px; top: -14px; } .pp_pic_holder .pp_content .pp_close:hover, .pp_pic_holder .pp_content .pp_expand:hover { background-image: none; text-decoration: none; background-color: #fff; color: #000; } .pp_pic_holder .pp_content .pp_close { font-size: 15px; right: -10px; } .pp_pic_holder .pp_content .pp_expand { right: 16px; } .pp_pic_holder .pp_content .pp_topHoverContainer { display: none; position: absolute; z-index: 20000; right: 0px; top: 0px; } .pp_pic_holder .pp_content:hover .pp_topHoverContainer { display: block; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_next, .pp_pic_holder .pp_content .pp_hoverContainer .pp_previous { background-image: none; background-color: transparent; text-indent: 0px; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_next span, .pp_pic_holder .pp_content .pp_hoverContainer .pp_previous span { position: absolute; display: none; text-align: center; background-color: #000; color: #fff; -webkit-border-radius: 500px; -moz-border-radius: 500px; -o-border-radius: 500px; border-radius: 500px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; font-size: 12px; line-height: 24px; width: 24px; height: 24px; margin-top: -12px; top: 50%; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_next:hover span, .pp_pic_holder .pp_content .pp_hoverContainer .pp_previous:hover span { display: block; background-image: none; text-decoration: none; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_next:hover span:hover, .pp_pic_holder .pp_content .pp_hoverContainer .pp_previous:hover span:hover { background-color: #fff; color: #000; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_next span { right: -14px; } .pp_pic_holder .pp_content .pp_hoverContainer .pp_previous span { left: -14px; } .pp_top, .pp_bottom, .pp_top .pp_left, .pp_bottom .pp_left, .pp_top .pp_middle, .pp_bottom .pp_middle, .pp_top .pp_right, .pp_bottom .pp_right { height: 5px; } a.pp_expand, a.pp_contract { top: 5px; right: 10px; } /************************************************************************** * RESPONSIVE *************************************************************************/ @media (max-width: 520px) { .style-grid .entry-title { font-size: 15px; line-height: 18px; margin-bottom: 0px; } } @media (max-width: 768px) { .aside#follow-us-widget-2 { width: 23% !important; } .style-thumbnail-text { padding: 15px 20px; height: auto; } blockquote.pulled-left { float: none; width: 80%; margin-right: auto; margin-left: auto; text-align: left; } .comments-area .comment .media-list { margin-left: 17px; } .style-hero.hero-nav { height: 50px; } .style-hero.hero-nav .entry-title { display: none; } .style-hero.hero-nav:nth-child(2), .lt-ie9 .style-hero.hero-nav:first-child + li { text-align: right; } .ad.ad-728x90 { /*display: none;*/ } } @media (min-width: 769px) { #menu-main_menu .sub-menu, #menu-dash-left .sub-menu { z-index: 9999 !important; } .header-navbar a:hover, .header-navbar li.active > a, .header-navbar li.active > a:hover { color: #000000 !important; } .slicknav_nav { z-index:99!important; } .image.image-full, .style-single .entry-content .flushed-left { margin-left: -190px; } .widget-author .avatar { position: absolute; left: -110px; } .comments-area > .comment-list { margin-left: -87px; } .indented { margin-left: 175px; } blockquote.pulled-left { margin-left: -145px; } } @media (max-width: 991px) { .style-large .entry-thumbnail { margin-right: -15px; } } @media (min-width: 992px) { .hero-sm-larger .entry-title { font-size: 27px; line-height: 33px; margin-bottom: 7px; } .hero-sm-largest .entry-title { font-size: 40px; line-height: 45px; margin-bottom: 10px; } .hero-md-larger .entry-title { font-size: 27px; line-height: 33px; margin-bottom: 7px; } .hero-md-largest .entry-title { font-size: 40px; line-height: 45px; margin-bottom: 10px; } } /*-----------------1_1_2016 karn------------*/ /* START Make the cart table responsive */ /* http://css-tricks.com/responsive-data-tables/ */ @media screen and (max-width: 600px) { .woocommerce-page table.shop_table td { } /* Force table to not be like tables anymore */ .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .woocommerce-page table.shop_table thead tr { position: absolute; top: -9999px; left: -9999px; } .woocommerce-page table.shop_table tr { /*border: 1px solid #d2d3d3; */ } .woocommerce-page table.shop_table td { /* Behave like a "row" */ border: 1px solid #d2d3d3; position: relative; padding-left: 52% !important; } .woocommerce-page table.shop_table { border: none; } .woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; } .woocommerce-page table.shop_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .woocommerce-page table.shop_table td.product-remove:before { content: "DELETE"; } .woocommerce-page table.shop_table td.product-thumbnail:before { content: "IMAGE"; } .woocommerce-page table.shop_table td.product-name:before { content: "PRODUCT"; } .woocommerce-page table.shop_table td.product-price:before { content: "PRICE"; } .woocommerce-page table.shop_table td.product-quantity:before { content: "QUANTITY"; } .woocommerce-page table.shop_table td.product-subtotal:before { content: "SUBTOTAL"; } .woocommerce-page table.shop_table td.product-total:before { content: "TOTAL"; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; } .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important; } .woocommerce-page table.shop_table tbody { padding-top: 10px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details { padding:0; } .woocommerce .order_details li, .woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; } } /* END Make the cart table responsive */ /*---------------1_1_2016------------*/ /*...............8_09_2014....................*/ @media (max-width: 360px) { .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 85% !important; } #footer .container { margin-left:0 !important; margin-right:0px !important; padding-left:0px !important; padding-right:0px !important; } #footer .container .widget { width:49% !important; } #footer .container #text-7 { width:100% !important; } #footer .container #text-7 #newsletterwidget-8 { width:100% !important; } .bgprimaryset { padding-left:0!important; padding-right:0!important; } } @media (max-width: 320px) { #footer .container { margin-left:0 !important; margin-right:0px !important; padding-left:0px !important; padding-right:0px !important; } #footer .container .widget { width:49% !important; } #footer .container #text-7 { width:100% !important; } #footer .container #text-7 #newsletterwidget-8 { width:100% !important; } } /*...............8_09_2014 end....................*/ @media (min-width: 1200px) { .hero-sm-larger .entry-title, .hero-md-larger .entry-title { font-size: 30px; line-height: 36px; margin-bottom: 10px; } .hero-sm-largest .entry-title, .hero-md-largest .entry-title { font-size: 43px; line-height: 48px; margin-bottom: 13px; } .hero-lg-larger .entry-title { font-size: 30px; line-height: 36px; margin-bottom: 10px; } .hero-lg-largest .entry-title { font-size: 43px; line-height: 48px; margin-bottom: 13px; } .hero-lg-normal .entry-title { font-size: 18px; line-height: 23px; } .style-hero.hero-nav { height: 94px !important; } .style-media .media-object { width: 240px; height: 170px; } .style-media .entry-title { font-size: 24px; line-height: 28px; } .style-thumbnail-text .entry-meta { margin-bottom: 10px; } .style-thumbnail-text .entry-title { font-size: 16px; line-height: 21px; } } @media (max-width: 768px) { .aside#follow-us-widget-2, .col-sm-2 { width: 24% !important; } .style-media .entry-thumbnail { float: none; margin-bottom: 20px; } .style-media .media-body { width: 100%; } } @media (min-width: 1540px) { .hero-xl-normal .entry-title { font-size: 18px; line-height: 23px; } } /* Lights.css starts*/ /** * see *.less for some documentation * some helpers located on libs.less */ .inline-block { display: inline-block; zoom: 1; *display: inline; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } /************************************************************************** * * 1. Base * 2. Header * 3. Header Navbar * * 4. Components * 4.1. Base * 4.2. Entry Styles * 4.3. Comments Area * 4.4. Lists * 4.5. Breadcrumb * 4.6. Pagination * 4.7. Sidenav * 4.8. Carousel * 4.9. Collapsible Panel * 4.10. Tab * 4.11. Buttons * 4.12. Progress Bar * 4.13. Overlay * 4.14. Table * 4.15. AD/banner * 4.16. Widget calendar * 5. Footer * 6. Responsive */ .entry-title a { color: #262626; } .main-home-widget-left .entry-title a:hover { color: #262626!important; } .sidebar a:hover { color: #262626!important; } .page_87 .more-link:hover { color: #262626!important; } .more-link a:hover { color: #262626!important; } .more-link { color: #262626; } a:hover { color: #000000; } .bg-page { background-color: #f8f1f1; } .bg-base { background-color: #ffffff; } .bg-base > .entries > .entry:not(.style-grid) .entry-title a { color: #000000; } .bg-primary { background-color: #dfdfdf; } .bg-focus { background-color: #232323; } .bg-secodary { background-color: #efe0e0; } .bg-bar { background-color: #161616; } .section-no-margin-bottom, .section.carousel { border-bottom: 4px solid #161616; } .form-control { border-color: rgba(69, 69, 69, 0.3); } .form-inline textarea.form-control { width:100%; } /************************************************************************** * 2. Header */ .header-navbar .header-navbar-inner { background-color: #7fc04c; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); } .header-navbar .header-navbar-inner:after { border-left-color: #111111; } .header-navbar .header-navbar-inner .btn-icon { background-color: #00ADEF; color: #FFFFFF; } .header-navbar .header-navbar-inner .btn-icon:hover, .header-navbar .header-navbar-inner .btn-icon:focus, .header-navbar .header-navbar-inner .btn-icon.focus { color: #232323; background-color: #ffffff; } /*.scrolled .header-navbar .navbar-brand { border-right-color: #1b1b1b; }*/ .header-navbar .navbar-brand a { background-color: #7FC04C; } .header-navbar .navbar-brand a:after { border-right-color: #1b1b1b; } /*.scrolled .header-navbar .navbar-brand a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #161616; } .search-wrapper .search-wrapper-inner { border-bottom: 1px dotted #ffffff; }*/ .search-wrapper input[type="text"] { color: #ffffff; } /************************************************************************** * 3. Header Navbar */ .header-navbar { color: #d9d9d9; } .header-navbar .subnav-header { color: #d9d9d9; } .header-navbar a { color: #ffffff; } .header-navbar a:hover, .header-navbar li.active > a, .header-navbar li.active > a:hover { color: #ffffff; } .header-navbar li a:hover, .header-navbar li li.active > a, .header-navbar li li.active > a:hover { color: #000000; } .header-navbar .nav-pages a { color: #000000; } .header-navbar .nav-pages a:hover { color: #000000; background-color: transparent; } .nav.navbar-nav li .subnav-wrapper { border-top-color: #ffffff; background-color: #7FC04C; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); } .nav.navbar-nav > li.nav-all { border-left-color: #232323; } .nav.navbar-nav > li.nav-all > a { color: #ffffff; } .navbar-nav li .subnav-wrapper.subnav-tabbed { background-color: #161616; } .header-navbar li .subnav-tabbed-tabs li.active > a { background-color: #232323; } .subnav-tabbed-panels { background-color: #232323; } .subnav-entries li { border-top: 1px dashed #161616; } .subnav-entries li:first-child { border-top: none; } /************************************************************************** * 4. Components */ /************************************************************************** * 4.1 Base */ .comments-count-balloon { color: #444444; background-color: #ffffff; } .comments-count-balloon:after { border-left-color: #ffffff; } .comments-count-balloon.bg-focus { background-color: #232323; color: #dfdfdf; } .comments-count-balloon.bg-focus:after { border-left-color: #232323; } .comments-count-balloon.bg-primary { background-color: #dfdfdf; color: #232323; } .comments-count-balloon.bg-primary:after { border-left-color: #dfdfdf; } .comments-count-balloon em { color: #444444; } .ribbon > a, .ribbon > span, .ribbon > .ribbon-inner { -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); background-color: #dfdfdf; color: #232323; } .ribbon a:hover { text-decoration: none; } .ribbon > span, .ribbon > .ribbon-inner { color: #232323; } .ribbon > span a, .ribbon > .ribbon-inner a { color: #232323; } .ribbon > span a:hover, .ribbon > .ribbon-inner a:hover { -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } .ribbon.ribbon-highlight > a, .ribbon.ribbon-highlight > span, .ribbon.ribbon-highlight > .ribbon-inner { background-color: #00ADEF; color: #ffffff; } .ribbon.ribbon-highlight > a:hover { background-color: #00ADEF; } .ribbon.ribbon-highlight > span, .ribbon.ribbon-highlight > .ribbon-inner { color: #333333; } .ribbon.ribbon-highlight > span a, .ribbon.ribbon-highlight > .ribbon-inner a { color: #333333; } .ribbon.ribbon-focus > a, .ribbon.ribbon-focus > span, .ribbon.ribbon-focus > .ribbon-inner { background-color: #232323; color: #dfdfdf; } .ribbon.ribbon-focus > a:hover { background-color: #161616; } .ribbon.ribbon-focus > span, .ribbon.ribbon-focus > .ribbon-inner { color: #dfdfdf; } .ribbon.ribbon-focus > span a, .ribbon.ribbon-focus > .ribbon-inner a { color: #dfdfdf; } .ribbon:after { border-right-color: #111; } /************************************************************************** * 4.2 Entry Styles */ .style-score-widget .score:after { border-right-color: #c6c6c6; } .style-score-widget .score-bar { background-color: #dedede; border-bottom-color: #c4c4c4; } .style-score-widget .score-bar i { background-color: #e6e6e6; border-bottom-color: #cccccc; } .style-review-score { background-color: #ffffff; color: #333333; } .style-review-list .style-review-score { background-color: #ffffff; color: #333333; } .style-single h1, .style-single h2, .style-single h3, .style-single h4, .style-single h5 { color: #000000; } .style-single h1, .style-single h2, .style-single h3 { border-bottom-color: #9d9d9d; } .after-entry hr { border-top: 1px dashed #9d9d9d; } .page-header { border-bottom-color: #9d9d9d!important; } .page-header .page-title { color: #000000; } .style-hero.hero-nav .small { color: #ffffff; } .style-recent-list { border-top-color: #ffffff; } .style-thumbnail-text { border-top: 1px solid #ecd9d9; border-left: 1px solid #ecd9d9; } .style-thumbnail-text:first-child { border-left: none; } .style-thumbnail-text a { display: block; } .style-grid { background-color: #dfdfdf; } .style-grid .entry-header { color: #ffffff; } .style-grid .entry-header .entry-meta a { color: #ffffff; } .style-grid .entry-header .entry-title a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #FFFFFF; display: inline; line-height:normal; } .style-grid .entry-header .entry-title a:hover { color: #ffffff; } .style-grid .entry-header p.small:first-child { color: #ffffff; } .style-grid .entry-header p.small:first-child a { color: #ffffff; } /************************************************************************** * 4.3. Comments Area */ .comments-area { padding-top: 20px; } .comments-area > .comment-list { border-top: 2px solid #9d9d9d; } .comments-area .comment { border-left-color: #9d9d9d; } /************************************************************************** * 4.4. Lists */ .coverageList { border: 5px solid #ffffff; /* Fallback for web browsers that doesn't support RGBa */ background-color: #ffffff; /* RGBa with 0.6 opacity */ background-color: rgba(255, 255, 255, 0.6); /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; } .tagcloud a, .post-tags a { color: #232323; /* Fallback for web browsers that doesn't support RGBa */ background-color: #dfdfdf; /* RGBa with 0.6 opacity */ background-color: rgba(222, 222, 222, 0.6); /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dedede, endColorstr=#99dedede)"; } .tagcloud a:hover, .post-tags a:hover { /* Fallback for web browsers that doesn't support RGBa */ background-color: #dfdfdf; /* RGBa with 0.6 opacity */ background-color: #dedede; /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdedede, endColorstr=#ffdedede)"; } /************************************************************************** * 4.5. Breadcrumb */ .breadcrumb > li.active { color: inherit; } .breadcrumb > li + li:before { color: inherit; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); } /************************************************************************** * 4.6. Pagination */ .pagination > li > span, .pagination > li > a, .pagination > li > span:hover { background-color: transparent; color: #262626; } .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li a:hover { background-color: transparent; color: #ffffff; } /************************************************************************** * 4.7. Sidenav */ .sidenav .nav { /* Fallback for web browsers that doesn't support RGBa */ background-color: #f8f1f1; /* RGBa with 0.6 opacity */ background-color: rgba(248, 241, 241, 0.4); /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66f8f1f1, endColorstr=#66f8f1f1)"; } .sidenav .nav > li { border-bottom: 1px solid #ffffff; } .sidenav .nav > li > a:hover, .sidenav .nav > li > a:focus { background-color: #f8f1f1; } /************************************************************************** * 4.8. Carousel */ .section.carousel .carousel-control, .widget.carousel .carousel-control { /* Fallback for web browsers that doesn't support RGBa */ background-color: #000000 transparent; /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.4); /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)"; } /************************************************************************** * 4.9. Collapsible Panel */ .panel, .panel-group .panel { background-color: transparent; } .panel-primary > .panel-heading { background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .panel-primary > .panel-heading .panel-title a { color: #dfdfdf; background-color: #232323; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #9d9d9d; } /************************************************************************** * 4.10. Tab */ .nav-tabs { border-bottom-color: #303030; background-color: #232323; border-top: 4px solid #232323; } .nav-tabs > li > a { color: #dfdfdf; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-bottom-color: transparent; background-color: #ffffff; color: #444444; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #ffffff; color: #444444; } /************************************************************************** * 4.11. Buttons */ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .btn-default { color: #444444; border-color: #444444; background-color: transparent; } .btn-default:hover, .btn-default:active, .btn-default.active { color: #f8f1f1; background-color: #444444; border-color: #444444; } .btn-warning { color: #232323; border-color: #f7f7f7; background-color: #ffffff; } .btn-warning:hover, .btn-warning:active, .btn-warning.active { color: #232323; background-color: #f2f2f2; border-color: #f7f7f7; } .btn-primary { border-color: #d2d2d2; background-color: #dfdfdf; color: #232323; } .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #FFFFFF; background-color: #00ADEF; border-color: #00ADEF; } /************************************************************************** * 4.12. Progress Bar */ .progress-bar { background-color: #444444; color: #333333; } /************************************************************************** * 4.13. Overlay */ .overlay.overlay-primary { -webkit-box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.40); -moz-box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.40); box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.40);/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.40);*/ } /************************************************************************** * 4.14. Table */ .table-bordered { border: 1px solid #f8f1f1; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #f8f1f1; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-hover > tbody > tr:hover td, .table-hover > tbody > tr:hover th { /* Fallback for web browsers that doesn't support RGBa */ background-color: #f8f1f1; /* RGBa with 0.6 opacity */ background-color: rgba(248, 241, 241, 0.7); /* For IE 5.5 - 7 */ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff'); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3f8f1f1, endColorstr=#b3f8f1f1)"; } /************************************************************************** * 4.15. Ad/ banner */ .ad-wrapper.widget { /* border-top: 2px solid #9d9d9d; */ } /************************************************************************** * 4.16. Widget calendar */ .widget_calendar table td { border-top: 1px solid #9d9d9d; } .widget_calendar table #today { background-color: #ffffff; color: #333333; } /************************************************************************** * 5. Footer */ .footer-area { color: #00ADEF; } .footer-area a { color: #000000; text-transform:uppercase; } .footer-area a:hover { color: #00ADEF; } .footer-area .widget { margin-bottom: 20px; } .footer-area .widget .widget-title { color: #000000; border-color: rgba(0, 0, 0, 0.7); } .footer-area .footer-bottom { border-color: rgba(0, 173, 239, 0.5); } .nav > li > a:hover, .nav > li > a:focus { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .nav.navbar-nav > li.current-menu-item > a { color: #000000; } /************************************************************************** * 5. Responsive */ @media (max-width: 768px) { .header-navbar, body.scrolled .header-navbar { border-right-color: #7FC04C; } .header-navbar .navbar-brand a, body.scrolled .header-navbar .navbar-brand a { background-color: #7FC04C; } } /* 27-au-2014 base.css starts*/ /** * see *.less for some documentation * some helpers located on libs.less */ .inline-block { display: inline-block; zoom: 1; *display: inline; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } /************************************************************************** * * Set general styling for layout - for components styling see components.css * * 1. Base rules * 2. Col XL * 3. Header * 4. Header Navbar * 5. Main * 6. Section * 7. Widget * 8. Footer * 9. Responsive * * */ /************************************************************************** * 1. Base Rules */ html, body { height: 100%; } body { font-family: 'Droid Sans', sans-serif!important; font-size: 14px; line-height: 24px; } .aligncenter { text-align: center; } .alignleft { text-align: left; } .alignright { text-align: right; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif!important; font-weight: 300; margin-bottom: 20px; } img { max-width: 100%; } js img[data-src] { opacity: 0; transition: opacity 0.3s ease-in; } /************************************************************************** * 2. Col XL */ .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .sm-pull-right, .md-pull-right, .lg-pull-right, .xl-pull-right { float: none; } .colheight-sm-1, .colheight-sm-2, .colheight-sm-3 { height: 155px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } [class*="col-"].col-no-padding, [class^="*col-"].col-no-padding { padding-left: 0px; padding-right: 0px; } /************************************************************************** * 3. Header */ .header-navbar { position: absolute; z-index: 1000; width: 100%; margin-top: 50px; height: 44px; line-height: 44px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; border: none; min-height: inherit; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; font-family: 'Lato', sans-serif; } .header-navbar .header-navbar-inner { position: relative; padding: 0px; height: 44px; } .header-navbar .header-navbar-inner:after { bottom: -10px; right: -10px; position: absolute; content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #333; } .header-navbar .header-navbar-inner.search-toggled-in .nav.navbar-nav { display: none; } .header-navbar .header-navbar-inner.search-toggled-in .nav-icons .search-toggled- out-icon { display: none; } .header-navbar .header-navbar-inner.search-toggled-in .nav-icons .search-toggled- in-icon { display: inline-block; zoom: 1; *display: inline; } .header-navbar .header-navbar-inner.search-toggled-in .search-wrapper { display: block; } .header-navbar .search-wrapper { position: relative; overflow: hidden; display: none; height: 44px; line-height: 22px; } .header-navbar .search-wrapper .search-wrapper-inner { margin: 0 45px 0 5px; position: relative; } .header-navbar .search-wrapper .search-wrapper-inner form { padding: 0px; margin: 0px; } .header-navbar .search-wrapper .search-wrapper-inner input[type="text"] { width: 100%; border: none; background-color: transparent; padding: 0px; margin: 11px 0px 0px 0; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; } .header-navbar .search-wrapper .search-wrapper-inner input[type="text"]:focus { outline: none; } .header-navbar .search-wrapper .search-wrapper-inner button { position: absolute; z-index: 2; right: -45px; top: 0px; } .header-navbar .btn-icon { padding: 0px; margin: 0px; line-height: 44px; height: 44px; width: 44px; border: none; background-color: transparent; } .header-navbar .navbar-brand { margin: 0px 5px 0px 0px; padding: 0px; width: 244px; height: 44px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-right: 1px solid transparent; } .header-navbar .navbar-brand a { position: relative; top: -30px; left: -15px; display: block; width: 244px; height: 56px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .header-navbar .navbar-brand a:after { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; top: 56px; left: 0px; position: absolute; content: ''; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 18px solid transparent; border-right: 15px solid #333333; } .header-navbar .navbar-brand a img { vertical-align: top; position: relative; height: auto; width: 79%; } body.scrolled .header-navbar { position: fixed; margin-top: 0px; } body.scrolled .header-navbar .navbar-brand { width: 192px; } body.scrolled .header-navbar .navbar-brand a { top: 0px; left: -5px; width: 192px; height: 44px; padding-right: 0px; } body.scrolled .header-navbar .navbar-brand a:after { top: 44px; border-bottom-width: 0px; } body.scrolled .header-navbar .nav-pages { display: none !important; } .header-navbar .nav-pages { position: absolute; right: 0px; top: -40px; line-height: 30px; } .header-navbar .nav-pages > li { float: left; font-size: 12px; } .header-navbar .nav-pages > li > a { font-family: 'Droid Sans', sans-serif; padding: 0px 6px; } .header-navbar .nav-pages > li > a, .header-navbar .nav-pages > li.active > a { background-color: transparent; } .header-navbar .nav-icons { position: relative; height: 44px; width: 44px; float: right; margin-right: -10px; } .header-navbar .nav-icons > li { width: 44px; height: 44px; } .header-navbar .nav-icons > li > a { padding: 0px; line-height: 44px; width: 44px; text-align: center; } .header-navbar .nav-icons .search-toggled-out-icon { display: inline-block; zoom: 1; *display: inline; } .header-navbar .nav-icons .search-toggled-in-icon { display: none; } /************************************************************************** * 4. Header Navbar */ .nav.navbar-nav { height: 44px; line-height: 44px; float: left; display: block; width: auto; font-size: 13px; } .nav.navbar-nav > li { height: 44px; line-height: 44px; } .nav.navbar-nav > li.nav-all { border-left: transparent 1px solid; } .nav.navbar-nav > li.nav-all .text { display: none; font-size: 12px; } .nav.navbar-nav > li.nav-all > a { padding: 0px 15px; line-height: 44px; height: 44px; } .nav.navbar-nav > li > a { padding: 0px 10px; line-height: 44px; height: 44px; text-transform: uppercase; } .nav.navbar-nav > li > a:hover { background-color: transparent; } .nav.navbar-nav li .subnav-wrapper { display: none; position: absolute; top: 100%; z-index: 10; padding: 0px 0px; line-height: 18px; border-top: 4px solid transparent; font-family: 'Droid Sans', sans-serif; } .nav.navbar-nav li .subnav-wrapper .subnav-wrapper { position: absolute; left: 100%; top: -4px; } .nav.navbar-nav li.full-subnav-wrapper { position: static; } .nav.navbar-nav li.full-subnav-wrapper .subnav-wrapper { left: 0px; width: 100%; margin-left: 0px; margin-right: 0px; } .nav.navbar-nav li.full-subnav-wrapper .subnav-wrapper .subnav, .nav.navbar-nav li.full-subnav-wrapper .subnav-wrapper .subnav-entries { min-width: inherit; width: 100%; } .nav.navbar-nav li ul { list-style-type: none; margin: 0px; padding: 0px; } .nav.navbar-nav li ul li a { display: block; } .nav.navbar-nav li ul li a:hover { text-decoration: none; } .nav.navbar-nav li.toggled-in > .subnav-wrapper, .no-touch .nav.navbar-nav li:hover > .subnav-wrapper { display: block; } .nav.navbar-nav li .subnav { min-width: 150px; } .nav.navbar-nav li .subnav li { position: relative; } .nav.navbar-nav li .subnav li a { padding: 10px 10px; text-transform:uppercase; } .nav.navbar-nav li .subnav-entries { width: 230px; } .nav.navbar-nav li .subnav-entries li { font-size: 12px; padding: 0px; } .nav.navbar-nav li .subnav-entries li a { display: block; padding: 8px 10px; } .nav.navbar-nav li .subnav-full { margin-bottom: 20px; } .nav.navbar-nav li .subnav-full a { padding: 8px 8px; margin-left: -8px; } .nav.navbar-nav li .subnav-tabbed .subnav-tabbed-tabs { padding-top: 20px; height: 100%; } .nav.navbar-nav li .subnav-tabbed .subnav-tabbed-tabs a { padding: 8px 10px 4px 15px; } .nav.navbar-nav li .subnav-tabbed .subnav-tabbed-panels { padding-top: 20px; } .nav.navbar-nav li .subnav-tabbed .subnav-tabbed-panels .subnav-tabbed-panel { display: none; } .nav.navbar-nav li .subnav-tabbed .subnav-tabbed-panels .subnav-tabbed-panel.active { display: block; } .subnav-header { text-transform: uppercase; display: block; padding-bottom: 10px; margin-bottom: 5px; padding-top: 20px; border-bottom: 1px solid #ccc; } /************************************************************************** * 5. Main */ #main { padding-top: 94px; position: relative; } .page-header { border: none; margin-top: 15px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } .page-header .page-meta.pull-right { margin-right: 20px; margin-left: 20px; } .page-header[class*="col-"] .page-title, .page-header[class^="col-"] .page-title { margin-top: 0px; position: relative; left: -15px; } .page-title, .page-title.full-page-title { font-size: 36px; line-height: 43px; margin-bottom: 5px; font-weight: 300; overflow: hidden; text-transform: capitalize; } /************************************************************************** * 6. Section */ .section { position: relative; margin-bottom: 20px; *zoom: 1; } .section:before, .section:after { display: table; line-height: 0; content: ""; } .section:after { clear: both; } .section .section-title { top: 0px; font-size: 18px; line-height: 38px; font-weight: 300; } .section.section-no-margin-bottom { margin-bottom: 0px; } .container > .section:not(.row), .container > .section.not-row { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; } .container > .section.carousel { padding-left: 0px; padding-right: 0px; } /************************************************************************** * 7. Widget */ .widget { position: relative; } .bottombar .widget { padding-top: 0px; } .widget .widget-title.ribbon { font-size: 14px; line-height: 38px; font-weight: 300; } .widget .widget-title:not(.ribbon) { margin-bottom: 15px; } .bottombar .widget .widget-title { font-size: 18px; line-height: 38px; } /*.widget .more-wrapper { margin-bottom: 0px; }*/ .widget > ul:not(.entries) { padding: 0 0 0 0; list-style-type: none; margin: 0px; } .widget > ul:not(.entries) li { margin-bottom: 5px; font-size: 13px; line-height: 20px; } .js .collapsible-widgets .widget > * { display: none; } .js .collapsible-widgets .widget > .widget-title { display: block; -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); cursor: pointer; } .js .collapsible-widgets .widget > .widget-title:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .js .collapsible-widgets .widget.active > * { display: block; } .js .collapsible-widgets .widget.active > .widget-title { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } /************************************************************************** * 8. Footer */ .footer-area { padding-top: 25px; font-size: 13px; } .footer-area a:hover { text-decoration: none; } .footer-area .widget .widget-title { font-size: 13px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .footer-area .footer-top { margin-bottom: 20px; } .footer-area .footer-bottom { border-top: 1px solid transparent; font-size: 12px; line-height: 18px; padding-top: 10px; } .footer-area .footer-bottom p { margin-bottom: 10px; } /************************************************************************** * 9. Custom */ .visually_embed { margin:0 auto !important; } #footer #categories-2 { float: left; position: relative !important; width: 33.3333%; padding:0px 15px; left:0px !important; } #footer .widget.widget_text { float: left; position: relative !important; width: 16.6667%; padding:0px 15px; left:0px !important; top:0px !important; } #footer .widget.follow-us-widget { float: left; position: relative !important; top:0px !important; padding:0px 15px; left:0px !important; } #footer .widget-area .widget.widget_text:first-child { float: left; position: relative !important; width: 33.3333%; padding:0px 15px; left:0px !important; top:0px !important; } .orange-bg-white-col { background-color: #F75E00 !important; color: #FFFFFF !important; } .blue-bg-white-col { background-color: #00ADEF !important; color: #FFFFFF !important; border:none !important; } .green-bg-white-col { background-color: #7FC04C !important; color: #FFFFFF !important; } .dark-green-bg-white-col { background-color: #5CB85C !important; color: #FFFFFF !important; } .light-green-bg { background-color: #39d2ae !important; } /*-------calander----------*/ .event_widget_iframe .widget-title.ribbon { height: 38px; margin:0px !important; } iframe.c-events-cont { margin-left: -15px; width: 108%; } .event_widget_iframe.events_widget_list .home-event-widget { padding-left: 20px !important; text-align:left; } .widget .ribbon.ribbon-highlight a { background-color:#00adef; color:#ffffff; } .c-ad-wrapper { margin: 20px 0 0; } .c-ad-wrapper .ad.ad-970x90 { margin:0 auto; } #menu-menu_all.nav.navbar-nav { float:right; } #footer .widget_newsletterwidget { float: left !important; left: 0 !important; top: 0 !important; position: relative !important; width: 100%; } .widget.widget_pages { float: left; left: 0 !important; top: 0 !important; padding: 0 15px; position: relative !important; width: 33.3333%; } #footer .widget.widget_text ul { width: 50%; float:left; padding:0px; } .widget.widget_text ul li { list-style:none; } #secondary > .widget-area.masonry { height:auto !important; } #footer .newsletter.newsletter-widget .newsletter-firstname { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; } #footer .newsletter.newsletter-widget .newsletter-lastname { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; } #footer .newsletter.newsletter-widget .newsletter-email { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; box-shadow:none; } #footer .newsletter.newsletter-widget .newsletter-submit { background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFFFFF; font-size: 15px; padding: 5px 10px; } #footer .newsletter.newsletter-widget .newsletter-submit:hover { background-color: #47A447; border-color: #398439; color: #FFFFFF; } .wp-pagenavi a, .wp-pagenavi span { border: medium none; font-size: 16px; } .wp-pagenavi .pages { display:none; } .video-link { color:#F75E00; font-size:15px; cursor:pointer; } .video-link:hover { color:#000; text-decoration:none; } .video-link .genericon-play { height: 18px; vertical-align: middle; } .sidebar-widget { padding-top:5px; } .sidebar-widget aside { display:block; } .sidebar-widget .newsletter.newsletter-widget .newsletter-firstname { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; } .sidebar-widget .newsletter.newsletter-widget .newsletter-lastname { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; } .sidebar-widget .newsletter.newsletter-widget .newsletter-email { border: 2px solid #00ADEF; color: #000000; font-size: 15px; padding: 5px 10px; width: 100%; box-shadow:none; } .sidebar-widget .newsletter.newsletter-widget .newsletter-submit { background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFFFFF; font-size: 15px; padding: 5px 10px; } .sidebar-widget .newsletter.newsletter-widget .newsletter-submit:hover { background-color: #47A447; border-color: #398439; color: #FFFFFF; } body.scrolled .header-navbar { top:0; } body.scrolled .dashboard_header_navbar { top:32px; } .header-right-sidebar .widget-title { display:none; } .header-right-sidebar .follow-us-widget li { float:right; width:33px } .header-right-sidebar .follow-us-widget li a { font-size:0px; color:rgba(0, 0, 0, 0); } .header-right-sidebar .follow-us-widget li a:hover { font-size:0px; color:rgba(0, 0, 0, 0); } .header-right-sidebar .follow-us-widget li a i { font-size:30px; color:#00ADEF; } .header-right-sidebar .follow-us-widget li a:hover i { font-size:30px; color:#F75E00; } .header-right-sidebar #follow-us-widget-3 { width:150px; padding-right:0px; } .header-right-sidebar aside { float:left; } .header-right-sidebar .textwidget ul { margin: 0; padding: 3px 0px 0px 5px; } .header-right-sidebar .textwidget li { float:left; list-style:none; padding:0px 5px } .header-right-sidebar .textwidget li a { color:#00ADEF; text-decoration:none; } .header-right-sidebar .textwidget li a:hover { color:#F75E00; } #main .section .main-home-widget-right .newsletter-firstname, .newsletter- lastname, .newsletter-email { border: 2px solid #00ADEF; color: #000000; font-size: 13px; line-height:13px; padding: 3px 7px; width: 100%; box-shadow:none; } #main .section .main-home-widget-right .widget_newsletterwidget p:nth-child(2) { display: block; float: left; margin-right: 2%; width: 48%; } #main .section .main-home-widget-right .widget_newsletterwidget #news-letter { margin-top: 35px; position: absolute; width: 96%; } #main .section .main-home-widget-right .widget_newsletterwidget p:nth-child(3) { display: block; float: left; margin-left: 2%; width: 48%; } #main .section .three-row-col .newsletter-firstname, #main .section .three-row-col .newsletter-lastname, #main .section .three-row-col .newsletter-email { border: 2px solid #00ADEF; color: #000000; font-size: 13px; line-height:13px; padding: 4px 7px; width: 100%; box-shadow:none; } #main .main-home-widget-right .newsletter.newsletter-widget p { margin-bottom:5px; } #main .main-home-widget-right .newsletter.newsletter-widget p:last-child { margin-top: 5px; } #main .main-home-widget-right .newsletter.newsletter-widget { margin-top: 9px; } #main .three-row-col .widget_newsletterwidget .widget-title { background-color: #232323; color: #DFDFDF; font-size: 14px; font-weight: 300; font-family: 'Lato', sans-serif; line-height: 38px; margin: 0 -15px 10px -20px; position: relative; text-transform: uppercase; z-index: 20; padding:0px 20px; } #main .three-row-col .widget_newsletterwidget .widget-title:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid #333333; border-top: 0 solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 0; position: absolute; top: 100%; width: 0; } #main .section .main-home-widget-right .widget-title { background-color: #00ADEF !important; color: #FFFFFF !important; float: left; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 400; line-height: 30px; margin: 10px 30% 10px -20px; padding-left: 20px; padding-right: 20px; position: relative; text-transform: uppercase; z-index: 20; } #main .section .main-home-widget-right .widget-title:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid #111111; border-top: 0 solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 0; position: absolute; top: 100%; width: 0; } #main .section .widget_newsletterwidget .newsletter-submit { background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFFFFF; font-size: 15px; padding: 5px 10px; line-height:15px; } #main .section .widget_newsletterwidget .newsletter-submit:hover { background-color: #47A447; border-color: #398439; color: #FFFFFF; } .home #main .section .widget_newsletterwidget { background-color: #FFFFFF; float: left; height:150px; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 50%; } .home #main .main-home-widget-right .header-banner { float: left; height: 250px; min-height: 1px; padding: 0px; position: relative; width: 50%; background-color:#fff; } .home #main .main-home-widget-right .header-banner img { width: 100%; height:100%; } .footer-ads { display:block; } .footer-ads aside { display:block; } .clear { clear:both; } .normal-bold { font-weight:400 !important; } .widget ul.home-event-widget { padding-top: 20px; } .color-orange { color:#F75E00 !important; } .margin-b-20 { margin-bottom:20px; } .fitness-expert p { color: #00ADEF; font-size: 20px; } .fitness-expert a { color: #F75E00; font-size: 20px; } .fitness-expert-img { text-align:center; } label.error { color:red; } .main-home-widget-right input.error { } .main-home-widget-right label.error { font-size: 12px; left: 0; margin-left: 16px; margin-top: 25px; position: absolute; } .main-home-widget-right .newsletter-submit { font-size: 13px !important; line-height: 13px !important; margin-top: 10px; } .single-product article a { color:#F75E00; } .metaslider .rslides .caption-wrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #000000; opacity:1; position: relative; } .metaslider .rslides_nav { margin-top: -40px; } .sidebar-category { padding-top:20px; } .sidebar-category .sidebar-category-ul { margin: 0px; padding:0px; border:2px solid #00ADEF; } .sidebar-category .sidebar-category-ul li:first-child { list-style: none outside none; margin: 0; text-align: center; background-color:#00ADEF; color:#fff; font-size:16px; } .sidebar-category .sidebar-category-ul li:first-child ul { margin:0px; padding:0px; } .sidebar-category .sidebar-category-ul li:first-child ul li { list-style:none; background-color:#ffffff; border-top:2px solid #00ADEF; color:#00ADEF; } .sidebar-category .sidebar-category-ul li:first-child ul li a { background-color:#ffffff; color:#00ADEF; display:block; } .sidebar-category .sidebar-category-ul li:first-child ul li a:hover { text-decoration:none; color:#000000; display:block; } .header-navbar .search-wrapper .search-wrapper-inner input[type="search"] { width: 100%; color:#000; border: none; background-color: #fff; padding: 0px; margin: 11px 0px 0px 0; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400; } #brand a.head-title { display: none; padding-top: 2px; text-align: center; } .scrolled #brand a.head-title { display: block; } .scrolled #brand a.head-logo { display:none; } .slicknav_menu { display:none; } /* .slicknav_menu{ display:none; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; position: relative; top: 1px; } .slicknav_menu:before{ content:"\e055"; } */ .slicknav_nav { background-color: #00ADEF; left: 0; position: absolute; width: 100%; border-top: 3px solid #fff; padding:0px; } ul.slicknav_nav li { list-style:none; } .slicknav_nav li > a { display: block; line-height: 20px; padding: 10px; text-decoration:none; } #menu-main_menu .slicknav_menu .slicknav_nav li .subnav-wrapper, #menu-dash-left .slicknav_menu .slicknav_nav li .subnav-wrapper { position: relative; background-color: rgba(0, 0, 0, 0); border: medium none; box-shadow: none; } #menu-main_menu .slicknav_menu .slicknav_nav li .subnav-wrapper a, #menu-dash-left .slicknav_menu .slicknav_nav li .subnav-wrapper a { padding:0px; } #menu-main_menu .sub-menu, #menu-dash-left .sub-menu { display:none; min-width:150px; position:absolute; } #menu-main_menu > li:hover .sub-menu, #menu-dash-left > li:hover .sub-menu { display:block; } #menu-main_menu .sub-menu, #menu-dash-left .sub-menu { background-color: #7FC04C; border-top: 4px solid #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25); } #menu-main_menu .sub-menu > li, #menu-dash-left .sub-menu > li { padding: 10px; text-transform: uppercase; } #menu-main_menu .sub-menu > li > a, #menu-dash-left .sub-menu > li > a { line-height:18px; font-size:13px; } .slicknav_menu .slicknav_icon-bar { background-color: #FFFFFF; border-radius: 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 3px; width: 25px; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:4px; } .slicknav_icon.slicknav_no-text { background-color: #F75E00; display: block; height: 44px; line-height: 39px; padding: 13px 10px; } .comments-area .avatar { margin-left: -37px; margin-right: 10px; float:left; border-radius: 50%; display:block; } .comments-area .reply a { background-color: #00ADEF; color: #FFFFFF; padding:5px 10px; text-align: center; text-transform: uppercase; background-clip: padding-box; border-radius: 0; } .comments-area .reply a:hover { background-color: #0090CE; color: #FFFFFF; text-decoration:none; } .comments-area .form-inline .form-group { margin-bottom:20px; } .comments-area .form-submit #submit { margin-left: 15px; background-color: #00ADEF; color: #FFFFFF; border:0px; padding:5px 10px; text-align: center; text-transform: uppercase; background-clip: padding-box; border-radius: 0; } #commentform .oneall_social_login { display:none; } #comments .children li { list-style:none; } #simplemodal-login-container #loginform, #simplemodal-login-container #registerform, #simplemodal-login-container #lostpasswordform { border:2px solid #00ADEF; } #simplemodal-login-container input.user_pass, #simplemodal-login-container input.user_login, #simplemodal-login-container input.user_email { border:2px solid #00ADEF; } #simplemodal-login-container input.input { background: none repeat scroll 0 0 #FBFBFB; border: 2px solid #00ADEF; font-size: 24px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; padding: 3px; width: 97%; border-radius:0px; } #simplemodal-login-container form p { margin:0px; padding:0px; } #simplemodal-login-container #loginform .title, #simplemodal-login-container #registerform .title { color: #00ADEF; font-size: 18px; padding-bottom: 12px; text-transform: uppercase; } #simplemodal-login-container #loginform label { color: #000; font-size: 13px; } #simplemodal-login-container #loginform .forgetmenot { float: none; font-size: 11px; font-weight: normal; line-height: 19px; margin-bottom: 0; text-align:center; } #simplemodal-login-container #loginform .submit input.simplemodal-close, #simplemodal-login-container #registerform .submit input.simplemodal- close, #simplemodal-login-container #lostpasswordform .submit input.simplemodal- close { background-color: #F75E00; border: 0 none; border-radius: 0; font-size: 12px; line-height: 1.5; padding: 5px 10px; text-align: center; text-transform: uppercase; font-weight:normal; } #simplemodal-login-container #loginform .submit input, #simplemodal-login-container #registerform .submit input, #simplemodal-login-container #lostpasswordform .submit input { background-color: #00ADEF; border: 0 none; border-radius: 0; font-size: 12px; line-height: 1.5; padding: 5px 10px; text-align: center; text-transform: uppercase; font-weight:normal; } #simplemodal-login-container #registerform #wp-social-login-connect-with, #simplemodal-login-container #registerform #wp-social-login-connect-options { display:none; } .simplemodal-container { top: 7% !important; } .c_input { border: 2px solid #00ADEF; display: block; font-size: 14px; line-height:14px; margin-bottom: 10px; padding: 4px 10px; width: 100%; } .c_button { border: none; color: #FFFFFF; font-size: 15px; padding: 5px 10px; text-decoration:none; cursor:pointer; } .c_button:hover { opacity:0.9; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border: none; color: #FFFFFF; font-size: 15px; padding: 5px 10px; text-decoration:none; } .physician_finder_result { margin-top: 70px; } .display-block { display:block; } html .modal select { border: 1px solid #EAEAEA !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset; } /*=====*/ /* The CSS */ .c_select { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #00ADEF; color: #000; font-weight:400; cursor: pointer; display: inline-block; margin: 0; outline: medium none; padding: 5px 5px; font-size:14px; line-height:14px; width: 100%; /*-webkit-appearance:none; -moz-appearance:none; appearance:none;*/ cursor:pointer; } .c_select_label { position:relative; width:100%; margin-bottom:10px; } .c_select_label:after { border-bottom: 1px solid #00ADEF; color: #00ADEF; font: 16px "Consolas", monospace; right: 4px; top: 3px; content:'<>'; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); padding:0 0 2px; position:absolute; pointer-events:none; } .c_select_label:before { background: none repeat scroll 0 0 #FFFFFF; height: 26px; right: 2px; top: 2px; width: 21px; content:''; position:absolute; pointer-events:none; display:block; } .c_form_left { min-height:45px; } .c_form_right { min-height:45px; } .c_form_left p { margin:0px; } .text_justify { text-align:justify; } .f_right { float:right; } input.error { border:2px solid red !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 0.5) !important; -moz-box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 0.5) !important; box-shadow: 0px 0px 8px 0px rgba(255, 0, 0, 0.5) !important; } .c_check { margin:0px 5px !important; } .color-blue { color:#00ADEF !important; } .wsl_connect_with_provider:hover i { color:#F75E00; } #LoginWithAmazon { } /*=========physician========*/ .physician_result { padding:0px; } .physician_result li { list-style:none; border-left:5px solid #00ADEF; } .physician_result .p_heading { display: block; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .physician_result .p_s_text { float: right; margin: 0.3em 0; text-align: right; } .physician_result .p_sub_text { display: block; font-size: 14px; line-height:18px; font-weight: normal; margin:0 0 0.6em; text-overflow: ellipsis; } .c_padding_0 { padding:0px !important; background:#00adef; } .c_padding_l_0 { padding-left:0px !important; } .c_text_align_r { text-align:right !important; } .c_margin_0 { margin:0px !important; } .expand_cont { display:none; } .expand_link { background-color: #00ADEF; color: #FFFFFF; display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding: 5px 15px; cursor:pointer; text-decoration:none; } .expand_link i { padding-right:10px; } .expand_link:hover { background-color: #00ADEF; color: #FFFFFF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); opacity: 0.9; text-decoration: none; } .switch-change-cont { margin-top:20px; } .switch-metric-cont { display:none; } .bootstrap-switch { min-width:130px!important; } .switch-label { font-size: 18px; font-weight: 200; margin: 0 20px 0 0; line-height: 20px; } select.error { border:2px solid #FF0000 !important; } #main_menu_mobile .slicknav_menu, #main_menu_mobile_dash .slicknav_menu { width:44px; float:right; } /*............................navigation...................*/ #menu-menu-1 .slicknav_menu { width:44px; float:right; } .slicknav_arrow { float: right; text-align: center; transform: rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); width: 40px; } #menu-main_menu .slicknav_menu .sub-menu, #menu-dash-left .slicknav_menu .sub-menu { position: relative; } #main_menu_mobile .slicknav_menu li .sub-menu, #main_menu_mobile_dash .slicknav_menu li .sub-menu { position: relative; background-color: #7FC04C; border-top: 4px solid #FFFFFF; padding:0px; } .slicknav_open .slicknav_arrow { transform: rotate(180deg); } .font-bold { font-weight:bold; font-size:18px; } .ad.ad-970x90 { margin: 0 auto; width: 970px; min-height:90px; } .social-link-col .mr_social_sharing_wrapper { float: left; margin: 0; width: auto; } .social-link-col .mr_social_sharing_wrapper .mr_social_sharing:last-child { display:none; } .social-link-col .twitter_social_sharing_wrapper { float:left; margin-top:2px; } .ad-300 { width:300px; height:auto; margin:0 auto !important; } .ad-inner .ad { text-align:center; } .widget-easy-twitter-feed-widget-global-wrapper iframe.twitter-timeline { width:100% !important; max-width:100%; } .sidebar-widget .widget.widget_newsletterwidget .widget-title:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid #333333; border-right-color: #111111; border-top: 0 solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 0; position: absolute; top: 100%; width: 0; } .sidebar-widget .widget.widget_newsletterwidget .widget-title { font-size: 14px; font-weight: 300; line-height: 38px; font-family: 'Lato', sans-serif; line-height: 38px; margin: 0 -15px 20px -20px; position: relative; padding-left:20px; text-transform: uppercase; z-index: 20; background-color: #F75E00 !important; color: #FFFFFF !important; } .physician-state-ul { background-color: #00ADEF; margin: 0; padding: 5px 10px; } .physician-state-ul li { float:left; margin:2px; list-style:none; } .physician-state-ul li a { background: none repeat scroll 0 0 #FFFFFF; color: #00ADEF; cursor: pointer; display: block; font-size: 15px; font-weight: bold; min-width: 40px; padding: 3px 5px; text-align: center; text-decoration: none; } .physician-result-page { margin:0px; padding:0px; } .physician-result-page li { float: left; list-style: none outside none; display:none; } li.next_li { display: block; } .physician_main_cont .paginate li.active a, .physician-result-page li.active a { font-weight: bold; border: 1px solid #000000; margin: 2px; padding: 3px 5px; text-decoration: none; font-size: 16px; } .physician_main_cont .paginate li a, .physician-result-page li a { border: 1px solid #000000; margin: 2px; padding: 3px 5px; text-decoration: none; font-size: 16px; } .margin-t-90 { margin-top:90px !important; } #simplemodal-login-form #LoginWithAmazon { margin:7px 20px 5px 5px; } #registerform p.access-text-login, #registerform #wp-social-login-connect-options, #registerform #wp-social-login-connect-with { display:none; } #commentform #wp-social-login-connect-options #LoginWithAmazon { margin-right: 20px; margin-top: 7px; } .form-group.comment-form-author { padding-left:0px; } .form-group.comment-form-email { padding:0px; } .form-group.comment-form-url { padding-right:0px; } #email.form-control, #author.form-control, #url.form-control { width: 100%; } .physician-result-cont { padding:0px !important; margin:0px !important; } .hover { cursor:pointer; } .lite-gray-bg { background-color:#f8f9fa; } .dashboard-main-r { border-left:2px solid #232323; } .lite-gray-border-bottom { border-bottom:2px solid #edeeee; } .dash-title { background: none repeat scroll 0 0 #7FC04C; border-bottom: 2px solid #232323; color: #FFFFFF; font-size: 30px; font-weight: lighter; margin: 0; padding: 20px; } .dash-ul { padding:0px; } .dash-ul li { list-style:none; } .dash-sub-cont { padding: 94px 0px 30px; background:#fff; } .padding_for_title { padding-top:110px; } .dash-label { font-size: 14px; font-weight: 400; } .dash-input { float:right; } .dash-menu li { list-style:none; } .dashboard-main { min-height:100%; } .dash-pont-ul { margin:0px; padding:0px; } .dash-pont-ul li { list-style:none; float:left; width:20%; } .dash-pont-ul li p { color: #0AA4DC; font-size: 20px; margin: 0; text-align: center; } .dash-pont-ul li span { color: #9AA5A9; display: block; font-size: 12px; line-height: 12px; text-align: center; } /*========Dashboard=========*/ .dashboard-main .ui-tabs-vertical { width:auto; } .dashboard-main .ui-tabs-vertical .ui-tabs-panel { width:auto; } .dashboard-main .dashboard-main-l .dash-menu { width:100%; background:none; border:0px; margin:0px; } .dashboard-main .dashboard-main-r .dash-panel { width:100%; padding:0px; } .dashboard-main .ui-widget-content { background:none; } .dashboard-main .dashboard-main-cont { min-height:100%; border-left:2px solid #232323; border-right:2px solid #232323; padding:0px; border-radius:0px; background-color:#00ADEF; } .dashboard-main .dashboard-main-l .dash-menu { margin:0px; padding:10px; } .dashboard-main .dashboard-main-l .dash-menu li { background:none; color:#9aa5a9; font-size:16px; border:0px; padding:0px; margin:0px; display:block; text-decoration:none; cursor:pointer; } .dashboard-main .dashboard-main-l .dash-menu li.ui-state-active { background:none; color:#9aa5a9; font-size:16px; border:0px; padding:0px; margin:0px; display:block; text-decoration:none; cursor:pointer; } .dashboard-main .dash-menu li a { width:100%; color: #FFF; cursor: pointer; display: block; font-size: 16px; padding: 5px; text-decoration: none; } .dashboard-main .dash-menu li.ui-state-active a { color:#0aa4dc; font-size:16px; background-color:#FFF; border-radius:0px; } .dashboard-main .dash-menu li.ui-state-hover a { color:#0aa4dc; font-size:16px; background-color:#FFF; border-radius:0px; } .dashboard-main-cont.ui-widget { font-family: 'Droid Sans', sans-serif; font-size: 14px; } #edituser label { font-size:14px; font-weight:normal; } #edituser #updateuser { background-color: #5CB85C; border: 1px solid #4CAE4C; color: #FFFFFF; font-size: 15px; padding: 5px 10px; } #edituser .form-submit { text-align:right; } #wppb_modify.wppb_holder p label { clear: left; float: left; padding-right: 15px; width: 35%; } #wppb_modify .wppb-description-delimiter { margin-left: 35%; padding-left:0px; } #wppb_modify.wppb_holder input[type="text"], #wppb_modify.wppb_holder input [type="password"], #wppb_modify.wppb_holder select, #wppb_modify.wppb_holder textarea { margin-bottom: 5px; width: 65%; border:2px solid #00ADEF; font-size: 14px; line-height: 14px; padding: 4px 10px; } #wppb_modify.wppb_holder input[type="file"] { margin-left:35%; margin-top:10px; } .header-avatar { border: 2px solid #FFFFFF; border-radius: 25px; margin-right: 5px; margin-top: -3px; } .dash-back { color: #FFF !important; display: block; margin: 10px 0 5px 10px; text-decoration:none; } .dash-back:hover { color: #0AA4DC !important; text-decoration:none; } #menu-menu_all li.menu-login:hover ul { display:block; } #menu-menu_all li.menu-login:hover > img { cursor:pointer; } #menu-menu_all li ul { border-radius: 10px; display: none; min-height: 150px; padding-top: 24px; position: absolute; right: 0px; width: 250px; z-index: 2; } #menu-menu_all li { list-style: none outside none; } .edit-drop-main .arrow { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00ADEF; border-style: solid; border-width: 0 10px 15px; height: 0; margin-right: 15px; margin-top: -15px; position: absolute; right: 0; width: 0; } .edit-drop-top { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #00ADEF; border-bottom:0px; border-radius: 5px 5px 0 0; padding: 10px; } .edit-drop-bottom { background-color: #00ADEF; border-radius: 0 0 5px 5px; margin: 0 auto; padding: 5px; } .edit-drop-main-l { display: block; float: left; margin-right: 2%; margin-top: 0px; min-height: 50px; width: 35%; } .edit-drop-main-r { display: block; float: left; text-align: center; width: 63%; } .avatar-edit-link { display: block; position: relative; } .avatar-edit-link:hover > span { background-color: rgba(182, 55, 52, 0.7); bottom: 0; color: #FFFFFF; display: block; font-size: 11px; line-height: 10px; margin-bottom: 0px; padding: 3px; position: absolute; text-align: center; width: 74px; } .avatar-edit-link > span { display: none; } .edit-drop-main .c_button { line-height:20px; } .edit-drop-main-r p { font-size:16px; line-height:16px; color:#00ADEF; word-wrap:break-word; } .edit-drop-main div.edit-drop-bottom .edit-drop-block a.c_button { display: inline-block; width:45%; text-align:center; } .edit-drop-main div.edit-drop-bottom .edit-drop-block a.c_button:first-child { margin-right:8%; } .bookmark-article { font-size:16px; color:#00ADEF; cursor:pointer; text-decoration:none; } .bookmark-article:hover { color:#F75E00; text-decoration:none; } .remove-current-bookmark { font-size:16px; color:#F75E00; cursor:pointer; text-decoration:none; } .remove-current-bookmark:hover { color:#00ADEF; text-decoration:none; } #menu-menu_all > li > a { border-right: 1px solid #fff; color: #000000; height: 16px; line-height: 16px; padding: 0 7px; display:inline; text-transform: uppercase; } #menu-menu_all > li > a:hover { color: #ffffff; } #menu-menu_all > li:last-child a { border-right: none; } .bookmark-result-ul { padding:0px; margin:0px; } .bookmark-result-ul li { list-style:none; background:#00ADEF; border-bottom:2px solid #FFFFFF; border-radius:0px; } .bookmark-result-ul li:hover { background-color:#00ADEF; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); color: #FFFFFF; opacity: 0.9; } .bookmark-result-ul li a { color: #FFFFFF; display: block; font-size: 16px; font-weight: 800; padding: 7px 10px 7px 25px; } .bookmark-result-ul li a:hover { display:block; text-decoration:none; } .bookmark-result-ul li a span { float: right; font-size: 20px; } .bookmark-result-ul li a span:hover { float: right; font-size: 20px; color:#000; } .dash-panel { /* min-height: 400px; */ } .loading-message { background: none repeat scroll 0 0 activeborder; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 1000; } .loading-message img { top:40%; left:45%; position:fixed; } .expand_link { background-color: #00ADEF; color: #FFFFFF; cursor: pointer; display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding: 5px 15px; text-decoration: none; } .expand_cont { display: none; } .dash-sub-cont .expand_link { color:#fff; } .c-min-height-400 { /* min-height:400px !important; height:100% !important;*/ } .col-md-3.col-lg-3.col-xl-3.dashboard-main-l { background: none repeat scroll 0 0 #00ADEF; } .form-about-label { clear:none !important; float:none !important; width:auto !important; } .c_input_number { border: 2px solid #00ADEF; display: block; font-size: 14px; line-height: 14px; margin-bottom: 10px; padding: 4px 10px; width: 65%; } .about_category .about_category_left { width:35%; float:left; display:block; } .about_category .about_category_right { width:65%; float:left; display:block; } .title-assessments { font-size: 18px; padding: 10px 30px; } .dashboard-head-logo { display: block; padding: 10px 0; } .box { background-color: #1E2631; border: 0 solid #E9E9E9; border-radius: 0; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); color: #FFFFFF; margin-bottom: 0; position: relative; } .height_big { height: 320px; } .box .title { color: #FFFFFF; position: relative; } .box .title h4 { font-size: 32px; font-weight: 400; } .box .title h1, .box .title h2, .box .title h3, .box .title h4, .box .title h5 { letter-spacing: -1px; padding: 2px 0 0 15px; text-transform: uppercase; } .box h1, .box h2, .box h3, .box h4, .box h5 { color: #FFFFFF; line-height: 1.8em; margin: 0; } .top-right-corner { position: absolute; right: 0px; top: 0; float:left; } .top-right-corner .btn { width:100%; } #tooltip { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } #tooltip:after { border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-top: 8px solid #FFFFFF; bottom: -6px; content: ""; display: inline-block; left: 33px; position: absolute; } #tooltip:before { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top: 9px solid rgba(0, 0, 0, 0.2); bottom: -7px; content: ""; display: inline-block; left: 32px; position: absolute; } #blood_pressure_widget_holder { height:450px; } .dasboard-widget .title h4 { font-size: 26px; font-weight: 400; display:inline-block; } .first-load-widget { height:300px; } .title .btn { border-left-width: 0; padding: 13px 15px 12px !important; background-color: rgba(0, 0, 0, 0.2); background-repeat: repeat; border: 0 none; border-radius: 0 !important; box-shadow: none; color: #FFFFFF; text-shadow: none; } .bodyfat { background-color:#1E2631 !important; } .modal .content, .modal-title { color:#000 !important; } .input-block-level { background-color: #FFFFFF; border: 1px solid #EAEAEA !important; border-radius: 0; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset; box-sizing: border-box; color: #555555; display: block; font-size: 14px; margin-bottom: 10px; min-height: 34px; padding-left:10px; width: 100%; } .input-append .add-on, .input-prepend .add-on { background-color: #EEEEEE; border: 1px solid #CCCCCC; display: inline-block; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; min-width: 16px; padding: 4px 5px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; width: auto; } .input-append .add-on, .input-prepend .add-on { border-radius: 0 !important; height: 34px; left: auto; right: 0; top:0px; padding: 6px 8px; position: absolute; z-index: 5; } .input-append, .input-prepend { margin-top: 5px; position: relative; } .blood-sugar { background-color: #13161C !important; } .weight_active_state > span { color: #FFFFFF; font-size: 23px; letter-spacing: -1px; text-transform: uppercase; font-weight:400; } .dasboard-widget #weightBarChartMain { height:240px; width:100%; margin-top:15px; } .dasboard-widget #bodyFatChartMain { height:240px; width:100%; margin-top:15px; } /* .flot-tick-label { left:-10px !important; } .flot-y-axis div:first-child { top:202px !important; }*/ .weight_active_state { margin-bottom:0px; } #weightBarChartMain, #bodyFatChartMain { width:300px; margin-top:10px; } #blood_pressure_widget_holder { height:240px; } #bloodSugarBarChartMain { width:100%; height:240px; margin-top:15px; } .loading-message { z-index:999999; } aside .entry-thumbnail img { height:100% !important; } #map-canvas { width: 100%; height:300px; } #menu-dash-left li.current-menu-item { background:#62a52e; } #menu-dash-left li.current-menu-item a { color:#fff; } .top-right-corner .col-md-4.col-lg-4.c_padding_0 { display: inline-block; } .c_margin_0 { background:#008abf; } .syncData { padding:5px 10px; border-radius:5px; background:#fff; box-shadow:0px 0px 3px 0px #000; border:1px solid #f2f2f2; color:#000; margin:2px 0px 0px 10px; cursor: pointer; position:absolute; z-index:1000; right: 10px; top: 17px; } .noSync { display: none; } .syncLogo { width:20px; height: 20px; } /* Local Resources Page Styling */ .left_label { width:20%; background: none repeat scroll 0 0 #ffffff; content: ""; display: block; height: 22px; pointer-events: none; position: absolute; right: 2px; top: 2px; width: 21px; } .right_input { width:50%; border: 2px solid #00adef; color: #000; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 14px; margin: 0; outline: medium none; padding: 4px 5px; } .dash-panel #header_banner_widget-16 { background:#fff; } body.scrolled .header-navbar.top-scroll-navbar { top: 32px; } #footer #secondary aside.widget_text:last-child { width: 33%; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all { width:300px !important; padding:0px; border:1px solid #00adef; background:#fff; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li { border-bottom: 1px solid #00adef; list-style: none outside none; padding-left: 13px; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover { padding-left: 13px; background:#00adef; color:#fff !important; } article br { height:0px; margin-bottom:20px; } .mejs-overlay { background: #000; } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #000 !important; } .container { margin-left:50px !important; margin-right:50px !important; width:auto !important; } /************************************************************************** * 9. Responsive */ @media (max-width: 370px) { h4.weight_active_state span { font-size:16px; } } @media (max-width: 479px) { .home #main .main-home-widget-right .header-banner { width:100%; } .simplemodal-container { left: 0px !important; position: fixed; top: 0% !important; width: 100% !important; z-index: 10002; } .simplemodal-container form label { width: 100%; } .simplemodal-container { left: 0px !important; position: absolute; top: 0% !important; width: 100% !important; z-index: 10002; } #simplemodal-login-container input.input { font-size: 18px; margin-bottom: 5px; } #wppb_modify.wppb_holder p label { float: none; display:block; margin-left:0px; margin-right:0px; width: 100%; } #wppb_modify.wppb_holder input[type="text"], #wppb_modify.wppb_holder input [type="password"], #wppb_modify.wppb_holder select, #wppb_modify.wppb_holder textarea { float: none; display:block; margin-left:0px; margin-right:0px; width: 100%; } .about_category .about_category_left { display: block; float: left; width: 100%; } } @media (max-width: 768px) { .home aside .entry-thumbnail img { height:auto !important; } .colheight-sm-1, .colheight-sm-2, .colheight-sm-3 { height: 175px; } .header-navbar .search-wrapper .search-wrapper-inner input[type="search"] { height: 28px; margin: 8px 0 0; padding: 0 0 0 5px; } .sm-pull-right { float: right; } .page-header { margin-top: 15px; margin-bottom: 15px; } .page-title, .page-title.full-page-title { font-size: 41px; line-height: 48px; } #menu-main_menu, #menu-dash-left { float:right; } #menu-main_menu > li, #menu-dash-left > li { display:none; } .widget-easy-twitter-feed-widget-global-wrapper { text-align:center; } .widget-easy-twitter-feed-widget-global-wrapper iframe.twitter-timeline { width:100% !important; max-width:100%; } .events_widget_list .home-event-widget { text-align:center; } .sidebar .header-banner { text-align:center; } .header-navbar .navbar-brand a { padding-left: 10px; } #menu-main_menu .sub-menu > li, #menu-dash-left.sub-menu > li { padding:0px 0px 0px 10px; } .home #main .main-home-widget-right .widget_newsletterwidget { width:100%; height:150px; } .home #main .main-home-widget-right .header-banner { width: 100%; } .form-group.comment-form-author, .form-group.comment-form-email, .form- group.comment-form-url { padding:0px; } .visually_embed { width:100% !important; height:auto !important; } .visually_embed_overlay { width:100% !important; height:100% !important; } .custom_layer .ms_content_wrap p, .custom_layer .ms_content_wrap span { font-size:125% !important; line-height:125% !important; } .msHtmlOverlay .custom_layer { top:68% !important; height:100% !important; width:100% !important; bottom:0px; } .header-navbar, body.scrolled .header-navbar { position: absolute; } .header-navbar { margin-top: 0px; } .header-navbar .navbar-brand { width: 192px; position: absolute; } .header-navbar .navbar-brand a { top: 0px; left: -5px; width: 192px; height: 44px; } .header-navbar .navbar-brand a:after { top: 44px; bordsuber-bottom-width: 10px; border-right-width: 10px; display: none; } .header-navbar .nav.navbar-nav { margin: 0px; } /*.header-navbar .nav.navbar-nav > li { display: none; }*/ .header-navbar .nav.navbar-nav > li:first-child { display: block; } .header-navbar .header-navbar-inner:after { display: none; } #main { padding-top: 44px; } /*.visually_embed { height: auto !important; margin: 0 auto !important; width: 100% !important; } .visually_embed_overlay{ width: 100% !important; }*/ .c-ad-wrapper .ad.ad-728x90 { width:320px; height:auto; } .c-ad-wrapper { margin: 10px 0 20px 0px; } #menu-menu_all li { float:left; } #menu-menu_all.nav.navbar-nav { margin-top: -35px; position: absolute; right: 0; } #menu-menu_all li a { border-color:#00ADEF; color: #000000; } #menu-menu_all li a:hover { border-color:#00ADEF; color: #000000; } #footer #secondary aside.widget_text:last-child { width: 100%; } #footer .widget-area .widget.widget_text:first-child { width: 100%; } #footer aside.widget.widget_text { width: 50%; } .ad.ad-970x90 { width: 300px !important; } .header-navbar .nav-icons, .header-navbar .nav.navbar-nav > li.nav-all { margin-right: 0px; } .header-navbar:after { display: none; } .header-navbar .nav-pages { left:0px; } } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } #menu-menu_all li a { font-size:22px; } .container { margin-left:20px !important; margin-right:20px !important; } .single-post .entry-thumbnail img { width:100%; } #get-health-pass-widget-2 .pad-top-40 { margin-top:0px !important; } } @media only screen(min-width:320px)and(max-width:360) { /*----pelbox-30/12/2015custom--------------*/ #footer #secondary aside.widget_text:last-child { margin-left: 3px !important; width: 65% !important; } } /*----karan custom end--------------*/ @media(max-width:650px) { #footer .widget.widget_text ul { float: left !important; padding: 3px 44px !important; width: 53% !important; } #footer .widget-area .widget.widget_text:first-child { } .home aside .entry-thumbnail img { height:175px !important; } #menu-menu_all li a { font-size:22px; } /*----pelbox-30/12/2015custom--------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100% !important; } .home aside .entry-thumbnail img { height:175px !important; } #footer #secondary aside.widget_text:last-child { margin-left:3px; width:95% !important; } #footer .container .widget { width: 99% !important; } .aside#follow-us-widget-2 { width: 23% !important; } .single-post .entry-thumbnail { margin-right:0px; } } @media (min-width:769px) and (max-width:991px) { /*home page widget*/ .colheight-sm-1, .colheight-sm-2, .colheight-sm-3 { height: 255px; } .home .main-home-widget-right aside:nth-last-child(2) { left: -100%; position: absolute; width: 100%; } .home #main .section .widget_newsletterwidget { width: 100%; } #header_banner_widget-10 { width:100% !important; } } @media (min-width: 768px) { .aside#follow-us-widget-2 { width: 23% !important; } .sm-pull-right { float: right; } .page-header { margin-top: 15px; margin-bottom: 15px; } .page-title, .page-title.full-page-title { font-size: 41px; line-height: 48px; } .nav.navbar-nav > li { display: none; } .nav.navbar-nav > li:nth-child(1), .nav.navbar-nav > li:nth-child(2), .nav.navbar-nav > li:nth-child(3) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child, .lt-ie9 .nav.nav.navbar-nav > li:first-child + li, .lt-ie9 .nav.navbar-nav > li:first-child + li + li { display: block; } #menu-menu_all li a { font-size:22px; } #menu-menu_all li a { font-size:22px; } #menu-menu_all .edit-drop-block a { font-size:16px; } } @media (min-width: 899px) { .nav.navbar-nav > li:nth-child(4) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li { display: block; } } @media (max-width: 992px) { .page-header[class*="col-"] .page-title, .page-header[class^="col-"] .page-title { left: auto; } .c_form_left { min-height:30px; } .c_form_right { min-height:40px; } #menu-dash-left { display: none; } #main_menu_mobile .slicknav_menu, #main_menu_mobile_dash .slicknav_menu { display:block; position:relative; overflow:visible; } .ad.ad-970x90 { width: 728px; } .home-ad-300 { margin:0 auto; width:300px; } .home #main .section .widget_newsletterwidget { height:250px; } /*...............5_sept_2014....................*/ ul.slicknav_nav { position:absolute; width:200px; left:-100px; } #menu-menu-1 .slicknav_menu { display:block; position:relative; overflow:visible; } #menu-menu-1 li.menu-item { display:none; } #menu-menu-1 ul.slicknav_nav li.menu-item, .subnav-wrapper ul.subnav { display:block; } #menu-menu-1 .slicknav_menu { width:44px; float:right; } #menu-menu-1 { float:right; } #menu-menu-1 .slicknav_menu ul.slicknav_nav { position:absolute; width:200px; left:- 100px; } #menu-menu-1 ul.slicknav_nav li.menu-item-has-children, #menu-menu-1 ul.slicknav_nav li:last-child, #menu-menu-1 ul.slicknav_nav li:nth-child(4) { background:url(images/has_child.png) no-repeat 95% center !important; } #menu-menu-1 ul.slicknav_nav li.menu-item-has-children:hover, #menu-menu-1 ul.slicknav_nav li:last-child:hover, #menu-menu-1 ul.slicknav_nav li:nth-child (4):hover { background:url(images/has_childover.png) no-repeat 95% center ! important; } /*...............5_sept_2014_end....................*/ } @media (min-width: 992px) { .colheight-sm-1 { height: 175px; } .colheight-sm-2 { height: 350px; } .colheight-sm-3 { height: 525px; } .colheight-md-1 { height: 175px; } .colheight-md-2 { height: 350px; } .colheight-md-3 { height: 525px; } .md-pull-right { float: right; } .nav.navbar-nav > li.nav-all .text { display: block; } .nav.navbar-nav > li.nav-all .toggle { display: none; } .nav.navbar-nav > li:nth-child(5) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li { display: block; } .page-header { margin-top: 15px; margin-bottom: 20px; } #main_menu_mobile .slicknav_menu, #main_menu_mobile_dash .slicknav_menu { display:block; } .home-ad-300 { margin:0 auto; width:300px; } .home #main .section .widget_newsletterwidget { height:250px; } } @media (min-width: 1150px) { .nav.navbar-nav > li:nth-child(6) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li + li { display: block; } #main_menu_mobile .slicknav_menu { display:block; } .home-ad-300 { margin:0 auto; width:300px; } .home #main .section .widget_newsletterwidget { height:250px; } } @media (min-width: 1200px) { .container { margin-left:50px; margin-right:50px; width:auto; } .c_input_date { border: 2px solid #00ADEF; display: block; float: left; font-size: 14px; line-height: 14px; margin-bottom: 10px; padding: 4px 10px; width: 88%; } .add-on { background: none repeat scroll 0 0 #00ADEF; color: #000000; cursor: pointer; float: left; height: 28px; padding: 2px; text-align: center; width: 12%; } .btn.active, .btn:active { background-color: #00ADEF; } .colheight-sm-1, .colheight-md-1 { height: 200px; } .colheight-sm-2, .colheight-md-2 { height: 400px; } .colheight-sm-3, .colheight-md-3 { height: 600px; } .colheight-lg-1 { height: 200px; } .colheight-lg-2 { height: 400px; } .colheight-lg-3 { height: 600px; } .lg-pull-right { float: right; } .content .md-pull-right .entry-thumbnail { margin-left: -16px; } .page-title { font-size: 46px; line-height: 53px; padding-bottom: 10px; } .page-title.full-page-title { font-size: 50px; line-height: 57px; } #main_menu_mobile .slicknav_menu, #main_menu_mobile_dash .slicknav_menu { display:none; } .home #main .section .widget_newsletterwidget { height: 150px; } .home-ad-300 { margin:0px; } } @media (min-width: 1300px) { .container { max-width: inherit; margin-left: 50px; margin-right: 50px; } } @media (min-width: 1540px) { .container { max-width: 1440px; margin-left: auto; margin-right: auto; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11 { float: left; } .col-xl-1 { width: 8.333333333333332%; } .col-xl-2 { width: 16.666666666666664%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.33333333333333%; } .col-xl-5 { width: 41.66666666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333333333336%; } .col-xl-8 { width: 66.66666666666666%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.33333333333334%; } .col-xl-11 { width: 91.66666666666666%; } .col-xl-12 { width: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.333333333333332%; } .col-xl-push-2 { left: 16.666666666666664%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.33333333333333%; } .col-xl-push-5 { left: 41.66666666666667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.333333333333336%; } .col-xl-push-8 { left: 66.66666666666666%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.33333333333334%; } .col-xl-push-11 { left: 91.66666666666666%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.333333333333332%; } .col-xl-pull-2 { right: 16.666666666666664%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.33333333333333%; } .col-xl-pull-5 { right: 41.66666666666667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.333333333333336%; } .col-xl-pull-8 { right: 66.66666666666666%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.33333333333334%; } .col-xl-pull-11 { right: 91.66666666666666%; } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.333333333333332%; } .col-xl-offset-2 { margin-left: 16.666666666666664%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333333333333%; } .col-xl-offset-5 { margin-left: 41.66666666666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.333333333333336%; } .col-xl-offset-8 { margin-left: 66.66666666666666%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333333333334%; } .col-xl-offset-11 { margin-left: 91.66666666666666%; } .colheight-sm-1, .colheight-md-1, .colheight-lg-1 { height: 220px; } .colheight-sm-2, .colheight-md-2, .colheight-lg-2 { height: 440px; } .colheight-sm-3, .colheight-md-3, .colheight-lg-3 { height: 660px; } .colheight-xl-1 { height: 220px; } .colheight-xl-2 { height: 440px; } .colheight-xl-3 { height: 660px; } .xl-pull-right { float: right; } } #modalcalender, #modalcalender1, #modalcalender2, #modalcalender3 { display:block; height:0px; } #bodyweightmodalcalenderMonth, #bodyfatmodalcalenderMonth, #bloodpressuremodalcalenderMonth, #bodysugarmodalcalenderMonth { opacity:0; min-height: 0px; min-width:0px; width:0px; margin: 0px; padding: 0px; } .weight-month-cal .ui-datepicker-calendar { display: none; } .fat-month-cal .ui-datepicker-calendar { display: none; } .bloodpressure-month-cal .ui-datepicker-calendar { display: none; } .sugar-month-cal .ui-datepicker-calendar { display: none; } .calcSummary a { text-decoration: underline; } .abh_text .name .url { border-bottom: 1px solid #00adef; } #content article.entry a { border-bottom: 1px solid #00adef; } #content article.entry a:hover { border-bottom: 1px solid #00adef; text-decoration:none; } .ad-below-newsletter { background-color: #FFFFFF; float: left; padding-left: 15px; padding-right: 15px; position: relative; padding-top:10px; } .ad-below-newsletter a img { } #header_banner_widget-10 { height:198px !important; } #newsletterwidget-7 { height: 202px !important; } @media (min-width: 1250px) { .nav.navbar-nav > li:nth-child(7) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li + li + li { display: block; } #get-health-pass-widget-2 .pad-top-40 { margin-top:185px !important; } } @media (min-width: 1490px) { .nav.navbar-nav > li:nth-child(8) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li + li + li + li { display: block; } } @media (min-width: 1610px) { .nav.navbar-nav > li:nth-child(9) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li + li + li + li + li { display: block; } } @media (min-width: 1730px) { .nav.navbar-nav > li:nth-child(10) { display: block; } .lt-ie9 .nav.navbar-nav > li:first-child + li + li + li + li + li + li + li + li + li { display: block; } } a.btn-icon span.glyphicon-remove, a.btn-icon span.search-toggled-out-icon { margin- top:14px; } /************************************************************************** * Mautic newsletter enrollment form css */ .hshomemauticform_wrapper { } .hshomemauticform-innerform { } .hshomemauticform-post-success { } .hshomemauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 1px; } .hshomemauticform-description { margin-top: 2px; margin-bottom: 4px; } .hshomemauticform-error { margin-bottom: 4px; color: red; } .hshomemauticform-message { margin-bottom: 4px; color: green; } .hshomemauticform-row { display: block; margin-bottom: 3px; } .hshomemauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 3px; } .hshomemauticform-row.hshomemauticform-required .hshomemauticform-label:after { color: #e32; content: " *"; display: inline; } .hshomemauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; } .hshomemauticform-errormsg { display: block; color: red; margin-top: 2px; } .hshomemauticform-selectbox, .hshomemauticform-input, .hshomemauticform-textarea { font-size: 8pt; width: 98%; border: 2px solid #00ADEF; padding: 1px 1px; } .hshomemauticform-checkboxgrp-row { } .hshomemauticform-checkboxgrp-label { font-weight: normal; } .hshomemauticform-checkboxgrp-checkbox { } .hshomemauticform-radiogrp-row { } .hshomemauticform-radiogrp-label { font-weight: normal; } .hshomemauticform-radiogrp-radio { } /************************************************************************** * Author Style Sales Page */ .wrapper { width: 600px; margin: 0 auto; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; } .left { float: left; } .right { float: right; } .cl { clear: both; margin: 0; padding: 0; height: 0px; } .main-container { width: 700px; margin: 20px auto; border: 1px solid #e4e4e4; border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; } .stripes { width:100%; height:18px; } .top-stripe { border-radius:10px 10px 0px 0px; } .bottom-stripe { border-radius:0px 0px 10px 10px; } .angled-135 { background-color: #2493d2; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop (.25, rgba(255, 255, 255, 1)), color-stop(.25, transparent), color-stop (.5, transparent), color-stop(.5, rgba(255, 255, 255, 1)), color-stop (.75, rgba(255, 255, 255, 1)), color-stop(.75, transparent), to (transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent); -webkit-background-size: 50px 50px; -moz-background-size: 50px 49px; background-size: 50px 49px; } .main-container h1 { font-size: 26px; color: #2696d7; text-align: center; font-weight: 600; letter-spacing: -1px; } .main-container h1.headline { margin-top: 50px; font-size: 30px; color: #2696d6; text-align: center; font-weight: 600; letter-spacing: -1px; text-shadow: 0px 1px 1px #ffffff, 1px 2px 1px #ffffff, 2px 3px 1px #ffffff, -1px 1px 1px #ffffff, -2px 1px 1px #ffffff, -3px 3px 1px #ffffff, 1px 2px 2px #000000; } .author { margin: 40px 0 40px 0; } .author_image { float: left; border: 8px solid #ffffff; -webkit-box-shadow: 0px 0px 10px 1px; box-shadow: 0 0 10px 1px #9a9a9a; z-index: 2; position: relative; } .bio { float: left; width: 97%; } .bio p { margin: 0; padding: 8px 0; } .bio ul { list-style: none; margin: 0; padding: 0; width: 100%; } .bio ul li { background: url('/wp-content/uploads/2015/12/bio-info-bg.png') bottom left repeat-x #ffffff; width: 90%; padding-left: 30px; } p.name { padding-top: 0; } p.location, p.date { font-size: 16px; } .bio img { vertical-align: middle; margin-right: 5px; margin-top: -3px; } .bio ul li { margin-right: 5px; margin-top: -3px; } p.author_signature { margin: 20px 0 0 30px; font-family: 'Damion'; font-size: 36px; } .product { display: block; margin: 0 auto; padding: 0; } .product_headline { text-align: center; margin-top: 20px; font-weight: 900; } .main ul.include_list { list-style: none; margin: 0; padding: 0; } .include_list li { clear: both; } .bullet { float: left; margin-top: 5px; } .include_list li p { float: left; width: 90%; margin-top: 0; padding-left: 10px; } .guarantee { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #baedb1; background-color: #ebffe7; } .guarantee .head { border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; width: 100%; margin: 0; padding :0; background: url('/wp-content/uploads/2015/12/guarantee-header.png') repeat-x scroll 0 0 #9fd096; min-height: 52px; } .guarantee .content { /*background: url('/wp-content/uploads/2015/12/arrow-bottom.png') 0 0 repeat-x #ebffe7;*/ border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } .guarantee .arrows { width:100%; height: 10px; } .checkered { background-image: -webkit-gradient(linear, 0 0, 100% 100%, color- stop(.25, #9fd096), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #9fd096), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #9fd096)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #9fd096)); background-image: -webkit-linear-gradient(45deg, #9fd096 25%, transparent 25%, transparent), -webkit-linear-gradient(-45deg, #9fd096 25%, transparent 25%, transparent), -webkit-linear-gradient(45deg, transparent 75%, #9fd096 75%), -webkit-linear-gradient(-45deg, transparent 75%, #9fd096 75%); background-image: -moz-linear-gradient(45deg, #9fd096 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, #9fd096 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, #9fd096 75%), -moz-linear-gradient(-45deg, transparent 75%, #9fd096 75%); background-image: -ms-linear-gradient(45deg, #9fd096 25%, transparent 25%, transparent), -ms-linear-gradient(-45deg, #9fd096 25%, transparent 25%, transparent), -ms-linear-gradient(45deg, transparent 75%, #9fd096 75%), -ms-linear-gradient(-45deg, transparent 75%, #9fd096 75%); background-image: -o-linear-gradient(45deg, #9fd096 25%, transparent 25%, transparent), -o-linear-gradient(-45deg, #9fd096 25%, transparent 25%, transparent), -o-linear-gradient(45deg, transparent 75%, #9fd096 75%), -o-linear-gradient(-45deg, transparent 75%, #9fd096 75%); background-image: linear-gradient(45deg, #9fd096 25%, transparent 25%, transparent), linear-gradient(-45deg, #9fd096 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #9fd096 75%), linear-gradient(-45deg, transparent 75%, #9fd096 75%); -webkit-background-size: 15px 20px; -moz-background-size: 15px 20px; background-size: 15px 20px; } .guarantee .head h1 { margin: 0; padding: 0; color: #5b9a50; font-weight: 600; text-shadow: 0px 1px 0px #ffffff; display: block; padding-top: 10px; } .guarantee .content p a { color: #477f3d; } .guarantee .content p span { font-weight: 600; } .guarantee .content p { margin: 0 0 20px 0; padding: 10px 0; width: 90%; margin: 0 auto; position: relative; text-align: center; font-size: 18px; letter-spacing: -.5px; color: #565656; } .add_to_cart { width: 100%; border: 4px dashed #d5d5d5; background: url('/wp-content/uploads/2015/12/cta-bg.png') top center / 98% auto no-repeat #ffffff; margin-bottom: 40px; } .btn { -moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, .5); -webkit-box-shadow:inset 0px 1px rgba(255, 255, 255, .5); box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, .5); background:-webkit-gradient( linear, left top, left bottom, color- stop(0.05, #ffd900), color-stop(1, #efc300) ); background:-moz-linear-gradient( center top, #ffd900 5%, #efc300 100% ); filter:progid:DXImageTransform.Microsoft.gradient (startColorstr='#ffd900', endColorstr='#efc300'); background-color:#ffd900; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #f0d000; display:block; color:#a48700; font-size:28px; font-weight:900; /*padding:6px 24px; width: 535px;*/ width: 90%; padding: 5px 0px; text-align: center; text-decoration:none; margin: 33px auto 10px auto; } .btn:hover { background:-webkit-gradient( linear, left top, left bottom, color- stop(0.05, #efc300), color-stop(1, #ffd900) ); background:-moz-linear-gradient( center top, #efc300 5%, #ffd900 100% ); filter:progid:DXImageTransform.Microsoft.gradient (startColorstr='#efc300', endColorstr='#ffd900'); background-color:#efc300; } .btn:active { position:relative; top:1px; } p.link, .add_to_cart p a { padding: 0px 10px; margin: 0; text-align: center; color: #0090e3; } .icons { width: 89%; display: block; margin: 20px auto 20px auto; } p.lock { float: left; padding: 0; margin: 0; font-weight: 600; color: #c0c0c0; width: 50%; } p.lock img { margin: -8px 10px 0 0; } .cards { float: right; } .cards img { float: left; padding: 0 5px; vertical-align: middle; } .author img { vertical-align: middle; } .fb-comments { margin: 30px auto; } .legal, .legal a { font-size: 14px; color: #575757; text-align: center; } .fb-comments, .fb-comments * { width: 100% !important; } .single .keyframe-blog #source p { background-color: #f0f6f6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; clear: both; color: #333333; font: 600 20px lato; letter-spacing: 1px; padding: 17px 20px; margin-bottom: 50px; } .single .keyframe-blog #source p a { color:#4891C6; border:0; font-style:italic; border-bottom:0 none; } .keyframe-blog #quote { border: 1px solid #e5e5e5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; box-shadow: 0 5px 0 0 #e5e5e5; -webkit-box-shadow: 0 5px 0 0 #e5e5e5; -moz-box-shadow: 0 5px 0 0 #e5e5e5; -ms-box-shadow: 0 5px 0 0 #e5e5e5; padding: 30px 75px; color: #333333; font: 21px/40px lato; letter-spacing: 0.5px; } .keyframe-blog #quote p { position: relative; } .keyframe-blog #quote p::before { background-image: url("https://www.healthstatus.com/wp-content/uploads/2016/06/inverted-comma-left.png"); content: ""; height: 50px; left: -45px; position: absolute; top: -5px; width: 50px; } .keyframe-blog #quote p::after { background-image: url("https://www.healthstatus.com/wp-content/uploads/2016/06/inverted-comma-right.png"); bottom: initial; content: ""; height: 50px; position: absolute; right: initial; top: initial; width: 50px; background-position: center top; } p a { color: #428bca; text-decoration: none; } /* WooCommerce */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left !important; margin: 0 3.8% 2.992em 0 !important; padding: 0 !important; position: relative; width: 22.05% !important; clear:none !important; }