/* Theme Name: Journal Description: A Premium Wordpress News Theme. Author: Amr Sadek Theme URI: http://themes.bdayh.com Author URI: http://themeforest.net/user/bdayh Version: 1.3.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: fixed-width, one-column, two-columns, three-columns, threaded-comments, custom-colors, custom-header, theme-options */ @import url("fonts/font-awesome/css/font-awesome.min.css"); @import url("fonts/fontello/css/fontello.css"); @import url("images/lightbox/themes/carbono/jquery.lightbox.css"); /* Google fonts */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTYraN7vELC11_xip9Rz-hMs.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/RjgO7rYTmqiVp7vzi-Q5UT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzIraN7vELC11_xip9Rz-hMs.woff) format('woff'); } @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: local('Noto Serif'), local('NotoSerif'), url(https://themes.googleusercontent.com/static/fonts/notoserif/v1/eCpfeMZI7q4jLksXVRWPQxsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); } @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url(https://themes.googleusercontent.com/static/fonts/notoserif/v1/lJAvZoKA5NttpPc9yc6lPQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); } @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 400; src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url(https://themes.googleusercontent.com/static/fonts/notoserif/v1/HQXBIwLHsOJCNEQeX9kNz3hCUOGz7vYGh680lGh-uXM.woff) format('woff'); } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Header */ .header { padding-top: 15px; } /* Header Top*/ .header .header-adv { float: right; text-align: center; } .header .header-adv a, .header .header-adv { line-height: 0; display: inline-block; } .rtl .header .header-adv { float: left; } .header-topbar.top { background-color: #353535; min-height: 30px; padding: 3px 0; border-top: 3px #005849 solid; } .header-topbar.top a, .header-topbar.top a:link, .header-topbar.top a:visited { color : #aaa; } .header-topbar.top a:hover { color: #FFF; } /* Top Light */ .header-topbar.top.top-light { background: #fbfbfb; border-bottom: 1px #F0f0f0 solid !important; } .header-topbar.top.top-light a:hover, .header-topbar.top.top-light #top-navigation ul#menu-top > li:hover > a, .header-topbar.top.top-light #top-navigation ul#menu-top > li.current_page_item > a, .header-topbar.top.top-light #top-navigation ul#menu-top > li.current-menu-item > a, .header-topbar.top.top-light #top-navigation ul#menu-top > li.current-menu-paren > a { color: #353535 !important; } .header-topbar.top.top-light .search-box input[type="text"] { background: #FFF !important; color: #707070 !important; height: 24px; border: 1px #f0f0f0 solid !important; } .header-topbar.top .search-box input[type="text"] { background: #f4f4f4 !important; color: #333 !important; border: 0 none !important; margin: 2px 0 0 0px !important; padding: 2px 6px !important; width: 160px; font-size: 12px; } .top-light #top-navigation select { background: #FFF; border: 1px #f0f0f0 solid; } #top-navigation select { padding: 4px 4px; height: 29px; margin: 2px 0 0 0; } /* Top Right */ .header-topbar.top .top-right { float: right; } .rtl .header-topbar.top .top-right { float: left; } .header-topbar.top .top-right > li { float: left; margin-left: 15px; } .rtl .header-topbar.top .top-right li { float: right; margin-right: 15px; margin-left: 0; } .header-topbar.top .top-right li:first-child { margin-left: 0; } .rtl .header-topbar.top .top-right li:first-child { margin-right: 0; } /* Top Left */ .header-topbar.top .top-left { float: left; } .rtl .header-topbar.top .top-left { float: right; } .header-topbar.top .top-left > li { float: right; margin-right: 15px; } .rtl .header-topbar.top .top-left > li { float: left; margin-left: 15px; margin-right: 0; } .header-topbar.top .top-left li:first-child { margin-right: 0; } .rtl .header-topbar.top .top-left li:first-child { margin-left: 0; } /* Today Date */ .top-date { display: inline-block; line-height: 33px; color: #999; font-size: 12px; font-family: sans-serif; } /* Top Menu */ #top-navigation { } #top-navigation select { display: none; } #top-navigation ul { } #top-navigation ul, #top-navigation li { list-style: none; margin: 0; padding: 0; } #top-navigation ul li { float: left; margin: 0px !important; padding: 0; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; } .rtl #top-navigation ul#menu-top > li { float: right; margin: 0 3px 0 0 !important; border-right: 0px none; } #top-navigation ul li i { font-size: 19px; } #top-navigation ul#menu-top > li, #top-navigation ul#menu-top > li > a { height: 33px; line-height: 33px; } #top-navigation ul#menu-top > li > a { font-size: 13px; padding: 0 9px; } #top-navigation ul#menu-top > li:last-child { } #top-navigation ul a, #top-navigation li.current-menu-ancestor a { display: block; } #top-navigation ul#menu-top > li:hover, #top-navigation ul#menu-top > li.current_page_item, #top-navigation ul#menu-top > li.current-menu-item, #top-navigation ul#menu-top > li.current-menu-paren { } #top-navigation ul#menu-top > li:hover > a, #top-navigation ul#menu-top > li.current_page_item > a, #top-navigation ul#menu-top > li.current-menu-item > a, #top-navigation ul#menu-top > li.current-menu-paren > a { color: #FFF; } #top-navigation ul#menu-top > li:hover > a { } #top-navigation ul .current_page_item a, #top-navigation ul .current-menu-item a, #top-navigation ul > .current-menu-parent a { text-decoration: none; } #top-navigation ul li { position: relative; } #top-navigation ul ul { display: none; position: absolute; top: 33px; left: 0px; width: 200px; z-index: 99999; background: #fbfbfb; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .rtl #top-navigation ul ul { left: auto; right: 0px; } #top-navigation ul li:hover ul { display: block; } #top-navigation ul li ul li { display: block; float: none !important; margin: 0 !important; padding: 0; height: auto; border: 0 none; border-top: 1px #FFF solid; border-bottom: 1px #f0f0f0 solid; } #top-navigation ul li ul li:first-child { border-top: 0px; } #top-navigation ul li ul li:last-child { border-bottom: 0px; } #top-navigation ul li ul li a { display: block; height: auto; color: #707070 !important; padding: 7px 11px 9px 11px; font-size: 13px; line-height: 20px; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; } #top-navigation ul li ul li a:hover, #top-navigation ul li ul li.current-menu-item a { background-color: #FFF; color: #3A4145 !important; } #top-navigation ul ul ul { display: none !important; } #top-navigation ul ul li:hover ul { display: block !important; top: 0px; left: 200px; } .rtl #top-navigation ul ul li:hover ul { left: auto; right: 200px; } #top-navigation ul li.search { cursor: pointer; border: 0 none !important; } #top-navigation ul li.search.active, #top-navigation ul li.search:hover, #top-navigation ul#menu-top > li.search:hover { background-color: #f0f0f0; color: #3A4145; } /* Navigation */ #navigation { padding-top: 20px; font-size: 13px; } #navigation select { display: none; overflow: hidden; margin: 0 0 4px 0; background-color: #FFF; border: 1px #F0F0F0 solid; } .rtl #navigation { } #navigation ul, #navigation li { list-style: none; margin: 0; padding: 0;} #navigation ul li { float: left; margin: 0 2px 0 0px; padding: 0; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; } .rtl #navigation ul#menu-nav > li { float: right; margin: 0 0px 0 2px; border-right: 0px none; } #navigation ul li i { font-size: 19px; } #navigation ul#menu-nav > li, #navigation ul#menu-nav > li > a { height: 30px; line-height: 30px; width:98px } #navigation ul#menu-nav > li a { } #navigation ul#menu-nav > li > a { font-size: 14px; font-weight: 400; line-height: 32px; padding: 0 7px; } #navigation ul#menu-nav > li:last-child { } #navigation ul a, #navigation li.current-menu-ancestor a { display: block; color: #3A4145; } /* Modif mimi hebergement qui perd le t #navigation ul#menu-nav > li.current-menu-item, #navigation ul#menu-nav > li.current-menu-paren, #navigation ul#menu-nav > li.current-menu-ancestor > a, #navigation ul#menu-nav > li.current-page-ancestor > a {width:88px;padding:0 5px } */ #navigation ul#menu-nav > li.current-menu-item, #navigation ul#menu-nav > li.current-menu-paren, #navigation ul#menu-nav > li.current-menu-ancestor > a, #navigation ul#menu-nav > li.current-page-ancestor > a {width:93px;padding:0 5px } /* fin modif de l agrandissement de la zonze texte 88 passe a 93*/ #navigation ul#menu-nav > li:hover > a, #navigation ul#menu-nav > li.current_page_item > a, #navigation ul#menu-nav > li.current-menu-item > a, #navigation ul#menu-nav > li.current-menu-paren > a, #navigation ul#menu-nav > li.current-menu-ancestor > a, #navigation ul#menu-nav > li.current-page-ancestor > a { color: #FFF; } #navigation ul#menu-nav > li:hover > a { color: #FFF !important; } #navigation ul .current_page_item a, #navigation ul .current-menu-item a, #navigation ul > .current-menu-parent a { text-decoration: none; } #navigation ul li { position: relative; } #navigation ul ul { display: none; position: absolute; top: 30px; left: 0px; width: 200px; border-top: 3px solid #005849; z-index: 99999; background: #FFF; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } .rtl #navigation ul ul { left: auto; right: 0px; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { display: block; float: none !important; margin: 0; padding: 0; height: auto; border: 0 none; border-top: 1px #FFF solid; border-bottom: 1px #F0F0F0 solid; } #navigation ul li ul li:first-child { border-top: 0px; } #navigation ul li ul li:last-child { border-bottom: 0px; } #navigation ul li ul li a { display: block; height: auto; color: #424242 !important; padding: 7px 11px 9px 11px; line-height: 20px; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out; transition: background .25s ease-out; } #navigation ul li ul li a:hover, #navigation ul li ul li.current-menu-item a { background-color: #f0f0f0; color: #3A4145 !important; } #navigation ul ul ul { display: none !important; } .rtl #navigation ul ul li:hover ul { left: auto; right: 200px; } #navigation ul li.search { cursor: pointer; border: 0 none !important; } #navigation ul li.search.active, #navigation ul li.search:hover, #navigation ul#menu-nav > li.search:hover { background-color: #f0f0f0; color: #3A4145; } /* breaking-news */ .breaking-news-inner { padding-top: 4px; } .breaking-news-inner .breaking-news-title { background: #FF6E14; color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: 600; } /* MODIF ACTIVER-DESACTIVER BREAKING NEWS : effacer : display:none; */ .breaking-news-inner #breaking-news { background-color: #f0f0f0;display:none; } /*modif DESACTIVER zone flash info : */ /*.breaking-news-inner #breaking-news { background-color: #f0f0f0; } */ /*modif activer zone flash info*/ /* Post entry */ /*.single-post .post-entry p { margin: 1.6em 0; font-family: 'Noto Serif', serif; font-size: 16px; color: #222; line-height: 1.6em; }*/ .home-box-title div.box-title-more .more-plus { background-color: #005849; color: #FFF; border: 0 none !important; } #slider ul.slides li .t-cate { position: absolute; left: 0px; top: 0px; display: block; z-index: 888; padding: 6px 11px; font-size: 13px; line-height: 24px; background-color: #005849; color: #FFF; } #slider ul.slides li .t-cate a { color: #FFF; } .cat-box-2col .post-warpper, .cat-box-first-small-posts .post-warpper, .cat-box-left-small-posts .post-warpper { height: 60px; margin-bottom: 10px !important; } .cat-box-2col .post-warpper { margin-bottom: 0 !important; } .cat-box-2col .post-warpper .post-title b, .cat-box-first-small-posts .post-warpper .post-title b, .cat-box-left-small-posts .post-warpper .post-title b { font-weight: normal; font-size: 13px; } .cat-box-2col .post-warpper .meta-date i, .cat-box-first-small-posts .post-warpper .meta-date i, .cat-box-left-small-posts .post-warpper .meta-date i { display: none; } .single .content-wrapper .post-entry, .page .content-wrapper .post-entry { overflow: visible !important; } #slider .post-image a:hover img { opacity: 1; } .home .post-share-box { border: 0 !important; margin: 0 auto !important; } /* * wportfolio */ .wportfolio-full-width .content-wrapper { width: 100% !important; float: none !important; clear: both !important; overflow: hidden !important; } .wportfolio-pro-side-left .content-wrapper { float: right !important; } .wportfolio-pro-side-left .sidebar { float: left !important; } .wportfolio-pro-side-right .content-wrapper { float: left !important; } .wportfolio-pro-side-right .sidebar { float: right !important; } .rtl .wportfolio-pro-side-left .content-wrapper { float: left !important; } .rtl .wportfolio-pro-side-left .sidebar { float: right !important; } .rtl .wportfolio-pro-side-right .content-wrapper { float: right !important; } .rtl .wportfolio-pro-side-right .sidebar { float: left !important; } /* wportfolio single */ .wportfolio-single-content { display: block; overflow: hidden; position: relative; clear: both; margin-bottom: 40px; } .wportfolio-single-content .wportfolio-info, .wportfolio-single-content .wportfolio-entry { float: left; display: block; overflow: hidden; position: relative; } .rtl .wportfolio-single-content .wportfolio-info, .rtl .wportfolio-single-content .wportfolio-entry { float: right; } .wportfolio-single-content .wportfolio-info { width: 30%; } .wportfolio-single-content .wportfolio-entry { width: 70%; font-family: 'Noto Serif', serif; font-size: 16px; color: #222; line-height: 26px; } .wportfolio-single-content .wportfolio-entry p { margin-bottom: 20px; } .wportfolio-single-content .wportfolio-entry p:last-child { margin-bottom: 0; } .wportfolio-single-content .wportfolio-info .wportfolio-single-inner { padding-right: 30px; } .rtl .wportfolio-single-content .wportfolio-info .wportfolio-single-inner { padding-left: 30px; padding-right: 0; } .wportfolio-title { margin: 0 0 30px 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 26px; color: #000; } .wportfolio-info ul.info-list { } .wportfolio-info ul.info-list li { padding: 10px; border-bottom: 1px #F0F0F0 solid; color: #797979; font-size: 13px; display: block; overflow: hidden; } .wportfolio-info ul.info-list li a { color: #797979; } .wportfolio-info ul.info-list li a:hover { color: #222; } .wportfolio-info ul.info-list li h4 { padding: 0; margin: 0 0 5px 0; font-family: 'Noto Serif', serif; font-size: 13px; color: #222; line-height: 19px; font-weight: 700; } .wportfolio-info ul.info-list li:last-child { padding-bottom: 0; border-bottom: 0 none; } .wportfolio-full-width .post-gallery, .post_full_width .post-gallery, .wportfolio-full-width .video-box, .post_full_width .video-box { width: 100% !important; height: auto !important; } .portfolio-tabs { text-align: center; display: block; overflow: hidden; margin-bottom: 30px; clear: both; border-bottom: 1px #f0f0f0 solid; } .portfolio-tabs li { display: inline-block; overflow: hidden; position: relative; margin: 0; list-style: none; } .portfolio-tabs li a { font-family: 'Noto Serif', serif; font-size: 14px; display: inline-block; line-height: 25px; padding: 7px 14px; position: relative; color: #797979; } .portfolio-tabs li a.selected { color: #222; } .portfolio-item { float: left; width: 25%; position: relative; } .wportfolio-four.post_full_width .portfolio-item { width: 238px; } .portfolio-item .portfolio-item-inner { margin: 1%; position: relative; display: block; overflow: hidden; } .portfolio-item .post-image a, .wportfolio-full-width .post-gallery a, .single-wportfolio .post-gallery a, .single-wportfolio .post-image a { display: block; } .portfolio-item .post-image img { width: 100%; -webkit-transition: 700ms; -moz-transition: 700ms; -o-transition: 700ms; transition: 700ms; } .portfolio-item .portfolio-item-inner:hover img { transform: scale(1.5, 1.5) rotate(10deg); -ms-transform: scale(1.5, 1.5) rotate(10deg); -webkit-transform: scale(1.5, 1.5) rotate(10deg); -o-transform: scale(1.5, 1.5) rotate(10deg); -moz-transform: scale(1.5, 1.5) rotate(10deg); } .portfolio-item-over { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); background: rgba(0,0,0,.75); width: 100%; height: 100%; text-align: center; cursor: pointer; } .portfolio-item-over, .portfolio-item-over a { font-size: 13px; color: #FFF; } .portfolio-item-over .the_title { font-size: 13px; line-height: 15px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; } .portfolio-item-over .portfolio-item-content { display: inline-block; vertical-align: middle; width: 90%; height: auto; } .portfolio-item-over:before { content: ''; display: inline-block; height: 200%; vertical-align: middle; -webkit-transition: 700ms; -moz-transition: 700ms; -o-transition: 700ms; transition: 700ms; } .portfolio-item .portfolio-item-inner:hover .portfolio-item-over:before { height: 100%; } .wportfolio-three .portfolio-item { width: 206px; } .wportfolio-three.post_full_width .portfolio-item { width: 318px; } .wportfolio-two .portfolio-item, .wportfolio-two.post_full_width .portfolio-item { width: 49.9%; } .wportfolio-one .portfolio-item { width: 100% !important; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px #f0f0f0 solid; } .wportfolio-one .portfolio-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none; } .wportfolio-one .portfolio-item .portfolio-item-inner { margin: 0 0 20px 0; width: 100%; } .wportfolio-one .portfolio-item-over, .wportfolio-one .portfolio-item-over .the_title a, .wportfolio-two .portfolio-item-over, .wportfolio-two .portfolio-item-over .the_title a, .wportfolio-three .portfolio-item-over, .wportfolio-three .portfolio-item-over .the_title a { font-size: 27px; line-height: 27px; } .wportfolio-grid .portfolio-item-over, .wportfolio-grid .portfolio-item-over .the_title a { font-size: 14px !important; line-height: 20px !important; } .wportfolio-one .portfolio-item-excerpt { } .wportfolio-one .portfolio-item-excerpt h2, .portfolio-item-text h2 { font-size: 16px; line-height: 25px; margin: 0; padding: 0; } .wportfolio-one .portfolio-item-excerpt .excerpt, .portfolio-item-text .excerpt { margin: 15px 0; font-size: 13px; line-height: 20px; } .portfolio-item-text { margin: 20px 0 30px 0; padding: 0 10px; clear: both; overflow: hidden; display: block; } .wportfolio-one.post_full_width { } .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner { float: left; margin-right: 30px; width: 380px; } .rtl .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner { float: right; margin-left: 30px; margin-right: 0; } .portfolio-wrapper { } /* wportfolio media */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } @media only screen and (min-width: 980px) and (max-width: 1199px) { .wportfolio-four.post_full_width .portfolio-item { width: 236px; } .wportfolio-three.post_full_width .portfolio-item { width: 313px; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .video-box { width: 100% !important; height: auto !important; } .portfolio-item { width: 33.33333333333333%; } .wportfolio-three .portfolio-item, .wportfolio-two .portfolio-item, .wportfolio-four.post_full_width .portfolio-item, .wportfolio-three.post_full_width .portfolio-item, .wportfolio-two.post_full_width .portfolio-item { width: 243px; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .wportfolio-single-content .wportfolio-info, .wportfolio-single-content .wportfolio-entry { width: 100%; clear: both; } .wportfolio-single-content .wportfolio-info, .wportfolio-single-content .wportfolio-entry, .rtl .wportfolio-single-content .wportfolio-info, .rtl .wportfolio-single-content .wportfolio-entry { float: none; } .wportfolio-single-content .wportfolio-info { margin-bottom: 30px; } .video-box { width: 100% !important; height: auto !important; } .portfolio-item, .wportfolio-three .portfolio-item, .wportfolio-two .portfolio-item, .wportfolio-four.post_full_width .portfolio-item, .wportfolio-three.post_full_width .portfolio-item, .wportfolio-two.post_full_width .portfolio-item { width: 100%; } .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner, .rtl .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } } @media only screen and (max-width: 481px) { .wportfolio-single-content .wportfolio-info, .wportfolio-single-content .wportfolio-entry { width: 100%; clear: both; } .wportfolio-single-content .wportfolio-info, .wportfolio-single-content .wportfolio-entry, .rtl .wportfolio-single-content .wportfolio-info, .rtl .wportfolio-single-content .wportfolio-entry { float: none; } .wportfolio-single-content .wportfolio-info { margin-bottom: 30px; } .video-box { width: 100% !important; height: auto !important; } .portfolio-item, .wportfolio-three .portfolio-item, .wportfolio-two .portfolio-item, .wportfolio-four.post_full_width .portfolio-item, .wportfolio-three.post_full_width .portfolio-item, .wportfolio-two.post_full_width .portfolio-item { width: 100%; } .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner, .rtl .wportfolio-one.post_full_width .portfolio-item .portfolio-item-inner { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } } body.single-post #wrapper.article_sidebar_position_left #main div.content-wrapper { float: right !important; } body.single-post #wrapper.article_sidebar_position_left #main aside.sidebar { float: left !important; } body.rtl.single-post #wrapper.article_sidebar_position_left #main div.content-wrapper { float: left !important; } body.rtl.single-post #wrapper.article_sidebar_position_left #main aside.sidebar { float: right !important; } body.single-post #wrapper.article_sidebar_position_right #main div.content-wrapper { float: left !important; } body.single-post #wrapper.article_sidebar_position_right #main aside.sidebar { float: right !important; } body.rtl.single-post #wrapper.article_sidebar_position_right #main div.content-wrapper { float: right !important; } body.rtl.single-post #wrapper.article_sidebar_position_right #main aside.sidebar { float: left !important; } body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .soundcloud-box, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .post-image, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .video-box { float: none !important; width: 100% !important; } body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .soundcloud-box iframe, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .post-image img, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .post-gallery img, body.single-post #wrapper.article_sidebar_position_full #main div.content-wrapper .video-box iframe { max-width: 100% !important; } body.single-post #wrapper.article_sidebar_position_full #main aside.sidebar { display: none !important; } img.wpp-thumbnail { border: none; float: left; margin: 4px 15px 30px 0px; } /* excerpt styles */ .wpp-excerpt { } /* Stats tag styles */ .post-stats { font-size: 0.75em; font-weight: bold; display: block; left: 65px; } .wpp-comments { } .wpp-views { } .wpp-author { font-style: italic; } .wpp-date { } /* WP-PostRatings styles */ .wpp-rating { } .btn:hover, .button:hover, .tagcloud a:hover, button.button:hover, .form-submit input[type="submit"]:hover, .btn[type="submit"]:hover, .button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #b1b0b0 !important; } .gotop:hover, .btn, .button, .tagcloud a, button.button, .btn[type="submit"], .button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"], .post-gallery { background-color: #005849; } .header-contact-info i { color: #C2C2C9; } a, .mt-news li a:hover { color: #343434; } a:hover { color: #005849; } /** * Start CSS */ * { padding: 0; margin: 0; outline: none; list-style: none; border: 0 none; } body { background-color: #f4f4f4; color: #424242; font-family: Open Sans, sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; word-wrap: break-word; } a { text-decoration: none; } a, .widget, textarea, input[type="tel"], input[type="url"], input[type="text"], input[type="date"], input[type="time"], input[type="email"], input[type="submit"], input[type="number"], input[type="search"], input[type="password"], input[type="datetime"], .post-image a img, .post-image a .extras { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -ms-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } #breaking-news-in-pic .post-image a img:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } #slider.flexslider ul.slides li a, .widget.flexslider ul.slides li a { width: 100% !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } .clear { clear: both; } .clearfix:after { content: ""; display: table; clear: both; } pre, code { background: #FCFCFC; padding: 10px; margin: 0; border: 1px solid #EBEBEB; border-radius: 3px; word-break: break-all; word-wrap: break-word; white-space: pre-line; overflow: hidden; line-height: 24px; } .wp-caption { } .wp-caption-text { } .sticky { } .gallery-caption { } .bypostauthor { } #wpadminbar * { color: #ccc !important; } #wpadminbar .hover a, #wpadminbar .hover a span { color: #464646 !important; } .bottom20 { margin-bottom: 20px !important; } .bottom40 { margin-bottom: 40px !important; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 15px; } .alignright { display: inline; float: right; margin-left: 15px; } .text-aligncenter { text-align: center; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } p, blockquote { line-height: 23px; } blockquote { font-style: italic; } img { max-width: 100%; height: auto; } .b20 { margin-bottom: 20px !important; } /** * Form */ form label { cursor: pointer; display: block; font-size: 14px; margin-bottom: 7px; } span.required { color: #005849; font-size: 20px !important; line-height: 10px; } form input { clear: none; display: inline; margin-bottom: 20px; } input.input-text, textarea { display: block; margin-bottom: 18px; } textarea { padding: 9px 14px; } select { background-color: #f0f0f0; border: none; border-radius: 3px; padding: 7px; height: 33px; color: #818b92; font-family: tahoma; font-weight: normal !important; font-style: normal !important; -webkit-font-smoothing: antialiased; cursor: pointer; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: #f0f0f0; border: none; border-radius: 3px; padding: 9px 14px; color: #818b92; font: 14px/23px sans-serif; font-weight: normal !important; font-style: normal !important; -webkit-font-smoothing: antialiased; -webkit-appearance: none; } input[type=email]:hover, input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=email]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { background-color: #f0f0f0; color: #23313A; } label.error { display: none !important; } .error input, textarea.error, .wpcf7-not-valid, input[type=text].error { background-color: #f9d9d9 !important; color: #aa4343 !important; } .error input:hover, textarea.error:hover, .wpcf7-not-valid:hover, input[type=text].error:hover { background-color: #f9d9d9 !important; color: #aa4343 !important; } .error input:focus, textarea.error:focus, .wpcf7-not-valid:focus, input[type=text].error:focus { background-color: #f9d9d9 !important; color: #aa4343 !important; } .btn, .button, .tagcloud a, button.button, .btn[type="submit"], .button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 2px; color: #FFF; cursor: pointer; display: inline-block; font: 15px "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; margin: 1px 1px 4px 0; padding: 3px 8px 3px; text-align: center; -webkit-font-smoothing: antialiased; } .btn:hover, .button:hover, .tagcloud a:hover, button.button:hover, .form-submit input[type="submit"]:hover, .btn[type="submit"]:hover, .button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #FFF !important; } .btn-small { padding: 1px 5px; font: 13px "Open Sans", Helvetica, Arial, sans-serif; } /* WP Gallery */ .post-gallery, .post-image, .entry-attachment { line-height: 0; } .post-gallery a, .post-image a, .entry-attachment a { line-height: 0; display: inline-block; } .gallery { text-align: center; display: block; overflow: hidden; } .gallery .gallery-item { position: relative; overflow: hidden; display: inline-block; margin: 7px; line-height: 0; width: 30% !important; height: auto !important } .gallery .gallery-item a { line-height: 0; display: block; } .gallery .gallery-item img { width: 100%; max-width: 100%; height: auto; } .gallery-caption { padding: 5px 15px 7px; font-size: 14px; line-height: 16px; color: #FFF; background-color: #005849; display: inline-block; overflow: hidden; text-align: center; border-radius: 2px; margin: 5px; } /** * wrapper */ #wrapper { width: 100%; margin: 0px auto; position: relative; background: #FFF; position: relative; z-index: 1; } #wrapper.boxed { width: 1020px; margin: 0 auto; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .container { width: 955px; margin: 0 auto; } .container:before, .container:after { display: table; content: ""; line-height: 0; clear: both; } #wrapper .content-wrapper { float: left; width: 620px; min-width: 620px;font-size:0.9em } #wrapper .sidebar { float: right; width: 300px; min-width: 300px; } #wrapper .post_sidebar_left .sidebar { float: left !important; } #wrapper .post_sidebar_left .content-wrapper { float: right !important; } #wrapper .post_sidebar_left .content-wrapper { float: right !important; } #wrapper .post_full_width .content-wrapper { float: none !important; width: 100% !important; max-width: 100%; } #wrapper #main { padding: 10px 0 0 0; margin-bottom: 30px; } #wrapper:after, #wrapper #main:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; } /** * top bar */ .top-bar { display: block; padding: 20px 0; } .top-bar .top-bar-left { float: left; } .top-bar .top-bar-right, .top-bar .search-block, .top-bar .social-icons, .header-contact-info { float: right; } .search-block { margin: 0 0 0 10px; } .search-block { height: 30px; } .search-block form { position: relative; } .search-block input, .search-block button { float: right; } .search-block input { width: 180px; padding: 3px 10px 4px 10px !important; font: 13px/24px Helvetica, sans-serif; margin: 0; } .search-block button { padding-top: 0px; padding-bottom: 0px; margin: 0px !important; position: absolute; border: none; outline: none; font-weight: normal; font-size: 14px; color: #dddddd !important; background: transparent !important; height: 30px; line-height: 30px; top: 0px; right: 10px; cursor: pointer; border-radius: 2px; } .top-bar .social-icons { margin: 3px 0 0 10px; text-align: center; } .social-icons a { display: inline-block; position: relative; overflow: hidden; line-height: 0px; margin: 1px; } .social-icons a i { width: 24px; height: 24px; line-height: 24px; font-size: 13px; } .social-icons.icon-32 a i { width: 32px; height: 32px; line-height: 32px; font-size: 18px; } .social-icons.icon-12 a i { width: 18px; height: 18px; line-height: 18px !important; font-size: 9px; } .social-icons.icon-12 a i.icon-home { padding: 0; height: 18px; font-size: 15px; font-weight: normal; } .header-contact-info span, .header-contact-info span i { float: left; } .header-contact-info span { line-height: 30px; margin: 3px 5px 0 5px; font-size: 12px; } .header-contact-info span i { margin: 6px 5px 0 0; font-size: 16px; color: #e6e6e7; } /* top menu */ .top-menu { margin: 0 auto; height: 35px; } .top-menu ul li { position: relative; display: inline-block; float: left; height: 35px; font-size: 12px; font-family: tahoma; } .top-menu ul li:first-child, .top-menu ul li:first-child a { border: 0 none; } .top-menu ul li:last-child a { border-right: 0 none; } .top-menu ul li a { display: inline-block; height: 35px; line-height: 35px; color: #818B92; padding: 0 8px 0 0; } .top-menu ul li a .sub-indicator { margin: -6px 0 0 4px; font-weight: normal; font-size: 11.5px !important; } .top-menu ul ul { display: none; padding: 0; position: absolute; top: 35px; width: 180px; z-index: 99999; float: left; background: #f0f0f0 !important; } .top-menu ul ul li, .top-menu ul ul li:first-child { background: none !important; z-index: 99999; min-width: 180px; border: 0 none; font-size: 13px; height: auto; margin: 0; } .top-menu ul ul li:first-child, .top-menu ul li.current-menu-item ul li:first-child, .top-menu ul li.current-menu-parent ul li:first-child, .top-menu ul li.current-page-ancestor ul li:first-child { border-top: 0 none !important; } .top-menu ul ul ul, .top-menu ul li.current-menu-item ul ul, .top-menu ul li.current-menu-parent ul ul, .top-menu ul li.current-page-ancestor ul ul { right: auto; left: 100%; top: 0 !important; z-index: 99999; } .top-menu ul.sub-menu a, .top-menu ul ul li.current-menu-item a, .top-menu ul ul li.current-menu-parent a, .top-menu ul ul li.current-page-ancestor a { border: 0 none; background: none !important; height: auto !important; line-height: 1em; padding: 11px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #707070 !important; text-transform: capitalize !important; } .top-menu ul li.current-menu-item ul a, .top-menu ul li.current-menu-parent ul a, .top-menu ul li.current-page-ancestor ul a { color: #23313A !important; } .top-menu ul li:hover > a, .top-menu ul :hover > a { color: #23313A; } .top-menu ul ul li:hover > a, .top-menu ul ul :hover > a { color: #FFF !important; background-color: #005849 !important; } .top-menu ul li:hover > ul { display: block; } .top-menu ul li.current-menu-item, .top-menu ul li.current-menu-parent, .top-menu ul li.current-page-ancestor { margin-top: 0; height: 26px; } .top-menu ul li.current-menu-item ul.sub-menu a, .top-menu ul li.current-menu-item ul.sub-menu a:hover, .top-menu ul li.current-menu-parent ul.sub-menu a, .top-menu ul li.current-menu-parent ul.sub-menu a:hover, .top-menu ul li.current-page-ancestor ul.sub-menu a, .top-menu ul li.current-page-ancestor ul.sub-menu a:hover { background: none !important; } .top-menu ul li.current-menu-item a, .top-menu ul li.current-menu-item a:hover, .top-menu ul li.current-menu-parent a, .top-menu ul li.current-menu-parent a:hover, .top-menu ul li.current-page-ancestor a, .top-menu ul li.current-page-ancestor a:hover { background: none; color: #23313A; height: 35px; line-height: 35px; } .top-menu ul.sub-menu li.current-menu-item, .top-menu ul.sub-menu li.current-menu-item a, .top-menu li.current-menu-item ul.sub-menu a, .top-menu ul.sub-menu li.current-menu-parent, .top-menu ul.sub-menu li.current-menu-parent a, .top-menu li.current-menu-parent ul.sub-menu a, .top-menu ul.sub-menu li.current-page-ancestor, .top-menu ul.sub-menu li.current-page-ancestor a, .top-menu li.current-page-ancestor ul.sub-menu a { height: auto !important; line-height: 12px; } .top-menu ul li.menu-item-home ul li a, .top-menu ul ul li.menu-item-home a, .top-menu ul li.menu-item-home ul li a:hover { background-color: transparent !important; text-indent: 0; background-image: none !important; height: auto !important; width: auto; } .logo { float: left; display: block; overflow: hidden; } .rtl .logo { float: right; } .logo h1 { margin: 0; } .header-v1 .logo { margin: 0px 0 0 0; } .header-v2 .logo { margin: 0px 0 0 0; } .header-v5 .logo { margin: 13px 0 0 0; } /** * nav */ nav select { background: #343434; color: #f0f0f0; border-radius: inherit !important; } .nav { margin: 0 auto; height: 50px; background-color: #2b2b2b; } .nav ul li { position: relative; display: inline-block; float: left; height: 50px; font-size: 14px; font-family: 'Open Sans', sans-serif; font-style: normal; } .nav ul li.home i { font-size: 31px !important; font-weight: normal !important; margin-top: 8px !important; } .nav ul li:first-child, .nav ul li:first-child a { border: 0 none; } .nav ul li:last-child a { border-right: 0 none; } .nav ul li a { display: inline-block; height: 47px; line-height: 47px; color: #FFF !important; padding: 0 14px; } .nav ul li a .sub-indicator { margin: -6px 0 0 4px; font-weight: normal; font-size: 11.5px !important; } .nav ul ul { display: none; padding: 0; position: absolute; top: 50px; width: 180px; z-index: 99999; float: left; background-color: #343434 !important; } .nav ul ul li, .nav ul ul li:first-child { background: none !important; z-index: 99999; min-width: 180px; border: 0 none; font-size: 13px; height: auto; margin: 0; } .nav ul ul li:first-child, .nav ul li.current-menu-item ul li:first-child, .nav ul li.current-menu-parent ul li:first-child, .nav ul li.current-page-ancestor ul li:first-child { border-top: 0 none !important; } .nav ul ul ul, .nav ul li.current-menu-item ul ul, .nav ul li.current-menu-parent ul ul, .nav ul li.current-page-ancestor ul ul { right: auto; left: 100%; top: 0 !important; z-index: 99999; } .nav ul.sub-menu a, .nav ul ul li.current-menu-item a, .nav ul ul li.current-menu-parent a, .nav ul ul li.current-page-ancestor a { border: 0 none; background: none !important; height: auto !important; line-height: 1em; padding: 12px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #f0f0f0 !important; text-transform: capitalize !important; } .nav ul li.current-menu-item ul a, .nav ul li.current-menu-parent ul a, .nav ul li.current-page-ancestor ul a { color: #FFF !important; } .nav ul li:hover > a, .nav ul :hover > a { color: #aaa !important; } .nav ul ul li:hover > a, .nav ul ul :hover > a { color: #FFF !important; background-color: #005849 !important; } .nav ul li:hover > ul { display: block; } .nav ul li.current-menu-item, .nav ul li.current-menu-parent, .nav ul li.current-page-ancestor { margin-top: 0; height: 50px; } .nav ul li.current-menu-item ul.sub-menu a:hover, .nav ul li.current-menu-parent ul.sub-menu a:hover, .nav ul li.current-page-ancestor ul.sub-menu a:hover { background: #005849 !important; color: #FFF !important; } .nav ul li.current-menu-item a, .nav ul li.current-menu-item a:hover, .nav ul li.current-menu-parent a, .nav ul li.current-menu-parent a:hover, .nav ul li.current-page-ancestor a, .nav ul li.current-page-ancestor a:hover { background-color: #005849 !important; color: #FFF !important; height: 50px; line-height: 47px; } .nav ul.sub-menu li.current-menu-item, .nav ul.sub-menu li.current-menu-item a, .nav li.current-menu-item ul.sub-menu a, .nav ul.sub-menu li.current-menu-parent, .nav ul.sub-menu li.current-menu-parent a, .nav li.current-menu-parent ul.sub-menu a, .nav ul.sub-menu li.current-page-ancestor, .nav ul.sub-menu li.current-page-ancestor a, .nav li.current-page-ancestor ul.sub-menu a { height: auto !important; line-height: 12px; background-color: #343434 !important; color: #AAA; } .nav ul li.menu-item-home ul li a, .nav ul ul li.menu-item-home a, .nav ul li.menu-item-home ul li a:hover { background-color: transparent !important; text-indent: 0; background-image: none !important; height: auto !important; width: auto; } /** * header v1 */ .header-v1 nav#nav { float: right; min-width: 745px; } .header-v1 .header-adv { text-align: center; overflow: hidden; margin: 0 0 20px 0; line-height: 0; } .header-v1 select, .header-v2 select { display: none; } /** * header v2 */ .header-v2 .header-adv { float: right; line-height: 0; } .header-v2 nav { margin: 0 auto 0 auto; } .header-v2 .header-row { margin: 30px auto; } .header-v2.header-v3 .logo { float: none; text-align: center; } .header-v2.header-v3 .logo h1 { } .header-v2.header-v3 .top-bar .header-contact-info { float: left; margin-left: 0px; } .header-v2 .top-bar { background-color: #4b4c4d; padding: 5px 0; color: #f0f0f0; } .header-v2 .top-bar a { color: #FFF; } .header-v2 .search-block input { background-color: #FFF } .header-v4 .top-bar-left { width: 550px; overflow: hidden; position: relative; display: block; } .header-v4 .top-bar-left .breaking-news, .header-v4 .top-bar-left .breaking-news-title { background-color: transparent; } .header-v4 .top-bar-left .breaking-news .breaking-news-title { background-color: #005849; color: #FFF; border-radius: 2px; } .header-v4 .top-bar-left .mt-news ul li a, .header-v4 .top-bar-left .breaking-news, .header-v4 .top-bar-left .breaking-news-title, .header-v4 .top-bar-left { height: 30px; line-height: 30px; } .header-v5 .top-bar { background-color: #4b4c4d; padding: 5px 0; } .header-v5 .top-bar .header-contact-info { float: left; color: #f0f0f0; } .header-v5 { margin: 0 0 10px 0; display: block; clear: both; } .header-v5 nav#nav select { display: none; } .header-v5 nav#nav { float: right; z-index: 99999; font-size: 13px; display: block; } .header-v5 nav#nav ul { list-style: none; margin: 0; padding: 0; } .header-v5 nav#nav ul li { float: left; padding: 0 35px 0 0; margin: 0; } .header-v5 nav#nav ul li .icon-home { font-size: 34px; margin: 5px 0 0 0; line-height: 68px; } .header-v5 nav#nav ul li .icon-caret-down { margin: 0 3px; color: #ddd; font-size: 12px; } .header-v5 nav#nav ul > li:last-child { padding-right: 0; } .header-v5 nav#nav ul a { display: block; height: 83px; line-height: 83px; border-top: 3px solid transparent; } .header-v5 nav#nav ul .current_page_item a, .header-v5 nav#nav ul .current-menu-item a, .header-v5 nav#nav ul > .current-menu-parent a { color: #005849; text-decoration: none; border-color: #005849; } .header-v5 nav#nav ul li { position: relative; } .header-v5 nav#nav ul ul { display: none; position: absolute; top: 86px; left: 0px; width: 170px; background: #f0f0f0; z-index: 100000; border-top: 3px solid #005849; z-index: 99999; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .header-v5 nav#nav ul li:hover ul { display: block; } .header-v5 nav#nav ul li ul li { display: block; float: none; margin: 0; padding: 0; } .header-v5 nav#nav ul li ul li a { border: 0; height: auto; text-indent: 0px; color: #333333 !important; padding: 7px 20px; font-size: 12px; line-height: 19px; } .header-v5 nav#nav ul li ul li a:hover, .header-v5 nav#nav ul li ul li.current-menu-item a { background-color: #fff; } .header-v5 nav#nav ul ul ul { display: none !important; } .header-v5 nav#nav ul ul li:hover ul { display: block !important; top: -3px; left: 170px; } .header-v5-breaking { clear: both; overflow: hidden; } /** * Ticker */ #breaking-news { position: relative; overflow: hidden } .mt-news { height: 100%; overflow: hidden; float: left; width: 100% !important; } .mt-news ul li { width: 100%; } .mt-news ul { width: 50000px; } .mt-hide { display: none } .breaking-news { height: 30px; position: relative; overflow: hidden; display: block; background-color: #FFF; padding-right: 15px; } .breaking-news-title { float: left; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background-color: #f0f0f0; position: relative; z-index: 888; } .mt-news { margin-left: -150px; } .mt-news li a { height: 30px; line-height: 30px; padding-left: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #818B92; } /** * Social icons */ .social-icons, .social-header { line-height: 0 !important; padding: 0 !important; margin: 0 !important; position: relative; } .social-icons a { margin: 2px; margin-left: -2px; display: inline-block; overflow: hidden; line-height: 0; } .social-icons a i { font-size: 15px; color: #FFF; display: block; text-align: center; overflow: hidden; border-radius: 2px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; width: 29px; height: 29px; line-height: 29px !important; } .social-icons a i.icon-home { background: #4e5462; } .social-icons a i.social_icon-facebook { background: #3c5b9b; } .social-icons a i.social_icon-twitter { background: #359bed; } .social-icons a i.social_icon-rss { background: #fd9f13; } .social-icons a i.social_icon-google { background: #d44132; } .social-icons a i.social_icon-pinterest { background: #cb2027; } .social-icons a i.social_icon-myspace { background: #2e9fdf; } .social-icons a i.social_icon-dribbble { background: #d97aa5; } .social-icons a i.social_icon-linkedin { background: #91c9db; } .social-icons a i.social_icon-evernote { background: #8ac979; } .social-icons a i.social_icon-flickr { background: #db97be; } .social-icons a i.social_icon-youtube { background: #f16361; } .social-icons a i.social_icon-skype { background: #38c3f2; } .social-icons a i.social_icon-digg { background: #4ea1d9; } .social-icons a i.social_icon-reddit { background: #7fc1d7; } .social-icons a i.social_icon-delicious { background: #5a91de; } .social-icons a i.social_icon-stumbleupon { background: #e36644; } .social-icons a i.social_icon-tumblr { background: #4e7da2; } .social-icons a i.social_icon-vimeo { background: #87d3e0; } .social-icons a i.social_icon-blogger { background: #fbc95d; } .social-icons a i.social_icon-wordpress { background: #dddcdc; } .social-icons a i.social_icon-yelp { background: #c64947; } .social-icons a i.social_icon-lastfm { background: #c35252; } .social-icons a i.social_icon-grooveshark { background: #2ab8ed; } .social-icons a i.social_icon-xing { background: #639d71; } .social-icons a i.social_icon-posterous { background: #e7c16f; } .social-icons a i.social_icon-deviantart { background: #95a595; } .social-icons a i.social_icon-openid { background: #fb915d; } .social-icons a i.social_icon-behance { background: #18ace3; } .social-icons a i.social_icon-instagram { background: #c8c5b3; } .social-icons a i.social_icon-paypal { background: #4ea1d9; } .social-icons a i.social_icon-spotify { background: #6fcb57; } .social-icons a i.social_icon-viadeo { background: #9ec7d5; } .social-icons a i.social_icon-googleplay { background: #ce5452; } .social-icons a i.social_icon-forrst { background: #64bb8d; } .social-icons a i.social_icon-vk { background: #568bb0; } .social-icons a i.social_icon-appstore { background: #cdcccb; } .social-icons a i.social_icon-amazon { background: #f0b22e; } .social-icons a i.social_icon-soundcloud { background: #f35839; } .social-icons a i:hover { background: #FFF; } .social-icons a i.icon-home:hover { color: #4e5462; } .social-icons a i.social_icon-facebook:hover { color: #3c5b9b; } .social-icons a i.social_icon-twitter:hover { color: #359bed; } .social-icons a i.social_icon-rss:hover { color: #fd9f13; } .social-icons a i.social_icon-google:hover { color: #d44132; } .social-icons a i.social_icon-pinterest:hover { color: #cb2027; } .social-icons a i.social_icon-myspace:hover { color: #2e9fdf; } .social-icons a i.social_icon-dribbble:hover { color: #d97aa5; } .social-icons a i.social_icon-linkedin:hover { color: #91c9db; } .social-icons a i.social_icon-evernote:hover { color: #8ac979; } .social-icons a i.social_icon-flickr:hover { color: #db97be; } .social-icons a i.social_icon-youtube:hover { color: #f16361; } .social-icons a i.social_icon-skype:hover { color: #38c3f2; } .social-icons a i.social_icon-digg:hover { color: #4ea1d9; } .social-icons a i.social_icon-reddit:hover { color: #7fc1d7; } .social-icons a i.social_icon-delicious:hover { color: #5a91de; } .social-icons a i.social_icon-stumbleupon:hover { color: #e36644; } .social-icons a i.social_icon-tumblr:hover { color: #4e7da2; } .social-icons a i.social_icon-vimeo:hover { color: #87d3e0; } .social-icons a i.social_icon-blogger:hover { color: #fbc95d; } .social-icons a i.social_icon-wordpress:hover { color: #dddcdc; } .social-icons a i.social_icon-yelp:hover { color: #c64947; } .social-icons a i.social_icon-lastfm:hover { color: #c35252; } .social-icons a i.social_icon-grooveshark:hover { color: #2ab8ed; } .social-icons a i.social_icon-xing:hover { color: #639d71; } .social-icons a i.social_icon-posterous:hover { color: #e7c16f; } .social-icons a i.social_icon-deviantart:hover { color: #95a595; } .social-icons a i.social_icon-openid:hover { color: #fb915d; } .social-icons a i.social_icon-behance:hover { color: #18ace3; } .social-icons a i.social_icon-instagram:hover { color: #c8c5b3; } .social-icons a i.social_icon-paypal:hover { color: #4ea1d9; } .social-icons a i.social_icon-spotify:hover { color: #6fcb57; } .social-icons a i.social_icon-viadeo:hover { color: #9ec7d5; } .social-icons a i.social_icon-googleplay:hover { color: #ce5452; } .social-icons a i.social_icon-forrst:hover { color: #64bb8d; } .social-icons a i.social_icon-vk:hover { color: #568bb0; } .social-icons a i.social_icon-appstore:hover { color: #cdcccb; } .social-icons a i.social_icon-amazon:hover { color: #f0b22e; } .social-icons a i.social_icon-soundcloud:hover { color: #f35839; } /** * Go top */ .gotop { background: rgba(0, 0, 0, 0.8); color: #FFF; z-index: 9999999999999999999; border-radius: 2px; width: 40px; height: 40px; text-align: center; position: fixed; bottom: -100px; right: 25px; cursor: pointer; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; overflow: auto; } .gotop i { font-size: 13px; margin: 13.3px 0 0 0; font-weight: normal; } /** * Tipsy */ a.ttip, a.tooldown { display: inline-block; } .tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #232323; color: #FFF; max-width: 200px; padding: 0px 8px; text-align: center; border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #232323; } .tipsy-arrow-n { border-bottom-color: #232323; } .tipsy-arrow-s { border-top-color: #232323; } .tipsy-arrow-e { border-left-color: #232323; } .tipsy-arrow-w { border-right-color: #232323; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; cursor: help; } /** * Short Code */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 28px; line-height: 30px; margin-bottom: 14px; font-weight: 700;text-align: left !important; } h2 { font-size: 23px; line-height: 24px; margin-bottom: 10px; font-weight: 700;} h3 { font-size: 18px; line-height: 19px; margin-bottom: 8px;} h4 { font-size: 16px; line-height: 15px; margin-bottom: 4px; font-weight: bold; } h5 { font-size: 11px; line-height: 13px; } h6 { font-size: 10px; line-height: 11px; } .post-entry h1{text-align: left !important; } .post-entry h2{margin-left:20px;text-align: left !important; } .post-entry h3{margin-left:30px;text-decoration:underline;text-align: left !important; } .post-entry h4{font-style: italic;text-align: left !important; } .post-entry h5{text-align: left !important; } .post-entry h6{text-align: left !important; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* dropcap */ span.dropcap { display: block; margin: 5px 5px 0px 0px; float: left; font-size: 280%; font-family: Georgia, "Times New Roman", Times, serif; } /* highlight */ span.highlight { text-transform: none; background: #FFE7B8; color: #CE5810; } /* Lists */ ul.bd_line_list, ul.bd_star_list, ul.bd_yes_list, ul.bd_no_list { list-style: none !important; /*margin: 0 !important;*/ padding: 0 !important; } /* list line */ ul.bd_line_list li { list-style: none !important; border-top: 1px solid #f0f0f0; margin-top: 7px; padding-top: 7px; font: normal 14px/20px Arial, Helvetica, sans-serif; } ul.bd_line_list li:first-child { border: none; box-shadow: none; } ul.bd_line_list li:first-child { margin-top: 0; padding-top: 0; } /* list star */ ul.bd_star_list li { list-style: none !important; background: url(includes/shortcode/images/list/star.png) no-repeat left center; padding: 3px 0 0 25px; margin-top: 5px;} ul.bd_star_list > li:first-child { margin-top: 0; } /* list yes */ ul.bd_yes_list li { list-style: none !important; padding: 3px 0 0 25px; margin-top: 5px; } ul.bd_yes_list li:before { display: inline-block; height: 18px; width: 18px; content: ' '; float: left; margin-right: 0; margin-left: -25px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } ul.bd_yes_list li:before { color: #aaa !important; content: '\f00c'; } ul.bd_yes_list > li:first-child { margin-top: 0; } /* list no */ ul.bd_no_list li { list-style: none !important; background: url(includes/shortcode/images/list/no.png) no-repeat left center; padding: 0 0 0 25px; margin-top: 5px; font: normal 14px/20px Arial, Helvetica, sans-serif; } ul.bd_no_list > li:first-child { margin-top: 0; } /* table */ table td { background-color: #FFF !important;} table { width: 100%; border-collapse: collapse; border-spacing: 0; border-spacing: 2px; border: none !important;} table{border: 2px solid #333 !important;} table th, table td {padding: 11px;border: thin solid #888;} table th{border-bottom: 2px solid #333 !important; text-align: left; background-color: #f0f0f0 !important;} /* clear */ div.clear { clear: both; display: block; overflow: hidden; } /* divider */ div.divider { background: #F5F5F5 !important; height: 1px; font-size: 1px; line-height: 0px; display: block; overflow: hidden; margin: 30px 0; clear: both; border: none !important; } /* Columns */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left;} div.one_half.last, div.one_third.last, div.one_fourth.last, div.two_third.last, div.three_fourth.last { margin-right: 0 !important; clear: right; } div.one_half { width: 48% } div.one_third { width: 30.66% } div.two_third { width: 65.33% } div.one_fourth { width: 22% } div.three_fourth { width: 74% } div.one_fifth { width: 16.8% } div.two_fifth { width: 37.6% } div.three_fifth { width: 58.4% } div.four_fifth { width: 67.2% } div.one_sixth { width: 13.33% } div.five_sixth { width: 82.67% } /* Notification */ div.bd_notification { padding: 14px 30px 14px 20px; position: relative; margin-bottom: 16px; border-radius: 2px; } div.bd_notification i { float: left; margin: 1px 10px 0 0; display: inline-block; width: 16px; height: 16px; vertical-align: baseline; } div.bd_notification p { padding: 0 !important; margin: 0 !important; } div.bd_notification.notification_mark { background-color: #d8f1c6; color: #769958 !important; } div.bd_notification.notification_mark p { color: #769958 !important; } div.bd_notification.notification_mark i { background: url(includes/shortcode/images/notification/mark.png) no-repeat 0 0; } div.bd_notification.notification_error { background-color: #f9d9d9; color: #aa4343 !important; } div.bd_notification.notification_error p { color: #aa4343 !important; } div.bd_notification.notification_error i { background: url(includes/shortcode/images/notification/error.png) no-repeat 0 0; } div.bd_notification.notification_warning { background-color: #fbf4dd; color: #a38c68 !important; } div.bd_notification.notification_warning p { color: #a38c68 !important; } div.bd_notification.notification_warning i { background: url(includes/shortcode/images/notification/warning.png) no-repeat 0 0; } div.bd_notification.notification_info { background-color: #d7e3f4; color: #515F74 !important; } div.bd_notification.notification_info p { color: #515F74 !important; } div.bd_notification.notification_info i { background: url(includes/shortcode/images/notification/info.png) no-repeat 0 0; } div.bd_notification.notification_info a { color:#108EE2;} /* Buttons */ a.bd_button.btn_small, a.bd_button.btn_middle, a.bd_button.btn_large { padding: 12px 22px; border-radius: 2px; color: #fff; display: inline-block; margin: 5px 5px 5px 0; border: none; cursor: pointer; text-shadow: none !important; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-family: Oswald, arial, Georgia, serif !important; } a.bd_button.btn_middle { padding: 9px 30px 11px !important; font-size: 18px !important; } a.bd_button.btn_large { padding: 10px 31px 13px !important; font-size: 20px !important; } a.bd_button:hover { background: #4b4c4d !important; } /* Toggle */ div.toggle { overflow: hidden; display: block; position: relative; } div.toggle h4 { border: 1px solid #f0f0f0; color: #5a5c5d; border-radius: 2px; padding: 8px 15px 10px; margin-bottom: 4px; position: relative; cursor: pointer; font-size: 17px; font-weight: 700; overflow: hidden; } div.toggle span { position: absolute; right: 18px; top: 14px; cursor: pointer; font-size: 23px; font-weight: bold; text-align: right; display: block; color: #005849; } div.toggle div.panel { padding: 13px 17px; display: none; cursor: text; background: #f0f0f0; border-radius: 2px; line-height: 23px; font-family: Arial, sans-serif; } /* Tabs */ div.tabgroup { } div.tabgroup ul.tabs, div.tabgroup ul.tabs li { list-style: none !important; margin: 0px !important; } div.tabgroup ul.tabs { border-left: 1px solid #f0f0f0; overflow: hidden; } div.tabgroup ul.tabs li { float: left; border-top: 2px solid #4b4c4d; border-right: 1px solid #f0f0f0; color: #868686; background: #f0f0f0; cursor: pointer; font-size: 18px; display: block; font-family: Oswald, arial, Georgia, serif; } div.tabgroup ul.tabs li a { display: block; padding: 9px 18px; } div.tabgroup ul.tabs li.ui-tabs-active { border-bottom: 1px solid #fff; background: none; cursor: default; } div.tabgroup div.contents { border: 1px solid #f0f0f0; border-radius: 2px; margin-top: -1px; padding: 20px; overflow: hidden; } div.tabgroup div.contents div.ui-tabs-panel { display: none; } /* Social links */ a.social_links { display: inline-block; margin: 10px; font-size: 19px; font-weight: normal; } /* Soundcloud */ div.bd-soundcloud-shortcode { text-align: center; overflow: hidden; position: relative; } div.bd-soundcloud-shortcode iframe { width: 100%; max-width: 100%; display: block; } /* Google maps */ div.bd-googlemaps-shortcode { text-align: center; overflow: hidden; position: relative; } div.bd-googlemaps-shortcode iframe { width: 100%; max-width: 100%; display: block; } /* Widgets ==========================================================*/ /* Ads 125 */ div.widget.ad_125_125 div.ads125 div.ads-content { width: 50%; float: left; display: inline-block; text-align: center; padding: 5px 0; } /* Ads 120 x 600 */ div.widget.ad_120_600 div.ads120 div.ads-content { width: 50%; float: left; display: inline-block; text-align: center; } /* Ads 250 */ div.widget.ad_250_250 div.ads250 div.ads-content { width: 100%; float: left; display: inline-block; text-align: center; padding: 0; } /* Ads 250 */ div.widget.ad_300_300 div.ads300 div.ads-content { width: 100%; float: left; display: inline-block; text-align: center; line-height: 0; } /* Social Counter ==========================================================*/ #social-counter-widget { padding: 0px !important; margin-bottom: 20px !important; overflow: hidden; clear: both; display: block; position: relative; } #social-counter-widget ul.social-counter-widget { } #social-counter-widget ul.social-counter-widget, #social-counter-widget ul.social-counter-widget li { list-style: none !important; margin: 0 !important; padding: 0 !important; } #social-counter-widget ul.social-counter-widget li { display: inline-block; } #social-counter-widget ul.social-counter-widget li a { display: block; overflow: hidden; color: #282a2b; } #social-counter-widget ul.social-counter-widget li a i { margin: 0 0 10px 0; } #social-counter-widget ul.social-counter-widget li a span { font-size: 16px !important; font-family: inherit; line-height: 22px !important; font-weight: normal !important; } #social-counter-widget ul.social-counter-widget li a small { color: #c1c1c1; } /* Style 1 */ #social-counter-widget.style1-SC { background-color: #f0f0f0; border: 1px #f0f0f0 solid; border-radius: 3px; padding: 10px 0px !important; } #social-counter-widget.style1-SC li { display: block; width: 33%; overflow: hidden; float: left; } #social-counter-widget.style1-SC li a { display: inline-block; text-align: center; padding: 10px 0px; overflow: hidden; } #social-counter-widget.style1-SC li a i, #social-counter-widget.style1-SC li a span, #social-counter-widget.style1-SC li a small { clear: both; display: block; } #social-counter-widget.style1-SC ul.social-counter-widget li a i { color: #FFF !important; display: inline-block !important; width: 50px !important; height: 50px !important; line-height: 50px !important; vertical-align: middle; text-align: center; font-size: 28.2px; overflow: hidden; border-radius: 100px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #40bff5; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #5d82d1; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #eb5e4c; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #ef4e41; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #35c6ea; } #social-counter-widget.style1-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #ff7e30; } #social-counter-widget.style1-SC ul.social-counter-widget li a:hover i.icon { background: #232323 !important; } /* Style 2 */ #social-counter-widget.style2-SC { padding: 0; } #social-counter-widget.style2-SC ul.social-counter-widget li { display: block; width: 100%; overflow: hidden; margin: 0 0 3px 0 !important; border-radius: 2px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #social-counter-widget.style2-SC li a { display: block; text-align: left; padding: 5px; overflow: hidden; } #social-counter-widget.style2-SC ul.social-counter-widget li a i.icon, #social-counter-widget.style2-SC ul.social-counter-widget li a span, #social-counter-widget.style2-SC ul.social-counter-widget li a small { float: left; line-height: 35px !important; } #social-counter-widget.style2-SC ul.social-counter-widget li a i.icon { font-size: 18.3px; color: #FFF; margin: 0 0 0 0 !important; display: inline-block !important; width: 35px !important; height: 35px !important; text-align: center; font-size: 17px; line-height: 35px !important; font-weight: normal !important; overflow: hidden; border-radius: 100px; } #social-counter-widget.style2-SC ul.social-counter-widget li a span { color: #FFF; padding: 0 15px } #social-counter-widget.style2-SC ul.social-counter-widget li a small { color: #FFF; color: rgba(255,255,255, 0.7); } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-rss { background: #faa33d; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-twitter { background: #40bff5; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-facebook { background: #5d82d1; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-gplus { background: #eb5e4c; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-youtube { background: #ef4e41; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-vimo { background: #35c6ea; } #social-counter-widget.style2-SC ul.social-counter-widget li.social-counter-soundcloud { background: #ff7e30; } #social-counter-widget.style2-SC ul.social-counter-widget li:hover { background: #232323 !important; } #social-counter-widget.style2-SC ul.social-counter-widget li:hover a small { color: #FFF !important; } /* Style 3 */ #social-counter-widget.style3-SC { background-color: #FFF; border-radius: 3px; padding: 10px 0px !important; } #social-counter-widget.style3-SC ul.social-counter-widget li a span { font-size: 13px !important; } #social-counter-widget.style3-SC li { display: block; width: 24%; overflow: hidden; float: left; } #social-counter-widget.style3-SC li a { display: inline-block; text-align: center; padding: 10px 0px; } #social-counter-widget.style3-SC li a i, #social-counter-widget.style3-SC li a span, #social-counter-widget.style3-SC li a small { clear: both; display: block; } #social-counter-widget.style3-SC ul.social-counter-widget li a i { color: #FFF !important; display: inline-block !important; width: 35px !important; height: 35px !important; text-align: center; font-size: 17px; line-height: 35px !important; overflow: hidden; border-radius: 100px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #40bff5; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #5d82d1; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #eb5e4c; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #ef4e41; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #35c6ea; } #social-counter-widget.style3-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #ff7e30; } #social-counter-widget.style3-SC ul.social-counter-widget li a:hover i.icon { background: #232323 !important; } /* Style 4 */ #social-counter-widget.style4-SC { padding: 0; } #social-counter-widget.style4-SC ul.social-counter-widget li { display: block; clear: both; overflow: hidden; margin: 1px 1px 5px 1px !important; border-radius: 2px; background-color: #FFF; box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); border: 0 none !important; } #social-counter-widget.style4-SC ul.social-counter-widget li:last-child { } #social-counter-widget.style4-SC li a { display: block; text-align: left; padding: 5px; overflow: hidden; color: #999 !important; } #social-counter-widget.style4-SC ul.social-counter-widget li a span { font-size: 14px !important; font-family: sans-serif; } #social-counter-widget.style4-SC ul.social-counter-widget li a i.icon, #social-counter-widget.style4-SC ul.social-counter-widget li a span, #social-counter-widget.style4-SC ul.social-counter-widget li a small { float: left; line-height: 30px !important; } #social-counter-widget.style4-SC ul.social-counter-widget li a i.icon { font-size: 18.3px; color: #FFF; margin: 0px !important; display: inline-block !important; width: 30px !important; height: 30px !important; text-align: center; font-size: 17px; line-height: 30px !important; overflow: hidden; border-radius: 2px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } #social-counter-widget.style4-SC ul.social-counter-widget li a span { padding: 0 4px 0 15px } .rtl #social-counter-widget.style4-SC ul.social-counter-widget li a span { padding: 0 15px 0 4px } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-rss a i.icon.social_icon-rss { background: #faa33d; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-twitter a i.icon.social_icon-twitter { background: #40bff5; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-facebook a i.icon.social_icon-facebook { background: #5d82d1; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-gplus a i.icon.social_icon-google { background: #eb5e4c; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-youtube a i.icon.social_icon-youtube { background: #ef4e41; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-vimo a i.icon.social_icon-vimeo { background: #35c6ea; } #social-counter-widget.style4-SC ul.social-counter-widget li.social-counter-soundcloud a i.icon.social_icon-soundcloud { background: #ff7e30; } #social-counter-widget.style4-SC ul.social-counter-widget li a:hover i.icon { background: #999 !important; } /** * Post Image */ .post-image, .post-image a, .post-image a img { position: relative; line-height: 0; overflow: hidden; } .post-image a { display: inline-block; background-color: #005849; } .post-image a:hover img { opacity: 0.5; } .post-image img { height: auto; max-width: 100%; width: 100%; } /** * Box Title */ div.box-title { display: block; position: relative; overflow: hidden; margin-bottom: 10px; } div.box-title h2 { position: relative; margin: 0px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: Open Sans, sans-serif; font-weight: 700; color: #737373; padding: 0px; border-bottom: 3px #005849 solid; } div.box-title h2 b { padding: 5px 15px 5px; /*border-bottom: 3px #444 solid; margin-bottom: -3px*/; display: inline-block; color: #444; background-color: #f0f0f0; } div.box-title-more { float: right; margin: 7px 15px 0 0; } div.box-title-more .prev, div.box-title-more .nxt { background-color: #FFF; border: 1px #F0F0F0 solid; color: #CCC; } div.box-title-more .prev, div.box-title-more .nxt, div.box-title-more .more-plus { display: inline-block; text-align: center; width: 30px; height: 30px; line-height: 0; border-radius: 100%; cursor: pointer; font-size: 14px; font-weight: normal; } div.box-title-more .prev i, div.box-title-more .nxt i, div.box-title-more .more-plus i { margin: 8px auto 0 auto; } div.box-title-more .prev:hover, div.box-title-more .nxt:hover, div.box-title-more .more-plus:hover { background-color: #005849; border: 1px #005849 solid; color: #FFF !important; } /** * breaking-news-in-pic */ #breaking-news-in-pic { margin: 0 0 30px 0; } #breaking-news-in-pic .box-title h2 { line-height: 40px; } #breaking-news-in-pic .post-warpper, #breaking-news-in-pic .post-warpper .post-items { width: 955px !important; min-width: 955px !important; height: 160px !important; min-height: 160px !important; display: block; } .extras { -webkit-backface-visibility: hidden; width: 101%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; } .extras:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } #breaking-news-in-pic .post-image .format-icon { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 100%; font-size: 16px; font-weight: 400 !important; background: rgba(0, 0, 0, 0.5); color: #FFF; } #breaking-news-in-pic .format-icon i { margin: 11px 0 0 0; } #breaking-news-in-pic .post-warpper, #breaking-news-in-pic .post-warpper .post-item, #breaking-news-in-pic .post-warpper .post-items { display: block; overflow: hidden; position: relative; } #breaking-news-in-pic .post-warpper .post-item { float: left; width: 230px; min-width: 230px !important; height: 160px; min-height: 160px !important; margin: 0 11px 0 0; background: url("images/loader.gif") no-repeat 50% 50%; } #breaking-news-in-pic .post-warpper .post-items .post-item:last-child { margin: 0; } #breaking-news-in-pic .post-caption { display: block; position: absolute; bottom: -37px; left: 0; width: 100%; } #breaking-news-in-pic .post-caption .post-title { background-color: rgba(0, 0, 0, 0.5); display: inline-block; color: #FFF !important; font: 14px/24px Helvetica, sans-serif; line-height: 20px; padding: 8px 10px 9px 10px; margin: 0; margin-bottom: -5px; } #breaking-news-in-pic .post-caption .post-title a { color: #FFF !important; } #breaking-news-in-pic .post-caption .post-meta { background-color: #f0f0f0; display: block; color: #AAA; font: 12px Helvetica, sans-serif; font-weight: normal; line-height: 20px; padding: 8px 10px 9px 10px; } #breaking-news-in-pic .post-caption .post-meta i { margin: 0 10px 0 0; } /** * Widgets */ .sidebar .widget { margin: 0 0 15px 0; overflow: hidden; clear: both; } .sidebar .widget:last-child { margin: 0 0 0 0 !important; } /* calendar_wrap */ #calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr { padding: 7px; position: relative; overflow: hidden; border-collapse: collapse; border-spacing: 0px; border: 0px !important; font: 14px/24px Helvetica, sans-serif; font-weight: normal; line-height: 20px; } #calendar_wrap #wp-calendar { width: 100%; color: #888; } #calendar_wrap #wp-calendar caption { color: #777; padding: 0 0 10px 1px; } #calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td { text-align: center; } #calendar_wrap th { background: #f0f0f0; color: #444; } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today { background: #005849; border-radius: 3px; } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a { color: #FFF; } /** * Footer */ #footer-widgets { background: #343434; color: #959595; padding: 25px 0; position: relative; overflow: hidden; display: block; z-index: 1; box-shadow: 0px -10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } .footer-adv { text-align: center; overflow: hidden; margin: 30px 0 0 0; clear: both; } .footer { background: #303030; color: #959595; position: relative; z-index: 1; padding: 8px 0 7px; overflow: hidden; display: block; } .footer .social-icons { float: right; margin: 0; line-height: 0; position: relative; } .footer .copyright { float: left; font-size: 12px; line-height: 31px; font-family: tahoma; } .footer .copyright, .footer .copyright a { color: #AAA; } .footer .copyright a:hover { color: #FFF; } #footer-widgets .col1 .widget-inner-box { width: 100%; margin: 0px !important; } #footer-widgets .col2 .widget-inner-box { width: 461px; } #footer-widgets .col3 .widget-inner-box { width: 297px; } #footer-widgets .col4 .widget-inner-box { width: 215px; } .widget-inner-box { float: left; margin: 0 30px 0 0; } .last { margin: 0px; } #footer-widgets #social-counter-widget, #footer-widgets #social-counter-widget li:last-child { margin-bottom: 0px !important; } #footer-widgets #social-counter-widget.style1-SC ul.social-counter-widget li a i { width: 24px !important; height: 19px !important; line-height: 24px !important; padding: 5px 0 0 0 !important; font-size: 13px !important; border-radius: 100% !important; } #footer-widgets #social-counter-widget.style1-SC ul.social-counter-widget li a span { font-size: 11px !important; line-height: 20px !important; font-weight: bold !important; font-family: arial, Georgia, serif !important; } #footer-widgets .widget-title h2 { margin: 0 0 20px 0; color: #DDD !important; font-size: 15px; font-weight: 700; text-transform: uppercase; } .widget .widget-inner ul li { padding: 8px 5px; border-bottom: 1px solid #F0F0F0; overflow: hidden; font-size: 13px; font-family: "Open Sans", Tahoma, sans-serif !important; line-height: 16px; } .widget .widget-inner ul li:last-child { border: none; } .widget-inner .post-image { float: left; } .bd-news-in-pic .post-image a, .flickr .post-image a img { padding: 3px; cursor: pointer; } .flickr .post-image a { background : none; padding: 3px; } #footer-widgets .bd-news-in-pic .post-image a, #footer-widgets .flickr .post-image a img { padding: 2px; } #footer-widgets a { color: #FFF; } #footer-widgets a:hover { color: #AAA; } .bd-fb-likebox iframe { width: 100% !important; } .bd-google-follow { margin: 0px auto; text-align: center; } .widget .post-warpper { border-bottom: 1px solid #f0f0f0; padding: 10px 15px !important; overflow: hidden; position: relative; } #footer-widgets .widget .post-warpper { border-bottom: 1px solid #3d3d3d; padding-left: 0px !important; padding-right: 0px !important; } .widget .post-warpper:first-child { padding-top: 0px !important; } .widget .post-warpper:last-child, #footer-widgets .widget .post-warpper:last-child { border-bottom: 0px !important; padding-bottom: 0px !important; } .widget .post-warpper .post-image { float: left; margin: 0 15px 0 0; } .widget .post-warpper h3.post-title { margin: 0 0 3px 0; font-size: 13px !important; line-height: 17px !important; padding: 0; overflow: hidden; border: 0 !important; text-indent: 0 !important; height: auto !important; font-family: "Open Sans", Tahoma, sans-serif; } .widget .post-warpper .post-meta { font-size: 11px !important; color: #aaa !important; font-family: "Open Sans", Tahoma, sans-serif; margin: 0 0 0 0; } .widget .post-warpper .post-meta i { margin: 0 5px 0 0; font-weight: normal !important; color: #AAA; } .widget .widget-title { margin: 0 0 18px 0; } #footer-widgets .widget { margin: 0px !important; } .widget.widget_tabs { } #footer-widgets .widget.widget_tabs { border: none; } .widget.widget_tabs .tabs_nav { background-color: #f0f0f0; display: block; overflow: hidden; clear: both; } #footer-widgets .widget.widget_tabs .tabs_nav { background-color: #3d3d3d; } .widget.widget_tabs .tabs_nav li { float: left; display: inline-block; cursor: pointer; overflow: hidden; font-size: 13px; text-align: center; font-family: "Open Sans", Tahoma, sans-serif; width: 33.33333333333333%; } .widget.widget_tabs .tabs_nav li i.icon-comments { font-size: 23px; margin: 7px 0 0 0; } .widget.widget_tabs .tabs_nav li a { border-top: 2px #f0f0f0 solid; } #footer-widgets .widget.widget_tabs .tabs_nav li a { border-top: 0; color: #747474; } .widget.widget_tabs .tabs_nav li.active { background: #FFF; cursor: default; } #footer-widgets .widget.widget_tabs .tabs_nav li.active { background: #005849; } .widget.widget_tabs .tabs_nav li.active a { border-top: 2px #005849 solid; } #footer-widgets .widget.widget_tabs .tabs_nav li.active a { border-top: 0; } .widget.widget_tabs .tabs_nav li a { display: block; height: 40px; line-height: 37px; overflow: hidden; } #footer-widgets .widget.widget_tabs .tabs_nav li a { color: #FFF; } .widget.widget_tabs .post-warpper:first-child { padding-top: 15px !important; } .widget.widget_tabs .post-warpper { margin-right: -15px; margin-left: -15px; } .widget.widget_tabs .post-warpper:last-child, #footer-widgets .widget.widget_tabs .post-warpper:last-child { border-bottom: 0px; padding-bottom: 15px !important; } .widget.widget_tabs .tab_container { display: none; } .widget.widget_tabs #tab1 { display: block; } .widget-social-links { text-align: center; } .widget.bd-author-bio .social-icons, .widget.bd-login .social-icons { margin: 10px 0 0 0; clear: both; } .widget.bd-author-bio .post-warpper { padding: 0px !important; } .widget.bd-author-bio .bio-author-desc { font-size: 13px; line-height: 20px; color: #AAA; font-family: "Open Sans", Tahoma, sans-serif !important; } .widget.bd-login .login_list li { font-size: 13px; color: #AAA; font-family: "Open Sans", Tahoma, sans-serif !important; line-height: 16px; padding: 0; border: none; } .widget.bd-login .login_list li a { color: #AAA; } .widget.bd-login .login_list li a:hover { color: #232323; } .widget.bd-login .bio-author-desc { margin: 0 0 5px 0; } .widget.bd-login .post-warpper, .widget.bd-search-widget .post-warpper { padding: 0px !important; } .widget .post-warpper input { margin: 0px !important; } .widget .post-warpper input[type="url"], .widget .post-warpper input[type="text"], .widget .post-warpper input[type="email"], .widget .post-warpper input[type="search"], .widget .post-warpper input[type="password"], .widget .post-warpper select { width: 300px; margin: 0 0 10px 0 !important; } .widget.bd-login .btn { margin: 8px 0; } div.bd-twitter-widget ul.tweet_list li.twitter-item { } div.bd-twitter-widget ul.tweet_list li.twitter-item i { color: #40bff5; margin: 0 5px 0 0; font-size: 11.8px !important; line-height: 25px !important; } .widget.bd-feedburner .post-warpper { padding: 0px !important; } .widget.bd-feedburner .post-warpper .btn { background-color: #f2a319; } .flexslider { background-image: url("images/loader.gif"); background-position: 50% 50%; background-repeat: no-repeat; } .widget.flexslider, .widget.flexslider .slides li { position: relative; width: 100%; min-width: 100%; height: 215px; min-height: 215px; overflow: hidden; z-index: 1; display: block; } .widget.flexslider .slides li .slider-caption { background-color: rgba(0, 0, 0, 0.5); color: #FFF; font: 14px/24px Helvetica, sans-serif; line-height: 20px; padding: 8px 10px 9px 10px; margin: 0; display: block; position: absolute; bottom: 0px; left: 0; z-index: 999; } .widget.flexslider .slides li .slider-caption a { color: #FFF; } .widget.flexslider .flex-prev, .widget.flexslider .flex-next { position: absolute; top: 10px; display: inline-block; overflow: hidden; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.5); color: #FFF !important; z-index: 666; text-align: center; border-radius: 2px; } .widget.flexslider .flex-prev { right: 43px; } .widget.flexslider .flex-next { right: 10px; } .widget.flexslider .flex-prev:hover, .widget.flexslider .flex-next:hover { background-color: #005849; } .widget.flexslider .flex-prev i, .widget.flexslider .flex-next i { font-size: 13px !important; margin-top: 8px; font-weight: normal !important; } #footer-widgets .widget .widget-inner ul li { border-bottom: 1px #3d3d3d solid; } #footer-widgets .widget .widget-inner ul li:last-child { border-bottom: none !important; } /** * Slider */ #slider, #slider.flexslider .post-warpper li { width: 620px; min-width: 620px; height: 360px; min-height: 360px; overflow: hidden; } #slider { background-color: #222; } #slider.full-screen, #slider.flexslider.full-screen .post-warpper li { width: 955px; min-width: 955px; height: 460px; min-height: 460px; } #slider { position: relative; margin: 0 0 25px 0; zoom: 1; } #slider.flexslider .post-warpper li { display: none; -webkit-backface-visibility: hidden; position: relative; } #slider.flexslider li .post-caption { position: absolute; bottom: 0; width: 100%; } #slider.flexslider li .post-caption .post-caption-content { background-color: rgba(0, 0, 0, 0.8); margin: 0 0px; padding: 15px 20px; color: #888;/* box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1); */ } #slider.flexslider li .post-caption .post-title { font-size: 21px; line-height: 28px; margin: 5px 0 5px; padding: 0; } #slider.flexslider li .post-caption .post-title a { color: #FFF; } #slider.flexslider li .post-caption .post-excerpt, #slider.flexslider li .post-caption .post-cate { font-size: 13px; line-height: 18px; font-family: "Open Sans", Tahoma, sans-serif; color: #AAA; margin: 0; padding: 0; } #slider.flexslider li .post-caption .post-cate a { color: #AAA; font-size: 11px; font-weight: 600; text-transform: uppercase; } #slider.flexslider .flex-prev, #slider.flexslider .flex-next { position: absolute; z-index: 8888; top: 50%; margin-top: -21px; display: inline-block; overflow: hidden; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.4); color: #FFF !important; z-index: 666; text-align: center; } #slider.flexslider .flex-prev { left: -50px; } #slider.flexslider .flex-next { right: -50px; } #slider.flexslider .flex-prev:hover, #slider.flexslider .flex-next:hover { background-color: #005849; } #slider.flexslider .flex-prev i, #slider.flexslider .flex-next i { font-size: 13px !important; margin-top: 14px; font-weight: normal !important; } #slider.flexslider .flex-control-nav { position: absolute; top: 10px; right: 10px; text-align: center; height: 13px; z-index: 666; } #slider.flexslider .flex-control-nav li { margin: 0; display: inline-block; zoom: 1; } #slider.flexslider .flex-control-paging li a { background: rgba(0, 0, 0, 0.5); display: block; cursor: pointer; text-indent: -9999px; border-radius: 100%; margin-left: 3px; width: 11px; height: 11px; } #slider.flexslider .flex-control-paging li a.flex-active { background: #FFF; cursor: default; } /** * pagenavi */ .pagenavi { float: right; margin-top: 30px; font-size: 11px; line-height: 25px; } .pagenavi a, .pagenavi span.pagenavi-current { display: inline-block; padding: 3px 12px; text-align: center; background-color: transparent; border: 1px #f0f0f0 solid; color: #777; border-radius: 2px; margin-left: 5px; } .pagenavi span.pagenavi-current { border: 1px solid #005849; background-color: #005849; color: #FFF; } .pagenavi a:hover { border: 1px solid #005849; color: #005849; } .pagenavi .pagenavi-prev i { margin-right: 4px; display: inline-block; font-size: 9px; } .pagenavi .pagenavi-next i { margin-left: 4px; display: inline-block; font-size: 9px; } /** * Home blog */ .home-blog { overflow: hidden; } .home-blog .post-item { padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin-bottom: 25px; overflow: hidden; } .home-blog article.post-item:last-child { border: none !important; padding: 0 !important; margin: 0 !important; } /*.post .post-title { margin: 0 0 10px 0; font-size: 1.33333em; line-height: 26px; display: block; overflow: hidden; font-family: Open Sans, sans-serif; }*/ .home-blog .post-title, #slider .post-title { font-weight: 700; } .article .post-title { /*font-size: 1.7em;*/ line-height: 30px; margin: 0px 0px 10px 0px; font-family: Open Sans, sans-serif; font-weight: 700;} .post .post-rate { margin: 0 0 10px 0; } .post-meta-info { overflow: hidden; display: block; margin: 0px 0 15px 0; color: #AAA; } .post-meta-info a { color: #AAA; } .post-meta-info div { padding: 8px 12px 8px 12px; margin: 0 5px 5px 0; border-radius: 3px; float: left; background: #f0f0f0; font-size: 12px; font-family: "Open Sans", Tahoma, sans-serif; line-height: 16px; display: inline-block; } .post-meta-info i { margin-right: 3px; font-size: 15px !important; font-weight: normal !important; } .home-blog .post-image, .home-blog .post-gallery { margin: 5px 0 15px 0 !important; } .home-blog.home-big .post-image, .home-blog.home-big .post-image a, .home-blog.home-big .post-gallery, .home-blog.home-big .post-gallery ul.slides, .home-blog.home-big .post-gallery ul.slides li, .home-blog.home-big .post-gallery ul.slides li a { width: 620px; min-width: 620px; position: relative; overflow: hidden; } .home-blog.home-small .post-image, .home-blog.home-small .post-gallery { float: left; margin: 5px 20px 15px 0 !important; } .home-blog.home-small .post-gallery, .home-blog.home-small .post-gallery ul.slides, .home-blog.home-small .post-gallery ul.slides li, .home-blog.home-small .post-gallery ul.slides li a { width: 270px; min-width: 270px; height: 180px; min-height: 180px; position: relative; overflow: hidden; } .home-blog .flexslider .flex-prev, .home-blog .flexslider .flex-next { position: absolute; top: 50%; margin-top: -16px; display: inline-block; overflow: hidden; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.5); color: #FFF !important; z-index: 666; text-align: center; } .home-blog .flexslider .flex-prev { left: 0; } .home-blog .flexslider .flex-next { right: 0; } .home-blog .flexslider .flex-prev:hover, .home-blog .flexslider .flex-next:hover { background-color: #005849; } .home-blog .flexslider .flex-prev i, .home-blog .flexslider .flex-next i { font-size: 13px !important; margin-top: 8px; font-weight: normal !important; } .home-blog .post-gallery ul.slides li { display: none; } .single .content-wrapper .post-entry, .page .content-wrapper .post-entry { overflow: hidden; display: block; position: relative; } .post-entry p { margin: 0 0 10px 0; } .home-blog .pagenavi { margin: 0; } .home-blog .soundcloud-box { height: 180px !important; min-height: 180px !important; } #wrapper .post_full_width .content-wrapper .article .google-box iframe, #wrapper .post_full_width .content-wrapper .article .soundcloud-box { width: 100% !important; } .article .post-image, .article .post-gallery, .article .video-box, .article .soundcloud-box, .article .google-box { margin: 0 0 30px 0; clear: both; overflow: hidden; display: block; } .article .post-image img, .article .post-gallery img { width: 100%; height: auto; } .article .post-image a, .article .post-gallery a { display: block; } .article .flexslider .flex-prev, .article .flexslider .flex-next { position: absolute; top: 50%; margin-top: -21px; display: inline-block; overflow: hidden; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.5); color: #FFF !important; z-index: 666; text-align: center; } .article .flexslider .flex-prev { left: 0; } .article .flexslider .flex-next { right: 0; } .article .flexslider .flex-prev:hover, .article .flexslider .flex-next:hover { background-color: #005849; } .article .flexslider .flex-prev i, .article .flexslider .flex-next i { font-size: 13px !important; margin-top: 14px; font-weight: normal !important; } .article .post-gallery ul.slides li { display: none; } .article .post-gallery, .article .post-gallery ul.slides, .article .post-gallery ul.slides li, .article .post-gallery ul.slides li a { position: relative; overflow: hidden; } /* Review */ div#bd-review-wrapper { width: 50%; float: left; background-color: #303030; overflow: hidden; position: relative; margin: 0 0 30px 0; display: block; } div#bd-review-wrapper.bd-review-placement-t { margin-right: 30px; } @media only screen and (min-width: 480px) and (max-width: 659px) { div#bd-review-wrapper { width: 100% !important; } div#bd-review-wrapper.bd-review-placement-t { margin-right: 0px; } } @media only screen and (max-width: 479px) { div#bd-review-wrapper { width: 100% !important; } div#bd-short-summary { width: 50% !important; } div#bd-review-wrapper.bd-review-placement-t { margin-right: 0px; } } .bd-review-placement-bottom { width: 100% !important; margin: 30px 0 0 !important; } div.bd-review-criteria { position: relative; overflow: hidden; display: block; padding: 6px 15px; margin: 0 0 1px 0; color: #DDD; font-size: 13px !important; } div.bd-review-criteria.bd-criteria-percent { background: none !important; border: none !important; } span.bd-criteria-percentage { background: #005849; color: #005849 !important; display: block; border-radius: 2px; height: 30px; clear: both; float: left; overflow: hidden; text-indent: -9999999px; } span.bd-criteria-description { float: left; display: block; overflow: hidden; color: #FFF; } div.bd-review-criteria.bd-criteria-percent span.bd-criteria-description { float: left; position: absolute; left: 0px; top: 0px; z-index: 8888; display: block; overflow: hidden; margin: 8px 0 0 25px; color: #FFF; } span.bd-criteria-star-under { float: right; width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; } span.bd-criteria-star-top { width: 100%; display: block; background: url(images/stars.png) no-repeat left top !important; height: 22px; float: left; } div.bd-review-summary { min-height: 85px; background-color: #333; border-top: 3px #005849 solid; margin: 10px 0 0 0; } div.bd-review-summary.bd-final-score-percent { position: relative; overflow: hidden; width: 100%; display: block; } div.bd-review-summary.bd-final-score-stars { position: relative; overflow: hidden; } div#bd-criteria-final-score { text-align: center; float: right; display: block; background: #005849; color: #FFF; padding: 3px 10px !important; position: absolute; right: 0; bottom: 0; } div#bd-criteria-final-score h4 { margin-bottom: 0px !important; font-size: 15px; font-weight: 700; text-transform: uppercase; } div#bd-criteria-final-score h3 { margin-bottom: 0px !important; font-size: 21px; font-family: Arial, Verdana, sans-serif; padding-top: 10px; line-height: 20px; } #bd-full-article div#bd-criteria-final-score h3 { margin: 0; text-shadow: none; } div#bd-criteria-final-score h3 span { font-size: 18px; } #bd-full-article div#bd-criteria-final-score h4 { margin-bottom: 4px; margin-top: 0px; text-shadow: none; } span#bd-final-score-stars-under { width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; } span#bd-final-score-stars-top { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; } div#bd-short-summary { width: 58%; float: left; padding: 5px 10px; padding-right: 0px; color: #FFF; font-size: 13px; font-family: sans-serif; } div#bd-short-summary p { margin: 5px 0px 5px 8px; line-height: 16px !important; color: #eee; font-size: 12px } .user-review-rating { position: relative; } .bd-user-review-criteria { padding: 10px; background: #222; position: relative; font-size: 11px !important; } .bd-user-review-criteria:hover { background: #222; } .bd-user-review-criteria em { font-size: 11px; } #bd-review-header { display: block; padding: 7px 15px; margin: 0 0 10px 0; background-color: #333; color: #FFF !important; border-bottom: 3px #005849 solid; } #bd-review-header h4 { margin-bottom: 0; } #bd-review-header h4 { display: block; margin: 0; padding: 0; text-transform: uppercase; font-size: 15px; color: #FFF; font-weight: 700; } .bd-user-review-description { color: #FFF !important; } span.bd-module-a-stars-under { width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; } span.bd-module-a-stars-over { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; } span.leading-article.bd-module-a-stars-under { width: 98px; display: block; background: url(images/stars.png) no-repeat left bottom; height: 22px; } span.leading-article.bd-module-a-stars-over { width: 100%; display: block; background: url(images/stars.png) no-repeat left top; height: 22px; float: left; } .widget span.bd-module-a-stars-under { display: block; position: relative; float: none; width: 50px; height: 9px; margin: 0 5px 0 0; background: url(images/star-sprite-small.png) scroll transparent no-repeat left bottom; } .widget span.bd-module-a-stars-over { display: block; position: absolute; top: 0px; left: 0px; float: left; height: 9px; background: url(images/star-sprite-small.png) scroll transparent no-repeat left top; } .widget span.leading-article.bd-module-a-stars-under { display: inline-block; position: relative; width: 50px; height: 9px; overflow: hidden; float: none; background: url(images/star-sprite-small.png) scroll transparent no-repeat left bottom; } .widget span.leading-article.bd-module-a-stars-over { display: block; position: absolute; top: 0px; left: 0px; float: left; height: 9px; background: url(images/star-sprite-small.png) scroll transparent no-repeat left top; } .post-num-z { position: absolute; z-index: -1; top: 0px; right: 0px; padding: 5px; font-weight: bold; font-size: 48px; color: #EEE; font-family: arial; display: inline-block; height: 50px; line-height: 50px; text-align: center; } #footer-widgets .widget .post-num-z { color: #3d3d3d !important; } .tagcloud a { font-size: 12px !important; padding: 5px 8px 7px !important; margin: 0 -2px 1px 0 !important; border-radius: 0px; line-height: 12px !important; height: auto !important; background-color: #F0F0F0; color: #646464; display: inline-block; } #footer-widgets .widget .tagcloud a { background-color: #444; color: #AAA; } .tagcloud a:hover { background-color: #005849 !important; color: #FFF !important; } /* * Post */ .post-entry blockquote { background: #f0f0f0; font-size: 14px; line-height: 18px; color: #444; border-left: 4px solid #005849; padding: 15px; margin: 20px 0px 20px 30px; } .post-adv { margin: 30px 0; overflow: hidden; text-align: center; display: block; } .post-adv img { max-width: 100%; height: auto; line-height: 0; border: 0; } .post-share-box { margin: 30px 0; display: block; clear: both; overflow: hidden; border-radius: 3px; padding: 15px 0 0 0; border-top: 1px #f5f5f5 solid; } .post-share-box h4 { float: left; font-size: 12px; line-height: 27px; font-weight: 700; color: #AAA; text-transform: uppercase; margin: 0; padding: 0; } .post-share-box-social-networks, .social_sharing_box_large, .social_sharing_box_small { overflow: hidden; display: block; text-align: center; line-height: 0; } .social_sharing_box_large li, .social_sharing_box_small li { display: inline-block; } .post-share-box-social-networks li { display: inline-block; } .post-tags { margin: 20px 0; text-transform: uppercase } .post-tags a { color: #AAA; } .post-navigation { margin: 0 0 30px; padding: 10px 0; clear: both; overflow: hidden; display: block; border-top: 1px #f5f5f5 solid; border-bottom: 1px #f5f5f5 solid; } .post-navigation, .post-navigation a { color: #AAA; } .post-navigation a:hover { color: #005849; } .post-navigation .post-nav-left { float: left; } .post-navigation .post-nav-right { float: right; } .post-author-box { margin: 0 0 30px; clear: both; overflow: hidden; display: block; } .post-author-box .post-image { float: left; width: 79px; margin: 3px 20px 5px 0px; } .post-author-box .bio-author-desc { line-height: 18px; font-size: 13px; margin: 0 0 10px 0; } #related-posts { margin: 0 0 20px 0; } #related-posts .related-images .related-item { float: left; width: 134px; height: 190px; margin: 0 10px; display: block; overflow: hidden; } #related-posts .related-images .related-item .post-image { margin: 0 0 10px 0 !important; } #related-posts .related-images .related-item .post-image a { max-width: 100%; } #related-posts .related-images .related-item h4 { margin: 0; padding: 0; font-size: 14px; font-weight: 600; line-height: 18px; } #related-posts .related-list .related-item { float: left; display: block; width: 46%; margin: 4px 0; padding: 5px 5px 5px 18px; position: relative; } #related-posts .related-list .related-item:before { content: '\f111'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 8px; position: absolute; top: 11px; left: 0; color: #AAA; } #related-posts .related-list .related-item h4 { margin: 0; padding: 0; font-size: 14px; font-weight: 600; line-height: 20px; } .fb-comments { margin: 0 0 30px 0; overflow: hidden; display: block; clear: both; } /* comments */ .commentlist, .comments-respond { margin: 20px 0 40px 0; } .comments-container .comment-box { margin-bottom: 20px; } .comments-container .comment-box .avatar { margin-top: 2px; float: left; } .comments-container .comment-box .avatar img { width: 60px; height: 60px; line-height: 0; } html.ie.ie8 .comments-container .comment-box .avatar img { width: inherit; } .comments-container .comment-box .comment { margin-left: 80px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .comments-container > .comment-box:last-child > .comment { border-bottom: 0; } .comments-container .comment-box .comment h5 { font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 700; } .comments-container .comment-box .comment .date-replay { margin-bottom: 20px; font-size: 12px; line-height: 20px; font-weight: 600; color: #AAA; } .comments-container .comment-box .comment .date-replay a { font-weight: 700; font-size: 11px; } .comments-container .comment-box .children { margin-top: 20px; margin-left: 80px; } .comments-container .comment-box.author { padding: 15px 10px 10px 10px; } .comments .comment-box.author .comment { padding-bottom: 10px; border-bottom: 0; } .form-box textarea { width: 99.6%; padding: 12px 10px; min-height: 180px; display: block; border: none; } .form-box p { margin: 0 0 20px 0; } #comment-input .input-name, #comment-input .input-email, #comment-input .input-website { width: 99.6% !important; } .breadcrumbs { margin: 0 0 15px 0; padding: 10px 12px 12px 6px; font-size: 13px; line-height: 16px; clear: both; overflow: hidden; display: block; background: #f0f0f0; border: none; border-radius: 2px; } .breadcrumbs li { display: inline-block; padding: 0; } .breadcrumbs a { color: #005849; } .breadcrumbs i { margin: 0 10px; font-size: 18px; color: #757575; } /*.blog-two { width: 295px; float: left; margin: 0px 30px 30px 0px; padding-bottom: 15px; background: #fff; border-bottom: 1px #F0F0F0 solid; position: relative; overflow: hidden; display: block; }*/ .blog-two { width: 295px; float: left; margin: 0px 30px 0px 0px; padding-bottom: 15px; background: #fff; border-bottom: 1px #F0F0F0 solid; position: relative; overflow: hidden; display: block; } .blog-two .post-image { margin: 0 auto 15px; } .blog-two .blog-two-inner h2.post-title { margin: 0 0 10px 0; font-size: 17px; line-height: 26px; font-weight: 700; display: block; overflow: hidden; font-family: Open Sans, sans-serif; } .blog-two .blog-two-inner .post-readmore { text-align: center; } .post-entry h3 { margin-bottom: 20px; font-weight: 700; } .recent-box .post-image { float: left; } .recent-box .recent-box-list .post-image { float: left; margin: 0 15px 0 0; } .home-box-title { position: relative; display: block; overflow: hidden; } .home-box-title h2 { font-size: 14px; line-height: 20px; font-weight: 400; display: block; text-transform: capitalize; border-bottom: 3px #005849 solid; position: relative; } .home-box-title h2 b { padding: 5px 15px 5px; display: inline-block; color: #444; background-color: #f0f0f0; } .home-box-title div.box-title-more .prev, .home-box-title div.box-title-more .nxt { color: #CCC; background-color: #f0f0f0; border: none; } .home-box-title div.box-title-more .prev, .home-box-title div.box-title-more .nxt, .home-box-title div.box-title-more .more-plus { line-height: 0; border-radius: 0; cursor: pointer; font-size: 14px; font-weight: normal; } .home-box-title div.box-title-more { float: right; position: absolute; bottom: 0px; right: 0px; margin: 0px !important; } .home-box-title div.box-title-more .prev:hover, .home-box-title div.box-title-more .nxt:hover, .home-box-title div.box-title-more .more-plus:hover { background-color: #005849; color: #FFF; } .recent-box { margin: 0 0 30px 0; display: block; } .blog-two h2.post-title, .cat-box-first .first-post h2.post-title { font-size: 16px; line-height: 22px; margin: 0px 0px 7px 0px; } .blog-two .post-image { float: none; } .blog-two .post-warpper .post-image { float: left; } .blog-two .post-readmore { text-align: center; } .recent-box .recent-box-list { border-bottom: 1px solid #F0F0F0; padding: 9px 0px 14px; clear: both; display: block; overflow: hidden; } .recent-box .recent-box-list-content h2 { font-size: 16px; line-height: 22px; margin: 0px 0px 5px 0px; } .recent-box .recent-box-list-content p { margin: 0px 0px 5px 0px; font-weight: 400; color: #888; line-height: 18px; font-size: 13px; } .blog-two .details, .recent-box .recent-box-list .details { color: #777; font-size: 11px; font-weight: 400; display: block; margin: 3px 0px 0px 0px; } .blog-two .details i, .recent-box .recent-box-list .details i { font-size: 13px; margin: 0 2px; color: #AAA; } .blog-two .details .post_meta_views, .recent-box .recent-box-list .details .post_meta_views { margin: 0 3px; font-style: italic; } .blog-two .details { margin-bottom: 10px; } .recent-box.recent_box_default { margin-bottom: 0; } .home-ads { text-align: center; } .home-ads, .home-scroll { display: block; margin-bottom: 30px; overflow: hidden; } /** * breaking-news-in-pic */ .home-scroll .box-title h2, #related-posts .related-re_scroll .box-title h2 { line-height: 40px; } .home-scroll .post-warpper, .home-scroll .post-warpper .post-items, #related-posts .related-re_scroll, #related-posts .related-re_scroll .post-items { width: 620px !important; min-width: 620px !important; height: 186px !important; min-height: 186px !important; display: block; } .home-scroll .post-image .format-icon, #related-posts .related-re_scroll .post-image .format-icon { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 100%; font-size: 16px; font-weight: 400 !important; background: rgba(0, 0, 0, 0.5); color: #FFF; } .home-scroll .format-icon i, #related-posts .related-re_scroll .format-icon i { margin: 11px 0 0 0; } .home-scroll .post-warpper, .home-scroll .post-warpper .post-item, .home-scroll .post-warpper .post-items #related-posts .related-re_scroll, #related-posts .related-re_scroll .post-item, #related-posts .related-re_scroll .post-items { display: block; overflow: hidden; position: relative; } .home-scroll .post-warpper .post-item, #related-posts .related-re_scroll .post-item { float: left; width: 186px; min-width: 186px !important; height: 186px; min-height: 186px !important; margin: 0 31px 0 0; background: url("images/loader.gif") no-repeat 50% 50%; } .rtl .home-scroll .post-warpper .post-item, .rtl #related-posts .related-re_scroll .post-item { float: right; margin: 0 0 0 31px; } .home-scroll .post-warpper .post-items .post-item:last-child, #related-posts .related-re_scroll .post-items .post-item:last-child { margin: 0; } .home-scroll .post-caption, #related-posts .related-re_scroll .post-caption { display: block; position: absolute; bottom: 0px; left: 0; width: 100%; } .rtl .home-scroll .post-caption, .rtl #related-posts .related-re_scroll .post-caption{ left: auto; right: 0px; } .home-scroll .post-caption .post-title, #related-posts .related-re_scroll .post-title { background-color: rgba(0, 0, 0, 0.6); display: inline-block; color: #FFF; font-size: 13px; font-weight: 400; line-height: 20px; padding: 8px 10px 9px 10px; margin: 0; margin-bottom: -5px; } .home-scroll .post-caption .post-title a, #related-posts .related-re_scroll .post-title a { color: #FFF !important; } .home-scroll .post-caption .post-meta, #related-posts .related-re_scroll .post-meta { background-color: rgba(0, 0, 0, 0.5); display: block; color: #fff; font: 12px Helvetica, sans-serif; font-weight: normal; line-height: 20px; padding: 8px 10px 9px 10px; } .home-scroll .post-caption .post-meta i, #related-posts .related-re_scroll .post-meta i { margin: 0 10px 0 0; } .rtl .home-scroll .post-caption .post-meta i, .rtl #related-posts .related-re_scroll .post-meta i { margin: 0 0 0 10px; } .cat-box-2col.blog-two { border: none; } .cat-box-2col.blog-two .half-width-category { margin: 0 0 30px 0; } .cat-box-2col.blog-two .post-warpper { clear: both; margin: 20px 0 0 0; overflow: hidden; display: block; position: relative; } .blog-two .post-warpper .post-image { float: left; margin: 0 15px 0 0; } .blog-two .post-warpper h2.post-title, .cat-box-first .cat-box-first-small-posts h2.post-title { font-size: 14px; margin: 0 0 5px 0; line-height: 16px; } .cat-box-first .cat-box-first-small-posts h2.post-title { } .blog-two .post-warpper .details { margin: 0; } .cat-box-left { clear: both; margin-bottom: 30px; position: relative; overflow: hidden; display: block; } .cat-box-left article.half-width-category { width: 295px; float: left; margin: 0px 30px 0 0px; background: #fff; position: relative; overflow: hidden; display: block; } .cat-box-left .cat-box-left-small-posts { width: 295px; float: right; } .cat-box-left .cat-box-left-small-posts .post-image { float: left; margin: 0 15px 0 0; } .cat-box-left .cat-box-left-small-posts .post-warpper h2.post-title { font-size: 14px; line-height: 18px; margin-bottom: 5px; } .cat-box-left .cat-box-left-small-posts .post-warpper .details { margin: 0; } .cat-box-left .cat-box-left-small-posts .post-warpper { clear: both; margin: 0 0 20px 0; overflow: hidden; display: block; position: relative; } .cat-box-left .cat-box-left-small-posts .post-warpper:last-child { margin-bottom: 0; } .cat-box-left .post-image { margin: 0 auto 15px; } .cat-box-left .details, .cat-box-first .details { color: #777; font-size: 11px; font-weight: 400; display: block; margin: 3px 0px 0px 0px; } .cat-box-left .details i, .cat-box-first .details i { font-size: 13px; margin: 0 2px; color: #AAA; } .cat-box-left .details .post_meta_views, .cat-box-first .details .post_meta_views { margin: 0 3px; font-style: italic; } .cat-box-left .details, .cat-box-first .details { margin-bottom: 5px; } .cat-box-left h2.post-title { margin: 0 0 5px 0; font-size: 17px; line-height: 26px; font-weight: 700; display: block; overflow: hidden; font-family: Open Sans, sans-serif; } .cat-box-left .post-readmore { text-align: left; } .rtl .cat-box-left .post-readmore { text-align: right; } .cat-box-left .post-readmore a { margin: 0; } .cat-box-left .post-entry p { line-height: 22px !important; } .cat-grid, .cat-box-first, .gallery-box { margin-bottom: 30px; clear: both; display: block; overflow: hidden; } .cat-grid .post-image { padding: 4px; display: inline-block; cursor: pointer; line-height: 0; margin-left: -3px; } .cat-box-first { overflow: hidden; display: block; } .cat-box-first .first-post { clear: both; margin-bottom: 20px; overflow: hidden; display: block; } .cat-box-first .first-post .post-image { float: left; margin: 0 15px 0 0; } .cat-box-first .cat-box-first-small-posts .post-warpper { float: left; width: 50%; } .cat-box-first .cat-box-first-small-posts .post { padding-right: 15px; padding-bottom: 15px; overflow: hidden; display: block; } .cat-box-first .cat-box-first-small-posts .post-warpper .post-image { float: left; margin: 0 15px 0 0; } .cat-box-video-first { float: left; } .cat-box-video-small { float: right; } .cat-box-video-small article { margin-bottom: 20px; } .cat-box-video-small article:last-child { margin-bottom: 0; } .gallery-box { } .gallery-box .post-image { padding: 1px; width: 204px; } .gallery-box .gallery-items { overflow: hidden; position: relative; display: block; } .gallery-box .item { float: left; line-height: 0; height: auto; position: relative; overflow: hidden; display: block !important; background: url("images/loader.gif") no-repeat 50% 50%; } .gallery-box .item .post-image a { background-color: #000; } .gallery-box .item .post-image a img { opacity: .6; width: 100%; max-width: 100%; } .gallery-box .item .post-image a:hover img { opacity: 1; } .timeline-list .timeline-item { display: block; clear: both; overflow: hidden; width: 100%; } .timeline-list .timeline-item .timeline-date span { } .timeline-list .timeline-item .timeline-date, .timeline-list .timeline-item .timeline-link { width: 50%; display: block; float: left; overflow: hidden; } .timeline-list .timeline-item .timeline-date span { text-align: right; padding: 7px 0; padding-right: 20px; display: block; font-size: 11px; font-weight: 400; line-height: 25px; color: #AAA; } .timeline-list .timeline-item .timeline-link a { text-align: left; padding: 7px 0; padding-left: 20px; display: block; font-size: 14px; font-weight: 700; line-height: 25px; border-left: 3px #005849 solid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .timeline-title { text-align: center; clear: both; display: block; margin-bottom: -4px; } .oops { font-size: 135px; line-height: 140px; text-align: center; color: #E2E2E2; margin-bottom: 20px; } .oops-meta { font-weight: 600; font-size: 21px; line-height: 30px; margin-bottom: 30px !important; } .page-top-reviews .post-item, .page-top-reviews, .page-top-reviews .article.post-item { position: relative; overflow: hidden; } .page-contact-info-p, .page-contact-info-list, .page-contact-info-list li { font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; } #contcatus .form-box-label label { float: left; width: 33.33333333333333%; } #contcatus .form-box-label label input { width: 80%; } #contcatus .form-box-label label:last-child { margin-right: 0; } #contact_msg { padding: 10px; margin: 20px 0 0; width: 100%; overflow: hidden; font-size: 14px; line-height: 20px; text-align: center; display: none; } #contcatus { position: relative; overflow: hidden; display: block; } .page-contact-info { clear: both; display: block; overflow: hidden; } ul.children .comment:last-child { padding-bottom: 0px; margin-bottom: 0px; border: 0 none; } .twitter-text { line-height: 18px; } #gallery-box { width: 100% !important; } .post-entry ol, .post-entry ul { margin: 0 0 20px 20px; } .post-entry ul li { list-style: inside disc; line-height: 25px; } .post-entry ol li { list-style: inside decimal; line-height: 25px; } /* New v1.1.0 */ .mini-post-cate { text-transform: uppercase; margin: 0 0 5px; font-size: 12px; } .mini-post-cate, .mini-post-cate a { color: #AAA; } .mini-post-meta { text-transform: uppercase; font-size: 12px; } .mini-post-meta i { margin-right: 10px; font-size: 13px !important; font-weight: 200 !important; } .mini-post-meta, .mini-post-meta a { color: #AAA; } .mini-post-meta a:hover, .mini-post-cate a:hover { color: #111; } .mini-post-meta .post_meta_date { text-transform: none !important; } .home-blog.home-mini .post-gallery, .home-blog.home-mini .post-gallery ul.slides, .home-blog.home-mini .post-gallery ul.slides li, .home-blog.home-mini .post-gallery ul.slides li a { width: 240px; min-width: 240px; height: 140px; min-height: 160px; position: relative; overflow: hidden; } .header-v5 .breaking-news { background: none; } .header-v5 .container .container { width: 550px; min-width: 550px; float: left; } .header-v5 .breaking-news, .header-v5 .breaking-news .mt-news li a { color: #FFF; } .header-v5 .breaking-news .mt-news li a:hover { color: #FFF; } .header-v5 .breaking-news .breaking-news-title { background-color: #005849; color: #FFF; height: 30px; line-height: 30px; border-radius: 3px; } .header-v5 .breaking-news .mt-news li a, .header-v5 .breaking-news { height: 30px; line-height: 30px; } .header-v5 .breaking-news .mt-news li a:hover { color: #DDD !important; } /* Blog Grid */ .inner-grid { } .inner-grid .article-grid { } .inner-grid .pagenavi { margin-top: 0; } .inner-grid .article-grid .article-grid-items { display: block; overflow: hidden; } .inner-grid .article-grid .post-item { float: left; display: inline-block; overflow: hidden; position: relative; margin-left: 2px; margin-right: 25px; margin-bottom: 30px; width: 298px; background-color: #f0f0f0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border-radius: 3px; } .inner-grid .article-grid .article-grid-items .post-item:last-child { margin-right: 0; } .inner-grid .article-grid .post-item .post-image { overflow: hidden; } .inner-grid .article-grid .post-item .post-image img, .inner-grid .article-grid .post-item .post-image { border-radius: 4px 4px 0 0; } .inner-grid .article-grid .post-item .article-grid-content { position: relative; overflow: hidden; display: block; padding: 20px; } .inner-grid .article-grid .post-item .post-cate { text-transform: uppercase; font-size: 11px; line-height: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #DDD dotted; } .inner-grid .article-grid .post-item .post-cate, .inner-grid .article-grid .post-item .post-cate a { color: #AAA; } .inner-grid .article-grid .post-item .post-cate a:hover { color: #111; } .inner-grid .article-grid .post-item .post-entry { clear: both; margin: 0 0 15px; } .inner-grid .article-grid .post-item .post-title { margin: 0 0 5px; } .inner-grid .article-grid .post-item .post-rate { margin-bottom: 7px; display: block; overflow: hidden; } .inner-grid .article-grid .post-item .btn { margin: 0; } .inner-grid .article-grid .post-item .soundcloud-box iframe .widgetContainer { border: none !important; box-shadow: none !important; border-radius: inherit !important; } .inner-grid .article-grid .post-item .post-gallery { position: relative; } .inner-grid .article-grid .post-gallery ul.slides li a img { width: 100%; } .inner-grid .article-grid .post-gallery, .inner-grid .article-grid .post-gallery ul.slides, .inner-grid .article-grid .post-gallery ul.slides li, .inner-grid .article-grid .post-gallery ul.slides li a { width: 100%; height: 180px; min-height: 180px; position: relative; overflow: hidden; } .inner-grid .article-grid .flexslider .flex-prev, .inner-grid .article-grid .flexslider .flex-next { position: absolute; top: 50%; margin-top: -15px; display: inline-block; overflow: hidden; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.5); color: #FFF !important; z-index: 666; text-align: center; } .inner-grid .article-grid .flexslider .flex-prev { left: 0; } .inner-grid .article-grid .flexslider .flex-next { right: 0; } .inner-grid .article-grid .flexslider .flex-prev i, .inner-grid .article-grid .flexslider .flex-next i { font-size: 13px !important; margin-top: 8px; font-weight: normal !important; } .inner-grid .article-grid .post-gallery ul.slides li { display: none; } .archive-dec { margin-bottom: 40px; padding: 0 0 20px; clear: both; overflow: hidden; display: block; line-height: 18px; border-bottom: 1px #f0f0f0 solid; } .rss-cat { line-height: 0; border: none; border-radius: 0; cursor: pointer; font-size: 14px; font-weight: normal; float: right; position: absolute; bottom: 5px; right: 0px; margin: 0px; color: #fbab5d; } .rtl .rss-cat { float: left; left : 0px; right : auto; } .rss-cat i { font-size: 18px; } .logo-name, .logo-desc { display: block; clear: both; } .logo a { display: block; overflow: hidden; line-height: 0; } .logo-desc { font-family: tahoma; font-size: 13px !important; color: #AAA !important; font-weight: normal !important; line-height: 15px !important; padding: 0 0px 10px 0px !important; margin: 0 !important; } .logo-name { font-size: 34px; line-height: 42px; font-weight: 700; } #gallery-box .gallery-icon { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; left: 50%; top: 50%; background-color: #90c030; border-radius: 100%; color: #FFF; font-size: 17px; font-weight: normal; margin: -20px 0 0 -20px; } #gallery-box .caption { background-color: rgba(0, 0, 0, 0.5); color: #FFF; font: 14px/24px Helvetica, sans-serif; line-height: 20px; padding: 8px 10px 9px 10px; margin: 0; display: block; position: absolute; bottom: 1px; left: 1px; right: 1px; z-index: 999; } #gallery-box .caption a { color: #FFF; } #breaking-news-in-pic .format-video span.over, .home-scroll .format-video span.over { position: absolute; top: 50%; left: 50%; font-size: 18px; line-height: 30px; margin: -22px 0 0 -18px; border-radius: 100%; background-color: rgba(0,0,0,0.7); width: 36px; height: 36px; text-align: center; overflow: hidden; display: block; } .home-scroll .format-video span.over { margin-top: -18px !important; } #breaking-news-in-pic .format-video span.over i, .home-scroll .format-video span.over i { font-size: 18px !important; margin: 5px 0 0 3px !important; line-height: 29px !important; padding: 0 !important; font-weight: 200 !important; font-style: normal !important; color: #FFF !important; color: rgba(255,255,255, 0.9) !important; } .live-sharing { clear: both; display: block; overflow: hidden; position: relative; line-height: 0; } .home_loading { display: block; background: #FFF url(images/loader.gif) no-repeat center center; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; border-radius: 100%; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; padding: 10px; } .last-column { margin-right: 0px !important; } .rtl .blog-two { margin: 0px 0px 30px 30px !important; } .rtl .last-column { margin-left: 0px !important; } .post-image a { display: block; } .single-wportfolio #related-posts .related-re_scroll .post-title { margin-bottom: 0px !important; } .post_full_width #related-posts .related-re_scroll, .post_full_width #related-posts .related-re_scroll .post-items, .wportfolio-full-width #related-posts .related-re_scroll, .wportfolio-full-width #related-posts .related-re_scroll .post-items { width: 100% !important; min-width: 100% !important; } .post_full_width #related-posts .related-re_scroll .post-item, .wportfolio-full-width #related-posts .related-re_scroll .post-item { width: 297px !important; min-width: 297px !important; } .home-scroll .post-warpper .post-item, #related-posts .related-re_scroll .post-item { display: none; } /* Slider Full */ .slider-full #slider, .slider-full #slider.flexslider .post-warpper li { width: 955px; min-width: 955px; height: 430px; min-height: auto !important; } @media only screen and (min-width: 1024px) and (max-width: 1259px){ .slider-full #slider, .slider-full #slider.flexslider .post-warpper li { width: 954px; min-width: 954px; } } /* Keole Styles */ /* Taille des éléments de menu en anglais */ /* .menu-item-3787{width:72px !important;} .menu-item-3877{width:90px !important;} .menu-item-3887{width:85px !important;} .menu-item-3892{width:70px !important;} .menu-item-3893{width:130px !important;} .menu-item-3840{width:110px !important;} .menu-item-3898{width:81px !important;} .menu-item-3893 a{width:130px !important;}*/ /* Acceuil */ /* MODIFS KEOLE MOBILE .menu-item-250, .menu-item-3787{width:70px !important;border-left: 0px !important;} */ .menu-item-1134{width:130px !important;} .menu-item-1134 a{width:130px !important;} /*Presentation*/ .menu-item-251, .menu-item-3788{border-left:5px solid #1A80B6;} .menu-item-251:hover, .menu-item-3788:hover{border-left:5px solid #fff;background-color: #1A80B6 !important} .menu-item-251 ul, .menu-item-3788 ul{border-top:3px solid #1A80B6 !important} .menu-item-251 .menu-item, .menu-item-3788 .menu-item{background-color:#d6f1ff !important;} /* Services */ .menu-item-255, .menu-item-3877{border-left:5px solid #3FC2DA} .menu-item-255:hover, .menu-item-3877:hover{border-left:5px solid #fff;background-color: #3FC2DA !important} .menu-item-255 ul,.menu-item-3877 ul{border-top:3px solid #3FC2DA !important} .menu-item-255 .menu-item, .menu-item-3877 .menu-item{background-color:#eafbff !important;} /* Calcul */ .menu-item-262, .menu-item-3794{border-left:5px solid #008024 !important} .menu-item-262:hover, .menu-item-3794:hover{border-left:5px solid #fff;background-color: #008024 !important} .menu-item-262 ul, .menu-item-3794 ul{border-top:3px solid #008024 !important} .menu-item-262 .menu-item, .menu-item-3794 .menu-item{background-color:#def9e5 !important;} .menu-item-3794{width:120px !important;} .menu-item-3794 a{width:180px !important;} /*Archivage*/ .menu-item-266, .menu-item-3840{border-left:5px solid #CD2122} .menu-item-266:hover, .menu-item-3840:hover{border-left:5px solid #fff;background-color: #CD2122 !important} .menu-item-266 ul, .menu-item-3840 ul{border-top:3px solid #CD2122 !important} .menu-item-266 .menu-item, .menu-item-3840 .menu-item {background-color:#f7eaea !important;} /* Formation glisse dans service est remplacé par hebergement */ /* .menu-item-276, .menu-item-3887{border-left:5px solid #9ACD6B} .menu-item-276:hover, .menu-item-3887:hover{border-left:5px solid #fff;background-color: #9ACD6B !important} .menu-item-276 ul, .menu-item-3887 ul{border-top:3px solid #9ACD6B !important} .menu-item-276 .menu-item, .menu-item-3887 .menu-item{background-color:#f7ffef !important;} */ /* Hebergement */ .menu-item-1504, .menu-item-3878{border-left:5px solid #9ACD6B} .menu-item-1504:hover, .menu-item-3878:hover{border-left:5px solid #fff;background-color: #9ACD6B !important} .menu-item-1504 ul, .menu-item-3878 ul{border-top:3px solid #9ACD6B !important} .menu-item-1504 .menu-item, .menu-item-3878 .menu-item{background-color:#f7ffef !important;} /* Europe a inclure */ .menu-item-9008, .menu-item-9009{border-left:5px solid #003399} .menu-item-9008:hover, .menu-item-9009:hover{border-left:5px solid #fff;background-color: #003399 !important} .menu-item-9008 ul, .menu-item-9009 ul{border-top:3px solid #003399 !important} .menu-item-9008 .menu-item, .menu-item-9009 .menu-item {background-color:#ffffaa !important;} /* Actualité */ .menu-item-278, .menu-item-3892{border-left:5px solid #ff6e14} .menu-item-278:hover, .menu-item-3892:hover{border-left:5px solid #fff;background-color: #ff6e14 !important} .menu-item-278 ul, .menu-item-3892 ul{border-top:3px solid #ff6e14 !important} .menu-item-278 .menu-item, .menu-item-3892 .menu-item {background-color:#ffe5d6 !important;} /* Annonces */ .menu-item-277, .menu-item-3893{border-left:5px solid #FFBA00} .menu-item-277:hover, .menu-item-3893:hover{border-left:5px solid #fff;background-color: #FFBA00 !important} .menu-item-277 ul, .menu-item-3893 ul{border-top:3px solid #FFBA00 !important} .menu-item-277 .menu-item, .menu-item-3893 .menu-item {background-color:#fff9ea !important;} /* Contact supprime */ .menu-item-280, .menu-item-3898{border-left:5px solid #AAA} .menu-item-280:hover, .menu-item-3898:hover{border-left:5px solid #fff;background-color: #AAA !important} .menu-item-280 ul, .menu-item-3898 ul{border-top:3px solid #AAA !important} .menu-item-280 .menu-item, .menu-item-3898 .menu-item {background-color:#fafafa !important;} .menu-item-250{border-left:5px solid #005849} .menu-item-250:hover{border-left:5px solid #fff;background-color: #005849 !important} .menu-item-250 ul{border-top:3px solid #005849 !important} /*.widget_sb_cl_pages_widget ul li>a{font-weight:bold}*/ .widget_sb_cl_pages_widget ul li ul li>a{font-weight:normal;font-style: italic} .widget_sb_cl_pages_widget ul ul{margin-left:20px;font-size:0.5em} #text-2 h2{display:none} #text-2 .widget-title{display:none} #text-2 .widget-inner ul li{border:0px} #home_link{width:100%;padding:0px !important} #home_link li{padding: 0;margin-bottom: 8px} #home_link span{height:30px;display: inline-block;vertical-align: top} #home_link .hl_stamp{width:30px;} #home_link .hl_link{padding-left: 10px} #home_link a{color:#fff;margin-bottom: 10px;line-height: 30px;font-size: 14px} .hl_css3 a{ display: inline-block;color:#3f3f3f;font-size: 14px; overflow: hidden; margin:0px; padding:0; width:100%; -webkit-transition-property: background-color; -webkit-transition-duration: 0.6s; -moz-transition-property: background-color; -moz-transition-duration: 0.6s; transition-property: background-color; transition-duration: 0.6s; -webkit-transition-property: color; -webkit-transition-duration: 0.4s; -moz-transition-property: color; -moz-transition-duration: 0.4s; transition-property: color; transition-duration: 0.4s; background-color:#f0f0f0; } .hl_css3 a:hover{color:#fff;} .hl_css3 a span { display: inline-block; padding:7px 12px 7px 10px; font-size: 1.2em; margin-right:10px;width: 12px; color:#fff; } /* couleur class panneau gauche accueil */ .hl_user span{background-color:#005849} .hl_user:hover,.hl_actualite:focus{background: #005849;} .hl_annonce span{background-color:#eaa800;} .hl_annonce:hover,.hl_actualite:focus{background: #eaa800;} .hl_documentation span{background-color:#2F3540;} .hl_documentation:hover,.hl_actualite:focus{background: #2F3540;} .hl_ressources span{background-color:#1A80B6;} .hl_ressources:hover,.hl_actualite:focus{background: #1A80B6;} .hl_calcul span{background-color:#008024;} .hl_calcul:hover,.hl_actualite:focus{background: #008024;} .hl_archivage span{background-color:#CD2122;} .hl_archivage:hover,.hl_actualite:focus{background: #CD2122;} /* */ .user-secure-access{display:inline-block;font-size: 13px; font-style: italic;margin-bottom: 5px} .btn-secure-access{float:right} .t-cate{display:none !important} .post-entry a{color:#0099E0 !important;} .post-entry a:hover{color:#3FC2DA !important;} .home-excerpt p{line-height:15px !important;} .sitemap_content li{list-style: none !important;} .sitemap_presentation h2{border-bottom:3px solid #1A80B6 !important;} .sitemap_row{clear: left;width:100%;} .sitemap_block{width:45%;padding:0 20px 0 20px;margin-bottom:20px;float:left;} .sitemap_title { display: block; position: relative; overflow: hidden; margin-bottom: 10px; } .sitemap_title h2 { position: relative; margin: 0px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: Open Sans, sans-serif; font-weight: 700; color: #737373; padding: 0px;} .sitemap_title h2 b { padding: 5px 15px 5px; /*border-bottom: 3px #444 solid; margin-bottom: -3px*/; display: inline-block; color: #444; background-color: #f0f0f0; } /* plan du site */ /* .sitemap_title .h2_presentation{border-bottom: 3px #1a80b6 solid;} .sitemap_title .h2_service{border-bottom: 3px #3FC2DA solid;} */ /*.sitemap_title .h2_formation{border-bottom: 3px #9ACD6B solid;}remplacé par hebergement */ /*.sitemap_title .h2_hebergement{border-bottom: 3px #9ACD6B solid;}*/ /*.sitemap_title .h2_annonce{border-bottom: 3px #FFBA00 solid;} supprimé */ /* .sitemap_title .h2_calcul{border-bottom: 3px #008024 solid;} .sitemap_title .h2_archivage{border-bottom: 3px #CD2122 solid;} .sitemap_title .h2_actualite{border-bottom: 3px #FF6E14 solid;} */ /* plan du site*/ .sitemap_title .h2_presentation{border-bottom: 3px #1a80b6 solid;} .sitemap_title .h2_calcul{border-bottom: 3px #008024 solid;} .sitemap_title .h2_archivage{border-bottom: 3px #CD2122 solid;} .sitemap_title .h2_service{border-bottom: 3px #3FC2DA solid;} /*.sitemap_title .h2_annonce{border-bottom: 3px #FFBA00 solid;} .sitemap_title .h2_formation{border-bottom: 3px #9ACD6B solid;} les 2 sont deplaces */ .sitemap_title .h2_hebergement{border-bottom: 3px #9ACD6B solid;} .sitemap_title .h2_europe{border-bottom: 3px #003399 solid;} .sitemap_title .h2_actualite{border-bottom: 3px #FF6E14 solid;} /*fin plan*/ .sitemap_li ul{margin-bottom: 0px !important;} .content-wrapper ul > li > ul > li:before{content:'-'; position:relative; left:-5px;} /* Styles ajout mimi 12-2015 */ /*cadre gris fonc\E9 */ .tab_tourgris { border:0.5px solid grey !important; } .tab_tourred { border:2px solid red !important; } /*fond de tableau vert */ .fondvert { background-color: #b1e1c7 !important;} .fondrouge { background-color: #fbd3d3 !important;} .fondbleu { background-color: #d3ecfb !important;}