/* Theme Name: Description: */ /* ========================================================================== Main Style ========================================================================== */ /** * Table of Contents: * * 1.0 - Basic * 1.1 - Common * 2.0 - Layout * 3.0 - Header * 4.0 - Navigation * 5.0 - Home Content Area * 5.1 - Home Slider * 5.2 - Home block * 6.0 - Content * 6.1 - Entry Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Widgets * 7.1 - Footer Widgets * 7.2 - Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Print * 12.0 - Breadcrumb * 13.0 - Utility * ----------------------------------------------------------------------------- */ /* ** 1.0 Basic ** ---------------------------------------------------------------------------- **/ body{ font-family: 'Open Sans', sans-serif; color: #8D8D8D; } h1,h2,h3,h4,h5,h6{ font-family: 'Limelight', 'cursive'; margin: 10px 0px; } .no-border { border: 0; } .no-padding { padding: 0; } .no-margin { margin: 0; } .no-border-radius { border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } a { color: #2980b9; } a:hover { color: #393939; } table { background-color: rgba(0, 0, 0, 0); max-width: 100%; width: 100%; } /* ** 1.1 Common ** ---------------------------------------------------------------------------- **/ /* Gradient color1 - color2 - color1 */ hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); } /* Gradient transparent - color - transparent */ hr.style-two { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); } /* Double-color dashed line */ hr.style-three { border: 0; border-bottom: 1px dashed #ccc; background: #999; } /* Single-direction drop shadow */ hr.style-four { height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5); } /* Cloud */ hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black; } hr.style-five:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ } /* Inset, by Dan Eden */ hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* Flaired edges, by Tomas Theunissen */ hr.style-seven { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; } /* Glyph, by Harry Roberts */ hr.style-eight { padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; } hr.style-eight:after { content: "ยง"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; } /* Responsive Images */ img { display: block; height: auto; max-width: 100%; } .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* Responsive videos */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ** 2.0 - Layout ** ---------------------------------------------------------------------------- **/ .wrapper{} /* header-wrapper */ .header-wrapper{} .top-header{ background: #ECF0F1; padding: 5px 0px; border-bottom: 1px solid #F2F2F2; } .middle-header{ background: #ffffff; padding: 10px 0px; border-bottom: 1px solid #F2F2F2; } .bottom-header{ background: #2980b9; } /* footer-wrapper */ .footer-wrapper{ background: #272727; padding: 10px 0px; } .top-footer{} .middle-footer{} .bottom-footer{ padding: 10px 0px; } /* ** 3.0 - Header ** ---------------------------------------------------------------------------- **/ .top-info{ display: inline-block; color: #8D8D8D; padding-right: 10px; padding-top: 8px; } .top-info a{ color: #8D8D8D; } .top-menu li a { padding: 0px 10px; color: #8D8D8D; } .top-menu li a:hover{ background: none; } .logo{ font-size: 4em; text-transform: uppercase; font-family: 'Limelight', 'cursive'; } /* ** 4.0 - Navigation ** ---------------------------------------------------------------------------- **/ .top-menu{ } nav ul{ margin-bottom: 0px; } .menu { display:block; max-width: 1170px; width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .menu li{ display: inline-block; position: relative; z-index:100; } .menu li a { font-family: inherit; font-weight:600; text-decoration:none; text-transform: uppercase; padding:11px; display:block; color:#ffffff; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .menu li a:hover, .menu li:hover > a { color: #ffffff; background: #3498db; } /* hide the second level menu */ .menu ul { display: none; margin: 0; padding: 0; width: 150px; position: absolute; top: 43px; left: 0px; background: #ffffff; } /* display second level menu on hover */ .menu li:hover > ul{ display: block ; } .menu ul li { display:block; float: none; background:none; margin:0; padding:0; transition-duration: 1s; transition-timing-function: ease; } .menu ul li a { font-size:12px; font-weight:normal; display:block; color:#797979; border-left:3px solid #ffffff; background:#ffffff; transition-duration: 1s; transition-timing-function: ease; } .menu ul li a:hover, .menu ul li:hover > a { background:#f0f0f0; border-left:3px solid #2980b9; color:#797979; } /* change level 3 menu positions */ .menu ul ul { left: 149px; top: 0px; } .mobile-menu{ display:none; width:100%; padding:11px; background:#3E4156; color:#ffffff; text-transform:uppercase; font-weight:600; } .mobile-menu:hover{ background:#3E4156; color:#ffffff; text-decoration:none; } /* Media query for Menu */ @media (max-width: 767px) { .menu{ display:none; margin-top: 0px; min-height: 450px; padding: 0px; } .mobile-menu{ display:block !important; } nav{ margin:0; background:none; } .menu li{ display:block; margin:0; } .menu li a { background:#ffffff; color:#797979; border-top:1px solid #e0e0e0; border-left:3px solid #ffffff; } .menu li a:hover, .menu li:hover > a { background:#f0f0f0; color:#797979; border-left:3px solid #9CA3DA; } /*level 2 and 3 - make same width as all items*/ .menu ul { display:block; position:relative; top:0; left:0; width:100%; } .menu ul ul { left:0; } }/*end media queries*/ /* ** 5.0 - Home Content Area ** ---------------------------------------------------------------------------- **/ /* ** 5.1 - Home Slider ** ---------------------------------------------------------------------------- **/ .slider-wrapper{} .carousel-control.left { background: none; background: rgba(66, 139, 202, 0.5); } .carousel-control.right { background: none; background: rgba(66, 139, 202, 0.5); } .call-of-action { background: #2980b9; color: #ffffff; margin-bottom: 0px; } /* ** 5.1 - Home Block ** ---------------------------------------------------------------------------- **/ .home-feature { background: #ECF0F1; padding: 30px 0px; } .home-feature h4{ padding: 10px 0px; } .home-feature i{ padding-right: 10px; } .home-services{ background: #ffffff; padding: 30px 0px; } .home-services .thumbnail h3{ color: #8D8D8D; } .home-blog{ background: #ECF0F1; padding: 30px 0px; } .home-blog .thumbnail h3{ color: #8D8D8D; font-size: 1.125rem; } .home-blog .thumbnail h3 i{ padding-right: 10px; } .home-blog .entry-meta { margin-bottom: 10px; } .home-blog .entry-meta span{ padding-right: 10px; } .home-blog .entry-meta span i{ padding-right: 10px; } .home-clients{ background: #ffffff; padding: 30px 0px; } .home-clients h3{ color: #2980b9; } .home-clients h3 span{ color: #8D8D8D; font-size: 1rem; font-family: 'Open Sans', sans-serif; } .home-partner{ background: #ECF0F1; padding: 30px 0px; } /* ** 6.0 - Content ** ---------------------------------------------------------------------------- **/ .content{ background: #ECF0F1; padding: 30px 0px; } /* ** 6.1 - Entry Thumbnail ** ---------------------------------------------------------------------------- **/ /* ** 6.2 - Entry Header ** ---------------------------------------------------------------------------- **/ .title-wrapper{ background: #ECF0F1; color: #2980b9; border-bottom: 1px solid #3498db; } /* ** 6.3 - Entry Meta ** ---------------------------------------------------------------------------- **/ .entry-meta i { padding-right: 5px; } /* ** 6.4 - Entry Content ** ---------------------------------------------------------------------------- **/ h1,h2,h3,h4,h5,h6{ clear: both; } p{ clear: both; } .page-links{ clear: both; } /* ** 6.5 - Galleries ** ---------------------------------------------------------------------------- **/ .gallery { margin:30px auto auto; } .gallery-item { float:left; margin-top:10px; text-align:center; width:33%; } .gallery img { border:1px solid #E6E6E6!important; margin-bottom:27px; padding:5px; } .gallery img:active { margin:1px 0 0; } .gallery-caption { display:none; font-size:.8em; margin-left:0 } .gal_img { margin:20px auto 0!important; text-align:center; } .gal_caption p { font-size:1.3em!important; font-weight:700; text-align:left; font-family: inherit !important; } .gal_description p { font-size:1.1em!important; text-align:left; } .gallery-columns-1 .gallery-item { max-width: 100% !important; } .gallery-columns-2 .gallery-item { max-width: 48% !important; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32% !important; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23% !important; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19% !important; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15% !important; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13% !important; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11% !important; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9% !important; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery .wp-caption-text{ display: none !important; } /* 6.6 - Post Formats ** ---------------------------------------------------------------------------- **/ .sticky {} /* DO NOT EDIT THIS */ .bypostauthor {} /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */ /* Hentry */ .hentry { background-color: #ffffff; padding: 1em; } .hentry header { clear: both; } .hentry footer { padding-top: 1em; border-top: 1px solid #f8f9fa; clear: both; } .hentry footer p { margin: 0; } .content table { font-size: 14px; margin-bottom: 1.5em; text-align: center; width: 100%; } .content table tr.alt { background: none repeat scroll 0 0 #F1F1F1; } .content table td { border-bottom: 1px solid #F1F1F1; padding: 5px; text-align: center; vertical-align: middle; } .content table th { border-bottom: 1px solid #F1F1F1; border-top: 1px solid #F1F1F1; font-weight: 600; padding: 10px 5px; text-align: center; } /* ** 6.7 - Post/Image/Paging Navigation ** ---------------------------------------------------------------------------- **/ .wp-caption-text{ background: #ECF0F1; display: block; font-style: italic; padding: 5px; text-align: center; } /* Pagination */ .pager li > a, .pager li > span { background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 0; display: inline-block; padding: 5px 14px; } /* ** 6.8 - Attachments ** ---------------------------------------------------------------------------- **/ img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /* ** 6.9 - Archives ** ---------------------------------------------------------------------------- **/ /* ** 6.10 - Contributor Page ** ---------------------------------------------------------------------------- **/ /* ** 6.11 - 404 Page ** ---------------------------------------------------------------------------- **/ /* ** 6.12 - Full-width ** ---------------------------------------------------------------------------- **/ /* ** 6.13 - Singular ** ---------------------------------------------------------------------------- **/ /* ** 6.14 - Comments ** ---------------------------------------------------------------------------- **/ /**************** COMMENT STYLES *****************/ /* h3 comment title */ #comments-title { padding: 0.75em; margin: 0; border-top: 1px solid #f8f9fa; /* number of comments span */ } .commentlist { margin: 0; list-style-type: none; } .comment { position: relative; clear: both; overflow: hidden; padding: 1.5em; border-bottom: 1px solid #f8f9fa; /* vcard */ /* end .commentlist .vcard */ /* end children */ /* general comment classes */ } .comment .comment-author { padding: 7px; border: 0; } .comment .vcard { margin-left: 50px; } .comment .vcard cite.fn { font-weight: 700; font-style: normal; } .comment .vcard time { display: block; font-size: 0.9em; font-style: italic; } .comment .vcard time a { color: #9fa6b4; text-decoration: none; } .comment .vcard time a:hover { text-decoration: underline; } .comment .vcard .avatar { position: absolute; left: 16px; border-radius: 50%; } .comment:last-child { margin-bottom: 0; } .comment .children { margin: 0; /* variations */ /* change number for different depth */ } .comment[class*=depth-] { margin-top: 1.1em; } .comment.depth-1 { margin-left: 0; margin-top: 0; } .comment:not(.depth-1) { margin-top: 0; margin-left: 7px; padding: 7px; } .comment.odd { background-color: white; } .comment.even { background: #f8f9fa; } /* comment meta */ /* comment content */ .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } /* end .commentlist .comment_content */ /* comment reply link */ .comment-reply-link { background: #2980b9; color: #FFFFFF; float: right; font-size: 0.9em; margin-bottom: 10px; padding: 5px 7px; } /* end .commentlist .comment-reply-link */ /* edit comment link */ .comment-edit-link { font-style: italic; margin: 0 7px; text-decoration: none; font-size: 0.9em; } /* COMMENT FORM STYLES */ .comment-respond { padding: 1.5em; border-top: 1px solid #f8f9fa; } .comment-respond input, .comment-respond textarea{ width: 100%; } #reply-title { margin: 0; } .logged-in-as { color: #9fa6b4; font-style: italic; margin: 0; } .logged-in-as a { color: #5c6b80; } .comment-form-comment { margin: 1.5em 0 0.75em; } .form-allowed-tags { padding: 1.5em; background-color: #f8f9fa; font-size: 0.9em; } .form-allowed-tags code{ background: none; border-radius: 0; color: #C7254E; font-size: 90%; padding: 5px 10px; white-space: pre-wrap; } /* comment submit button */ #submit { float: left; font-size: 1em; width: 25%; padding: 1em 4em; background: #2980b9; color: #ffffff; border: none; } /* comment form title */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /* ** 7.0 - Widgets ** ---------------------------------------------------------------------------- **/ /******************** Sidebar ********************/ .widget{ border: 1px solid #ffffff; margin-bottom: 10px; padding: 5px; } .widget a{ color: #8d8d8d; } .widget a:hover{ color: #2980b9; text-decoration: none; } .widget h4{ background: #ffffff; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 0; padding-top: 10px; } .widget ol, .widget ul , .widget li { padding: 0; margin: 0; line-height: 2rem; list-style: none; } /* Widget Menu */ .widget .menu { display:block; width: 100%; } .widget .menu li{ display: block; position: relative; z-index: none; } .widget .menu li a { font-family: inherit; font-weight:600; text-decoration:none; text-transform: uppercase; display:block; color: #ffffff; background: #3498db; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .widget .menu li a:hover, .widget .menu li:hover > a { color: #ffffff; background: #3498db; } /* hide the second level menu */ .widget .menu ul { display: block; margin: 0; padding: 0; width: 100%; position: relative; left: 0px; top: 0; background: #ffffff; } /* display second level menu on hover */ .widget .menu li:hover > ul{ display: block; } .widget .menu ul li { display:block; float: none; background:none; margin:0; padding:0; transition-duration: 1s; transition-timing-function: ease; } .widget .menu ul li a { font-size:12px; font-weight:normal; display:block; color:#797979; border-left:3px solid #ffffff; background:#ffffff; transition-duration: 1s; transition-timing-function: ease; } .widget .menu ul li a:hover, .widget .menu ul li:hover > a { background:#f0f0f0; border-left:3px solid #2980b9; color:#797979; } /* change level 3 menu positions */ .widget .menu ul ul { top: 0px; } /**/ .widget_rss a{ font-weight: bold; } .screen-reader-text{ font-family: 'Open Sans', sans-serif; } .widget input { font-family: 'Open Sans', sans-serif; font-size: inherit; line-height: inherit; border: 1px solid #dddddd; margin-bottom: 10px; color: #777777; font-size: 15px; max-width: 100%; padding-bottom: 7px; padding-left: 7px; padding-right: 7px; padding-top: 7px; width: 100%; } .widget button, .widget select, .widget textarea { border: 1px solid #DDDDDD; color: #777777; font-size: 15px; max-width: 100%; padding-bottom: 7px; padding-left: 7px; padding-right: 7px; padding-top: 7px; width: 100%; } .widget #searchsubmit{ background: #2980b9; color: #ffffff; font-size: 24px; text-transform: uppercase; padding: 5px; } /* widgets : icons /* ------------------------------------ */ .widget > ul li:before, .widget > ul li a:before, .widget > div > ul li a:before, .widget_calendar caption:before { font-family: FontAwesome; font-size: 12px; margin-right: 6px; color: #8D8D8D; display: inline-block!important; width: 1em; text-align: center; transition-duration: 0.3s; transition-timing-function: ease; } .widget > ul li a:hover:before { color: #2980b9; padding-left: 5px; } .widget_archive > ul > li a:before { content: "\f073"; } .widget_categories > ul > li a:before { content: "\f07b"; } .widget_links > ul > li a:before { content: "\f08e"; } .widget_meta > ul > li a:before { content: "\f0da"; } .widget_recent_comments > ul > li:before { content: "\f075"; } .widget_recent_entries > ul > li a:before { content: "\f017"; } .widget_calendar caption:before { content: "\f073"; } .widget_pages ul li a:before, .widget_nav_menu ul li a:before { content: "\f016"; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { font-weight: 600; } .widget_calendar a:hover { color: #444!important; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { color: #8d8d8d; padding: 5px 10px; } .widget_calendar caption:before { color: #8d8d8d; /*color: rgba(255,255,255,0.7);*/ font-size: 15px; } .widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; } #footer .widget_calendar thead { background: #f2f2f2; } .widget_calendar th { font-weight: 600; } .widget_calendar th, .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; } .widget_calendar .pad { padding: 0!important; } .widget_calendar a{ color: #2980b9; } .s1 .widget_calendar a, #footer .widget_calendar a { color: #2980b9; } .s1 .widget_calendar caption, #footer .widget_calendar caption{ background: #3b8dbd; } .s2 .widget_calendar a { color: #82b965; } .s2 .widget_calendar caption { background: #82b965; } /* ------------------------ */ .tagcloud a{ font-family: 'Limelight', 'cursive'; margin-right: 7px; color: #999999; } .tagcloud a:hover{ text-decoration: none; color: #2980b9; } .tagcloud a:before{ content: "\f02b"; font-family: FontAwesome; padding-right: 3px; } /******************** /tags ********************/ /* ** 7.0 - Footer Widgets ** ---------------------------------------------------------------------------- **/ /* ** 7.0 - Sidebar Widgets ** ---------------------------------------------------------------------------- **/ /* ** 8.0 - Footer ** ---------------------------------------------------------------------------- **/ .footer-area{ color: #8D8D8D; } .footer-area h4{ color: #8D8D8D; margin-bottom: 20px; } .footer-menu{ border: 1px solid #303030; margin: 10px 0px; } .footer-menu.nav-pills li a { border-radius: 0px; background: none; color: #8D8D8D; } .footer-menu.nav-pills li a:hover { background: none; color: #8D8D8D; text-decoration: underline; } .footer-list-group {} a.list-group-item .list-group-item-heading { color: #8D8D8D; } a.list-group-item:hover .list-group-item-heading { color: #ffffff; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #2980b9; border-color: #2980b9; color: #FFFFFF; } a.list-group-item:hover, a.list-group-item:focus { background: #2980b9; border-color: #2980b9; color: #FFFFFF; } .footer-list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .footer-list-group .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .footer-accordion{} .footer-accordion .panel-group .panel { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; color: #8D8D8D; } .footer-area .panel-title { margin-bottom: 0px; color: #ffffff; } .footer-accordion .panel-group .panel .panel-heading{ background: none; background: #2980b9; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .footer-contact-info{} .footer-contact-info ul{ list-style: none; margin: 0px; padding: 0px; line-height: 24px; } .copyright{ color: #8D8D8D; } .footer-social{} .footer-social li a { padding: 0 5px; color: #8D8D8D; } .footer-social li a:hover { background: none; color: #2980b9; } /******************** /footer ********************/ /* ** 9.0 - Featured Content ** ---------------------------------------------------------------------------- **/ /* ** 10.0 - Multisite ** ---------------------------------------------------------------------------- **/ /* ** 11.0 - Print ** ---------------------------------------------------------------------------- **/ /* ** 12.0 - Breadcrumb ** ---------------------------------------------------------------------------- **/ .breadcrumb-wrapper{ background: #3498db !important; padding: 10px 0px; color: #ffffff; } .breadcrumb-wrapper #crumbs a{ color: #ffffff; } .breadcrumb-wrapper #crumbs .current{ color: #8CD9FF !important; } /******************** /Breadcrumb ********************/ /* ** 13.0 - Utility ** ---------------------------------------------------------------------------- **/ /* ** 13.1 - Back to top button ** ---------------------------------------------------------------------------- **/ #back-top { position: fixed; bottom: 0px; right: 0; } #back-top a { width: 32px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; opacity: 0.5; } #back-top a:hover { color: #2980b9; } /* arrow icon (span tag) */ #back-top span { width: 32px; height: 32px; display: block; margin-bottom: 50px; background: #2980b9; color: #ffffff; font-size: 30px; /* rounded corners */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } /******************** /Back to top button ********************/ /* ** 13.1 - Sticky ** ---------------------------------------------------------------------------- **/ .my-sticky-element.stuck { position:fixed; background: #2980b9; width: 100%; top:0; box-shadow:0 2px 2px rgba(0, 0, 0, .3); z-index: 99999; } /******************** /Sticky ********************/