/* Theme Name: ProfitMag Theme URI: http://profitmag.wpgaint.com/ Author: WpGaint Author URI: http://www.wpgaint.com/ Description: ProfitMag is a clean, responsive magazine theme with elegant design suitalbe for bloging, News website. It comes with a highly customizable theme option panel that let you manage the website at an instant. For live preview http://wpgaint.com/wpgiantthemes/profitmag/ Version: 1.06 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: profitmag Tags: black, blue, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, fluid-layout, full-width-template, gray, green, light, one-column, red, responsive-layout, silver, sticky-post, theme-options, threaded-comments, translation-ready, white This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. ProfitMag is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body{ margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block } audio,canvas,progress,video{ display:inline-block; vertical-align:baseline } audio:not([controls]){ display:none;height:0 } [hidden],template{ display:none } a{ background:transparent } a:active,a:hover{ outline:0 } abbr[title]{ border-bottom:1px dotted } b,strong{ font-weight:bold } dfn{ font-style:italic } h1{ font-size:2em;margin:0.67em 0 } mark{ background:#ff0;color:#000 } small{ font-size:80% } sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup{ top:-0.5em } sub{ bottom:-0.25em } img{ border:0 } svg:not(:root){ overflow:hidden } figure{ margin:1em 40px } hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre{ overflow:auto } code,kbd,pre,samp{ font-family:monospace, monospace;font-size:1em } button,input,optgroup,select,textarea{ color:inherit;font:inherit;margin:0 } button{ overflow:visible } button,select{ text-transform:none } button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled]{ cursor:default } button::-moz-focus-inner,input::-moz-focus-inner{ border:0;padding:0 } input{ line-height:normal } input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{ height:auto }input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none } fieldset{ border:1px solid #c0c0c0;margin:0 2px; padding:0.35em 0.625em 0.75em } legend{ border:0;padding:0 } textarea{ overflow:auto } optgroup{ font-weight:bold } table{ border-collapse:collapse; border-spacing:0 } td,th{ padding:0 } /*-------------------------------------------------------------- Menus --------------------------------------------------------------*/ @font-face { font-family: 'robotoregular'; src: url('/fonts/roboto-webfont.eot'); src: url('/fonts/roboto-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto-webfont.woff2') format('woff2'), url('/fonts/roboto-webfont.woff') format('woff'), url('/fonts/roboto-webfont.ttf') format('truetype'), url('/fonts/roboto-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Roboto'; src: url('/fonts/Roboto.ttf') format('truetype'); font-weight:normal; font-style:normal; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a { color: white !important; } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { left: auto; } .main-navigation ul ul li:hover > ul { left: 100%; } .main-navigation .current_page_item a, .main-navigation .current-menu-item a { } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- Widgets --------------------------------------------------------------*/ .widget { width: 220px; float: left; margin-top: 20px; } .widget:first-child { margin-top: 0; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } .textwidget { width: 220px; float: left; } /*-------------------------------------------------------------- Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- Posts and pages --------------------------------------------------------------*/ .sticky { } .hentry { margin: 0 0 1.5em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { } /*-------------------------------------------------------------- Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption {} /****************************************************************************************************************/ /*** For Browser Support ***/ .browsehappy{ background:#555; color:#fff; text-align:center; padding:10px 0; } .browsehappy a{ color:yellowgreen; } /*** UNIVERSAL CSS ***/ .clear{ clear:both; } .clearfix:after, .clearfix:before{ display:table; content:""} .clearfix:after{ clear:both}; .clearfix{*zoom:1} *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} body { background: #eeeeef; color: #000000; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 22px; } .boxed-layout #page { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#999)";/*IE 8*/ -moz-box-shadow: 0px 0px 12px #999;/*FF 3.5+*/ -webkit-box-shadow: 0px 0px 12px #999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/ box-shadow: 0px 0px 12px #999;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#999); /*IE 5.5-7*/ background: none repeat scroll 0 0 #ffffff; margin: 0 auto; width: 1230px; } .wrapper { background: #ffffff; margin:0 auto; padding: 0 20px; width: 960px; } .f-left{ float: left; } .f-right{ float: right; } .t-center{ text-align: center; } a{ color:inherit; text-decoration: none; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } a:hover{ color:#329cda; } p{ margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6{ font-weight: 700; margin: 0 0 16px; } ul{ margin: 0; padding: 0; } figure{ margin: 0; } i.fa{ margin-right: 9px; } /****************************** ADDED BY SHISHTA **********************************/ /*-----------------*\ #HEADER \*-----------------*/ /***** TICKER *****/ .ticker-wrapper.has-js{ background: none; border-radius: 0; height: auto; margin: 0; padding:0; width: 400px; } .ticker{ background: none; height: auto; width: 100%; } .ticker-title, .ticker-content, .ticker-content a{ background: none; color: #ffffff; line-height: 48px; padding: 0 0 0 13px; } .ticker-title{ background: #ca2f1a; line-height: 40px; padding: 0 18px; } .wrapper .ticker-swipe { background: none !important; } .ticker-wrapper.has-js{ font-size: 14px; } .ticker-content{ top: -5px !important; } .ticker-swipe span{ display: none !important; } .ticker-content a:hover{ color: #ca2f1a; text-decoration: none; } /*************************************/ /***** SOCIALS *****/ .socials a{ color: #ffffff; display: inline-block; font-size: 18px; line-height: 36px; margin-left: 12px; } .socials a:first-child{ margin-left: 0; } .socials a:hover{ color:#ca2f1a; } /*************************************/ /***** LOGO & ADDS *****/ .site-branding{ padding: 15px 0 9px; } .site-logo.f-left > a { display: inline-block; } .site-logo.f-left { margin-top: -12px; margin-left: -18px; } .site-logo.f-left:hover { opacity: 0.7; transform: scale(0.99); } .site-logo.f-left img { width: 100%; } .header-ads.f-right { text-align: right; width: 67.5%; } .header-ads.f-right img { width: 100%; } /*************************************/ /***** HEADER-MENU *****/ .slicknav_menu, .responsive-slick-menu{ display: none; } .header-wrapper #site-navigation{ /*background: #5d5d5d;*/ width: 920px; height: 50px; position: relative; } .header-wrapper .desktop-menu .menu{ display: inline-block; float: left; left: 0; position: absolute; top: 0; width: 920px; } .header-wrapper .menu li{ background: repeat-y scroll right top #5d5d5d; border-bottom: 2px solid #329cda; position: relative; height: 50px; /* padding: 0px 19px 0px 20px;*/ width: 12%; border-right: 1px solid #7f7f7f; } .header-wrapper .menu li:first-child{ /*background: #000000;*/ } .header-wrapper .menu li:hover,.header-wrapper .menu li.current-menu-item{ background: #484747; border-bottom: 2px solid #2d2d2d; position: relative; } .header-wrapper .menu li:hover:before,.header-wrapper .menu li.current-menu-item:before{ /* background: #329cda;*/ content: ''; height: 4px; left: 0; position: absolute; top: -4px; width: 100%; } .header-wrapper .menu li a{ color: #f1f1f1; display: block; font-size: 13px; font-weight: normal; line-height: 48px; padding: 0 33px; text-transform: uppercase; text-align: center; } .header-wrapper .search-block{ float: right; margin: 7px 10px; position:relative; width: 188px; display: none; } .header-wrapper .search-block input#s, .widget_search input#s{ border: 1px solid #ca2f1a; color: #000000; font-size: 13px; font-weight: 500; line-height: 31px; height: 31px; padding: 2px 23px 2px 8px; width: 100%; } .header-wrapper .search-block #searchsubmit, .widget_search #searchsubmit{ background: url(/images/search.png) no-repeat; border: none; cursor: transparent; font: 0/0 a; height: 15px; position: absolute; right: 7px; text-shadow:none; top:8px; width: 13px; } /*** SUB-MENU ***/ .header-wrapper .main-navigation ul ul.sub-menu { top: 50px; } .header-wrapper ul.sub-menu li a{ font-size: 14px; } /*** MENU OPTIONS ***/ .header-wrapper .menu-right .menu-main-menu-container{ float: right; left: auto; right: 0; } .header-wrapper .menu-right .menu li{ background-position: left top; } .header-wrapper .menu-right .search-block{ float: left; } /**********************************************************************************/ /**********************************************************************************/ /*-----------------*\ #FOOTER \*-----------------*/ /*** COMMON FOOTER CSS ***/ .site-footer{ background:#131313; } .footer-wrapper{ background: #000000; color: #ffffff; padding: 59px 0 0; } .footer-wrapper a{ color: #ababab; } .footer-wrapper a:hover{ color:#ca2f1a; } .footer-wrapper .border{ border-top: 1px solid #1c1c1c; padding: 20px 0; } .footer-wrapper li{ list-style-type: none; } .red{ color: #ca2f1a; } .footer-wrapper .socials a{ color: #ffffff; } .footer-wrapper .socials a:hover{ color: #ca2f1a; } /***************************************/ .footer-wrapper .top-bottom{ padding: 0 30px; } .footer-wrapper .col{ display: inline-block; margin-left: 79px; vertical-align: top; } .footer-wrapper .widget-title{ border:none; color: #ffffff; font-size: 18px; line-height: 17px; margin: 0 0 10px; text-transform: uppercase; } .footer-wrapper .widget-title span{ border:none; width: auto; } .footer-wrapper .footer1.col{ margin-left: 0; } .footer-wrapper .col li a{ display: block; line-height: 36px; text-transform: uppercase; } #footer-bottom .clear{ display: none; } #footer-bottom .footer-columns{ border-top: 1px solid #1c1c1c; margin-top: 19px; padding: 25px 0; } #footer-bottom .footer-columns .col{ margin-left: 140px; } #footer-bottom .footer-columns .col.footer1 { margin-left: 0px; } #footer-bottom .footer-columns .widget-title{ font-size: 16px; letter-spacing: -1px; } .footer-wrapper .eemail_textbox_class { border: 1px solid #c02d19; border-radius: 0; color: #000000; height: 40px; font-size: 13px; font-weight: 500; line-height: 40px; padding: 5px 30px 5px 5px; width: 100%; } .footer-wrapper .eemail_textbox_button{ color: transparent; font: 0/0 a; text-shadow:none; background: url(/images/mail.png) no-repeat scroll center; border: none; height: 13px; width: 16px; -webkit-appearance:none; } .footer-wrapper .skype{ color:#bdbdbd; } .footer-wrapper .mail{ color:#e17474; } /**********************************************************************************/ /**********************************************************************************/ /*---------------------------*\ #CONTENT-HOMEPAGE \*---------------------------*/ .content-wrapper{ padding-top: 13px; } /*** SLIDER AND FEATURED SECTION ***/ .slider-section { float: left; overflow: hidden; position: relative; width: 480px; } .slider-section .bx-wrapper .bx-viewport{ background: none; border: none; box-shadow: none; left:0; } .slider-section .bx-wrapper li{ cursor: pointer; overflow: hidden; } .slider-section .bx-wrapper img{ float: left; transition: all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; width: 100%; } .slider-section .bx-wrapper img:hover{ transform: scale(1.1); } .slider-section .slider-desc{ background: rgb(0, 0, 0); background: transparent; background: rgba(0, 0, 0, 0.3);/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);/*IE 5.5-7*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000)";/*IE8*/ zoom: 1; bottom: 0; color: #ffffff; left: 0; padding-bottom: 24px; position: absolute; width: 100%; } .slider-section .slide-title a{ color: #ffffff; font: 20px Roboto, sans-serif; line-height: 24px; } .slider-section .slide-caption{ font: 14px Roboto. sans-serif; line-height: 22px; } .slider-section .slide-date { display: inline-block; font-size: 13px; position: absolute; bottom: 12px; left: 17px; } .slider-section .slide-date i{ margin-right: 9px; } .slider-section .bx-controls-direction{ bottom: 107px; position: absolute; right: 10px; } .slider-section .bx-controls-direction a{ background: url(/images/slider-controls.png) no-repeat; color: transparent; display: inline-block; font:0/0 a; height: 30px; left: 0; margin: 0; position: relative; top:0; text-shadow:none; width: 30px; opacity: 0.4; } .slider-section .bx-controls-direction a.bx-next{ background-position: -38px 0; margin-left: 8px; } .slider-details { padding: 15px; } .besides-block{ float: left; width: 440px; } .besides-block .beside-post{ float: left; margin: 0 0 53px 10px; position: relative; width: 210px; } .besides-block .beside-thumb{ margin: 0; overflow: hidden; position: relative; } .besides-block .overlay{ background: rgba(0, 0, 0, 0.4); height: 100%; left: 0; position: absolute; top:0; width: 100%; } .besides-block .beside-post:hover .overlay{ background: rgba(0, 0, 0, 0); } .besides-block .beside-post:hover img{ transform: scale(1.1); } .besides-block .beside-thumb img{ float: left; transition: all 0.5s ease-in-out 0s; height: 130px; width: 240px; } .besides-block .beside-caption{ color: #329cda; padding: 0px 15px; position: absolute; bottom: -50px; left: -14px; width: 100%; } .besides-block .beside-caption .post-title{ font: 16px Roboto, sans-serif; margin: 0; } .besides-block .beside-caption .post-date{ font-size: 12px; line-height: 24px; color: #9da2a8; } .besides-block .beside-caption .post-date i{ font-size: 11px; margin-right: 9px; } /************** END SLIDER ********************/ /***** HOME-CONTENT *****/ #primary{ width: 670px; } .secondary-sidebar{ width: 235px; } /*** RIGHT-SIDEBAR ***/ .right_sidebar #primary{ float: left; position: relative; } .right_sidebar .secondary-sidebar{ float: right; margin-top: 28px; position: relative; z-index: 99999; } /*** LEFT-SIDEBAR ***/ .left_sidebar #primary{ float: right; } .left_sidebar .secondary-sidebar{ float: left; } /*** NO-SIDEBAR ***/ .no_sidebar #primary{ width: 100%; } /*** BOTH-SIDEBAR ***/ .both_sidebar #primary-wrap{ float: left; width: 73%; } .both_sidebar .secondary-sidebar{ float: right; width:25%; } .both_sidebar #primary-wrap .secondary-sidebar{ float: left; width: 32%; } .both_sidebar #primary-wrap #primary{ float: right; width: 65%; } /*** COMMON TITLE ***/ .secondary-sidebar .widget-title, .profitmag_widget_popular_entries .widget-title{ font: bold 18px Century Gothic,sans-serif; margin-bottom: 15px; padding: 12px 0; position: relative; text-transform: uppercase; } .secondary-sidebar .widget-title:before, .profitmag_widget_popular_entries .widget-title:before{ bottom: 0; content: ''; border-bottom: 3px solid #329cda; display: inline-block; left: 0; position: absolute; text-transform: uppercase; width: 100%; } .secondary-sidebar .widget-title span{ display: block; } .block-title{ border-bottom: 3px solid #329cda; line-height: 24px; position: relative; text-transform: uppercase; font: bold 18px Century Gothic; width: 670px; } [class*='bordertitle-']{ /* bottom:0px; border-bottom-width: 7px ; border-bottom-style:solid; display:inline-block; left: 0; position: absolute; text-transform: uppercase; width: 117px; */ } .bordertitle-red{ /* border-bottom-color: #329cda; width: 824px; */ } .feature-main-title{ font: 16px Roboto,sans-serif; margin: 0 0 8px; color: #329cda; } .feature-main-date{ font-size: 12px; line-height: 24px; } /***** SECONDARY-SIDEBAR *****/ .secondary-sidebar .widget-area.sidebar{ padding: 50px 0 50px 15px; margin-top: -7px; background: #f7f7f8; /* Old browsers */ background: -moz-linear-gradient(left, #f7f7f8 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7f7f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f7f7f8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f7f7f8 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f7f7f8 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #f7f7f8 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ border-left: 1px solid #e8eaec; } .secondary-sidebar .widget-area.sidebar img{ float: left; } #sidebar-section-ads-one, #sidebar-section-ads-two, #sidebar-section-mid-ads, #sidebar-section-side-mid{ background: none; padding:0; } .secondary-sidebar .widget-area.sidebar li, .featured-post-sidebar{ border-bottom: 1px solid #d9d9d9; list-style-type: none; margin-bottom: 15px; padding-bottom: 15px; } .view-all-link a{ border: 2px solid #ca2f1a; color: #329cda; display: inline-block; font-size: 13px; font-weight: 700; float: right; height: 30px; line-height: 26px; text-align: center; text-transform: uppercase; width: 79px; } .view-all-link a:hover{ background: #ca2f1a; color: #ffffff; } /*** RECENT POST ***/ .profitmag_widget_recent_entries .widget-image{ float: left; margin: 0 5% 0 0 ; width: 35%; } .profitmag_widget_recent_entries a{ display: inline-block; font-size: 13px; font-weight: 700; line-height: 20px; float: left; width: 60%; } /*** FEATURED POST ***/ .featured-post-sidebar .post-thumb{ margin-bottom: 12px; } .featured-post-sidebar .post-date{ font-size: 12px; line-height: 24px; } .featured-post-sidebar h3{ font-size: 16px; line-height: 24px; margin: 0; } .featured-post-sidebar .side-excerpt{ font-size: 14px; line-height: 22px; margin: 10px 0 0 0; } /*** PHOTO GALLERY ***/ .photogallery-wrap{ margin-left: -11px; } .photogallery-wrap .nivolight{ display: inline-block; float: left; margin:0 0 15px 11px; width: 29%; } /*** FACEBOOK SECTION ***/ #sidebar-section-side-mid .fb_iframe_widget{ border:1px solid #000000; } /********** END SECONDARY SIDEBAR **************/ /***** PRIMARY-CONTENT *****/ .featured-post{ float: left; margin:0 0 16px 20px; border-bottom: 1px dashed #b1b1b1; padding-bottom: 21px; } .featured-post .post-thumb { margin-bottom: 12px; } .featured-post .post-thumb img{ float: left; width: 210px; height: 130px; } .featured-post .post-desc h3{ font: 24px Roboto,sans-serif; margin-bottom: 12px; margin-top: 5px; color: #329cda; width: 206px; } .featured-post .post-desc .post-date{ font-size: 13px; line-height: 18px; width: 206px; } /****************************************/ .mid-section-ads img{ width: 100%; } /*---------------------------*\ #WIDGETS \*---------------------------*/ /*** WIDGET-SEARCH ***/ .widget_search{ position: relative; width: 100%; } /*** CALENDER ***/ #calendar_wrap #wp-calendar { width: 100%; } #calendar_wrap #wp-calendar caption { font-size: 13px; font-weight: 700; padding: 15px 0; text-align: center; text-transform: uppercase; } #calendar_wrap table, #calendar_wrap th, #calendar_wrap td, #calendar_wrap tr { border: 1px solid rgba(0, 0, 0, 0.03); border-collapse: collapse; padding: 3px; } #calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td { border: 1px solid rgba(0, 0, 0, 0.03); text-align: center; } #calendar_wrap th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03); line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today a { background: none repeat scroll 0 0 #ca2f1a; color: #fff; } /*** ERROR404 ***/ .error404 #primary{ text-align: center; width: 100%; } .error404 #primary .not-found{ min-height: 400px; padding-top: 100px; } /**********************************************************************************/ /**********************************************************************************/ /*added by sadima*/ .home-featured-block.block-3 { margin: 0 0 15px; } .featured-post-three { float: left; margin: 0 2% 10px 0; min-height:136px;/*160px*/ width: 18%; } .featured-post-three .feature-main-title { font-size: 14px; } .featured-excerpt-block { padding: 0 0 0 16px; border-bottom: 1px solid #d9d9d9; } .post-main-thumb{ width:58%;/*488px*/ float:left; } .post-main-desc{ width:42%;/*350px*/ float:right; padding:0 0 0 20px; } .featured-post-main { margin: 0 0 15px; } .featured-excerpt-block .featured-post{ width:50%; margin:0 0 15px 0; } .post-thumb-small { width:24%; /*100px*/ float: left; } .featured-post .post-main-desc{ padding: 0 0 0 14px; width:71%; /*297px*/ float: left; } .featured-excerpt-block .featured-post-main .post-main-desc h3 { font-size: 16px; line-height: 24px; margin: 0; } .featured-excerpt-block .featured-post .post-main-desc h3 { font-size: 14px; margin:0; } .featured-excerpt-block .featured-post-main .post-excerpt { font-size: 14px; line-height: 22px; } .featured-excerpt-block .featured-post .post-excerpt { font-size: 13px; } .single-col{ margin: 0; } .home-featured-block-single-col { float: left; width:325px; /*412px*/ margin: 0 0 0 20px; } .home-featured-block-single-col:first-child { margin-left: 0; } .featured-post-block-coltype .post-desc p{ font-size:13px; line-height:17px; } .featured-post-block-coltype .post-thumb-mini { float: left; height:auto; /*115px*/ width: 129px;/*175px*/ } .featured-post-block-coltype .post-thumb-mini.clearfix img { float: left; width: 129px; height: 80px; border: 1px solid #e4e7ea; } .featured-post-block-coltype .post-desc { float: left; padding: 0 0 0 10px; width: 186px;/*235px*/ height: 156px; box-sizing: border-box; } .featured-post-block-coltype{ margin: 0 0 20px; border-bottom: 1px dashed #B1B1B1; height: 165px; } .popular-widget-area li{ list-style-type:none; } .home-featured-block.popular-widget-area { margin-top: 0 !important; } .popular-widget-area li { float: left; list-style-type: none; margin: 0 0 0 16px; width: 193px; } .top-menu-1st ul { margin: 0 0 0 -16px; } .profitmag_widget_popular_entries li .post-desc{ font-size:16px; font-weight:700; margin:12px 0 0; } .profitmag_widget_popular_entries li .popular-image img{ float: left; width: 100%; } .home-media-gallery .block-title { margin-left:16px; } .gallery-block{ background-color:#f7f7f7; padding: 16px 18px 40px 18px; } #gallery-slider { margin: 0 0 9px; } .slides > li { list-style-type: none; } .slides > li img{ width: 100%; } #gallery-carousel .slides li { margin: 0 8px; width: 73px !important; float:left; list-style-type:none; } #gallery-carousel li img { border:1px solid #545455; } #gallery-carousel { width:100%;/*818px*/ } #gallery-carousel li.flex-active-slide img,#gallery-carousel li:hover img{ border:1px solid #0c70b6; } #gallery-carousel li:hover { cursor:pointer; } #gallery-carousel .flex-viewport{ overflow:inherit !important; } #gallery-carousel .slides { /*width: 808px;*/ height:45px; } #gallery-carousel .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: none repeat scroll 0 0 #101010; } #gallery-carousel .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { height: 6px; margin: 6px 0; } #gallery-carousel .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 6px auto; } #gallery-carousel .mCSB_scrollTools .mCSB_draggerContainer { border: medium none; } #gallery-carousel .mCSB_scrollTools .mCSB_draggerRail { background: none repeat scroll 0 0 #989696; } #gallery-carousel .mCSB_container{ background-color:#4a4a4a; padding: 10px 5px 5px; } .eemail_button { bottom: 4px; padding-bottom: 10px; position: absolute; right: 11px; } .eemail_widget > div { position: relative; } .col .eemail_textbox { padding-bottom: 0; } #text-5 { padding: 0; } /***************************inner pages****************************************/ .single-thumb { float: left; width:66%; /*563px*/ } .single-thumb > img { width: 100%; } .posted-on,.cat-links,.comments-link,.edit-link { font-size: 14px; } .posted-on a,.cat-links a,.comments-link a,.edit-link a { color: #7c7c7c; } .posted-on a:hover,.cat-links a:hover,.comments-link a:hover,.edit-link a:hover{ color:#329cda; } .related-post { border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; float: right; padding: 0 0 20px 14px; width: 32%;/*275px*/ } .related-post li { border-bottom: 1px solid #e3e3e3; font-size: 14px; list-style-type: none; padding: 13px 0 12px; } .single .entry-content{ color:#7c7c7c; font-size:14px; line-height:22px; padding:0 0 10px 0; } .comment-reply-title,.comments-title{ border-bottom: 1px solid #d9d9d9; font-size: 16px; font-weight: 500; line-height: 48px; margin-bottom: 15px; position: relative; text-transform: uppercase; } .comment-form input { border: 1px solid #d9d9d9; color: #b8b8b8; font-size: 14px; padding: 10px; width: 313px; } .comment-form-author input,.comment-form-email input{ float:left; margin: 0 0 16px; } .comment-form-author input{ margin: 0 29px 16px 0; } .comment-form-url input{ clear:both; width:655px; } .comment-form textarea{ width:77%display: block;; border: 1px solid #d9d9d9; resize:none; color: #b8b8b8; font-size: 14px; padding: 10px; } .comment-form .form-submit input, .read-more{ border: 2px solid #ca2f1a; color: #ca2f1a; font-size: 13px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 26px; padding:4px 10px; background-color:#fff; width:auto; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } .comment-form .form-submit input:hover,.read-more:hover{ background-color:#ca2f1a; color:#fff; } .comment-list{ margin: 0 0 20px 0; } .comment-list li { color: #7c7c7c; font-size: 13px; list-style-type: none; clear: both; padding: 0 0 20px; border-bottom:1px solid #e5e5e5; margin: 0 0 20px; } .comment-author img { float: left; margin: 0 20px 0 0; } .fn { font-size: 16px; font-style: normal; font-weight: 700; color: #000; } .fa.fa-thumbs-up,.fa.fa-thumbs-down { font-size: 18px; } .fa.fa-thumbs-up { margin: 0; } .fa.fa-clock-o { font-size: 14px; margin-right: 3px; } article.post .entry-footer { clear: both; } article.post .entry-header { margin: 0 0 10px; } article.post .entry-header .entry-title { font-size: 20px; margin: 0 0 10px; } article.post .entry-content { font-size: 13px; margin: 0; } article.post .post-thumb { float: left; margin: 0 2% 10px 0; width: 24%; } .post-thumb img { width: 100%; } article.post{ border-bottom:1px solid #e5e5e5; padding: 0 0 10px; } article.post .entry-content{ float: left; width: 72%; } .comments-link,.edit-link{ border-left: 1px solid #ccc; margin-left: 12px; padding-left: 10px; } article.post .read-more { display: block; float: right; margin-bottom: 16px; } .page-numbers{ border: 2px solid #ca2f1a; color: #ca2f1a; display: block; float: left; font-size: 12px; font-weight: 700; height: 20px; text-align: center; text-transform: uppercase; line-height: 16px; margin: 0 0 20px 10px; padding:0; background-color:#fff; width:20px; transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; } .page-numbers:hover, .page-numbers.current{ background-color: #ca2f1a; color: #fff; } .single article.post .entry-content{ width: 100%; } .top-menu { width: 100%; height: 40px; background: #329cda; } .top-right-menu { width: 960px; height: 40px; margin: 0 auto; background: #329cda; } .top-menu-1st { list-style: outside none none; float: right; height: 40px; margin-right: -1px; } .top-menu-1st a{ padding: 14px 21px; font: bold 11px sans-serif; } .top-menu-1st li { float: right; margin-top: 9px; color: white; text-decoration: underline; } .top-menu-1st a:hover { color: #329cda; background-color: white; text-decoration: underline; } #menu-item-38 { background-color: #329cda; width: 55px; height: 50px; position: relative; border:none; } #menu-item-38 a { padding: 0px 0px; } #menu-item-38:hover { background-color: #53b7f1; } .site-branding.clearfix { height: 86px; } #after-logo p { width: 165px; float: left; font: bold 13px/18px Roboto, sans-serif; margin-top: 13px; color: #595959; line-height: 18px; } #search-form { float: right; margin-top: 12px; position: relative; } #search-field { width: 350px; height: 34px; padding-left: 10px; font-size: 11px; } #search-field:focus { border: 2px solid #329cda; } #search-buttom { position: absolute; top: 2px; right: 3px; width: 28px; height: 30px; background-image: url("/images/search.png"); background-repeat: no-repeat; background-position: center; background-color: #329cda; border: none; } #search-buttom:hover { opacity: 0.8; } #menu-item-37 { } #menu-item-36 { width: 15%; } #menu-item-34 { width: 12%; } #menu-item-33 { width: 22%; } #menu-item-266 { width: 21%; } .featured-post.clearfix:first-child { margin-left: 0px; } .home-featured-block-single-col .block-title { width: 325px; } #button-news { color: rgb(50, 156, 218); background-color: white; border: 2px solid; width: 110px; height: 30px; position: relative; z-index: 999; display: block; text-align: center; line-height: 30px; margin-left: 55px; } #button-news:hover { background-color: #329cda; color:white; } #pop-buy { color: #329CDA; background-color: #FFF; border: 2px solid; width: 60px; height: 30px; margin: 12px 0 3px 79px; position: absolute; top: 35px; right: 0; text-align: center; line-height: 30px; } #pop-buy:hover { background-color: #329cda; color:white; } .sidebar-pop-items-nth { height: 90px; width: 220px; position: relative; border-bottom: 1px dashed #b1b1b1; } .sidebar-pop-items-nth img { width: 64px !important; height: 64px !important; border: 1px solid #e6e9ec; } .sidebar-pop-items-nth:first-child {} .pop-item-ins { float:right; height:45px; width:156px; padding: 0px 0 0 10px; font: 13px Roboto,sans-serif; } .pop-price { position: absolute; top: 52px; font-size: 16px; right: 65px } #footer-bot { width:100%; border-top: 6px solid #329cda; /* background-color:rgb(93, 93, 93); background-image: url("/images/footer-img.png"); background-position: bottom; background-repeat: no-repeat;*/ background: rgb(93, 93, 93) url("/images/footer-img.png") bottom no-repeat; background-size: 2258px 281px; } #footer-main { width:960px; height:350px; margin:0 auto; position:relative; } #footer-main p { position:absolute; left:20px; color:#7a7b7c; bottom: 6px; } #artweb-logo a { color: #bababb; position:absolute; bottom:21px; right:20px; } #artweb-logo:hover { opacity:0.9; } #artweb-logo a:hover { color:#bdbebf; } #footer-menu { list-style:outside none none; position:absolute; right:20px; float:right; top:74px; font-size:11px; color:rgb(168, 168, 169); line-height: 20px; } #footer-menu li { text-align:right; text-decoration:underline; } #footer-menu li a:hover { color:#329cda; text-decoration:underline; } .social-widgets { height:40px; width:40px; border-radius:50%; color:white; background-color:#696b6d; float:left; text-align:center; margin: 30px 15px 0 0; cursor:pointer; } #vk { font: bold 23px Tahoma; padding: 5px 0 0 0; } #vk:hover { background-color:#6996c7; } #fb { font: bold 25px sans-serif; padding: 5px 0 0 0; } #fb:hover { background-color:#1600eb; } #twit { padding: 10px 0 0 0; } #twit:hover { background-color:#6556f3; } #goog { padding: 11px 0 0 4px; } #goog:hover { background-color:#db2626; } .social-main-widgets { width: 240px; height: 200px; background-color: white; position: absolute; top: 80px; left: 20px; border: 1px solid #e4e7ea; } .footer-kite { width: 195px; height: 64px; float: left; margin-bottom: 20px; } .footer-kite a{ margin-left: 2px; color: #eaeaea; } .footer-kite p { float:right; } .footer-kite-img { float:left; } .footer-kite-img p { position: absolute !important; top: 0; left: 103px !important; width: 100px; color: #eaeaea !important; line-height: 17px; } .footer-kite-img img { width: 86px; height: 64px; border: 1px solid #e4e7ea; } .footer-kite.two { position:absolute; left:510px; top:80px; } .footer-kite.three { position:absolute; top: 157px; left: 300px; } .footer-kite.four { position:absolute; top: 157px; left: 510px; } #din-drive { width: 400px; position: absolute !important; top: 235px; left: 300px !important; color: #eaeaea !important; font: 13px Roboto,sans-serif; } #extreme { position: absolute; top: 80px; right: 158px; } .footer-kite:hover { opacity:0.8; } #extreme:hover { opacity:0.8; } .sidebar-pop-items-nth:hover { opacity:0.8; } .sidebar-trips-nth:hover { opacity:0.8; } .featured-post-block-coltype:hover { opacity:0.8; } .featured-post-block-coltype a:hover { color:black; } .sidebar-news-nth:hover { opacity:0.8; } .featured-post:hover { opacity:0.8; } .featured-post a:hover { color:black; } .home-featured-block.popular-widget-area.clearfix img { width: 670px; height: 246px; } .besides-block .beside-post:hover { opacity:0.8; } .ukraine:hover { opacity:0.8; } .kite-cabrina:hover { opacity:0.8; } #testimonial_slider_2_wrap .testimonial_quote { background:none !important; } #testimonial_slider_2_wrap .testimonial_slideri { padding:0px !important; height: 230px !important; } #testimonial_slider_2_wrap .testimonial_avatar img { width:670px !important; height:230px !important; } #testimonial_slider_2_wrap .testimonial_by_wrap { width:114% !important; } #testimonial_slider_2_wrap .testimonial_wrapper { height: 230px !important; } #testimonial_slider_2_wrap .testimonial_nav_arrow_wrap { display:block !important; } #testimonial_slider_2_wrap a.testimonial_next { right: 15px !important; bottom: 15px !important; width: 22px !important; height: 22px !important; opacity:0.6 !important; } #testimonial_slider_2_wrap a.testimonial_prev { left: 602px !important; bottom: 15px !important; width: 22px !important; height: 22px !important; opacity: 0.6 !important; } #testimonial_slider_3_wrap .testimonial_quote { background:none !important; } #testimonial_slider_3_wrap .testimonial_slideri { padding:0px !important; height: 180px !important; } #testimonial_slider_3_wrap .testimonial_avatar img { width:270px !important; height:180px !important; } #testimonial_slider_3_wrap .testimonial_by_wrap { width:114% !important; } #testimonial_slider_3_wrap .testimonial_wrapper { height: 180px !important; } #testimonial_slider_3_wrap .testimonial_nav_arrow_wrap { display:block !important; } #testimonial_slider_3_wrap a.testimonial_next { right: 10px !important; bottom: 10px !important; width: 22px !important; height: 22px !important; opacity:0.6 !important; } #testimonial_slider_3_wrap a.testimonial_prev { left: 158px !important; bottom: 10px !important; width: 22px !important; height: 22px !important; opacity: 0.6 !important; } /********new************/ #page { width: 960px; margin: 0 auto; overflow: hidden; position:relative; } .testimonial_slider__default .testimonial_by_wrap .testimonial_avatar img { padding: 0 !important; } .testimonial_wrapper { width: 670px !important; } .ukraine, .ukraine img { width: 220px !important; height: 154px !important; } .sidebar-news {width: 220px; float: left;} .sidebar-news a { margin-top: 20px; } .sidebar-news a:first-child { margin-top: 0; } .textwidget a { float: left; cursor: pointer; z-index: 99999; position: relative; } .sidebar-news-nth { width: 220px !important; margin: 0 !important; height: auto !important; } .sidebar-news-nth img { width: 100px !important; height: 64px !important; } .sidebar-news-nth > div { width: 120px !important; padding: 0 0 0 10px !important; line-height: 16px; height: auto !important; } .post-date {padding: 0 !important;} #text-4 { margin-top: 30px; } #text-4 > .textwidget { height: 154px; } .kite-cabrina, .kite-cabrina img { width: 220px !important; height: 154px !important; } .sidebar-trips-nth { height: 64px !important; width: 220px !important; float: left !important; overflow: hidden !important; margin: 0 !important; } .sidebar-trips-nth img { width: 100px !important; height: 64px !important; } .sidebar-trips-nth > div { width: 120px !important; height: 64px !important; float: left !important; line-height: 16px !important; padding: 0px 0 5px 10px !important; } .sidebar-trips a {margin-top: 20px;} .sidebar-trips a:first-child {margin-top: 0px;} .sidebar-pop-items a { margin-top: 20px; } .sidebar-pop-items a:first-child { margin-top: 0; } .execphpwidget { width: 220px; } .testimonial_slider_set2.testimonial_slider { width: 220px !important; max-width: 220px !important; } .ukraine a img { margin: 0 !important; } .home-featured-block { margin-top: 48px; } .block-4 { margin-top: 4px !important; } .single-col { margin-top: 20px; } .social-widgets:first-child { margin-left: 20px; } #artweb-logo a img { margin-left: 10px; } #gray-bg-wr { width: 960px; left: -20px; height: 50px; margin-top: 20px; position: absolute; border-top: 1px solid #e8eaec; } #gray-bg { width: 710px; height: 50px; background: #eff0f2; /* Old browsers */ background: -moz-linear-gradient(top, #eff0f2 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eff0f2 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eff0f2 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /********new************/ .remove_otel_meta { background-color: red !important; color: white !important; padding: 5px !important; font-size: 12px !important; border-radius: 4px !important; } .spots.type-spots.status-publish.hentry, .schools.type-schools.status-publish.hentry, .trips.type-trips.status-publish.hentry { font-size: 16px; color: rgb(50, 156, 218); font-family: "Roboto"; } #home-content {float: left;} .widget-wrapp-block, .widget-vk { width: 278px; height: 220px; } .socseti { margin-right: 10px; cursor: pointer; transition: 0.5s; width: 36px; height: 36px; } .widget-soc { width: 278px; height: 36px; position: absolute; left: 0; top: 18px; } .widget-wrapp-block { position: absolute; left: 10px; top: 70px; } ._1drm._1ds4 { background: red !important; } .correct_index_display_block{ margin-left: 0px; float: none; } .correct_index_display_block:after{ content: " "; display: block; height: 0px; width: 0px; clear: both; } .kite-wrap-pages-all{ background: #ffffff; } .kite-wrap-pages-all:after{ content: " "; display: block; height: 0px; width: 0px; clear: both; } .my_margin{ margin-left: -20px; } .stars_block{ width: 110px; vertical-align: baseline; } .soc-img{ margin-left: 10px; } .kite-breadcrumbs-block { width: 920px; float: left; height: 50px; margin-left: 20px; } #breadcrumbs { color: #5d5d5d; line-height: 50px; font-size: 12px; font-family:'Roboto'; } #breadcrumbs a { color: #5d5d5d; text-decoration: underline; transition: 0.3s; } #breadcrumbs a:hover { color: #9d9d9d; transition: 0.3s; } #breadcrumbs span.raquo { display: none; } #breadcrumbs div:after { content: "\203A"; color: #329cda; text-decoration: none; } .breadcrumb{ background-color: #ffffff; } .footer-kite-block{ position: absolute; width: 400px; height: 200px; left: 300px; top: 70px; } #gallery{ list-style: none; } #gallery:after{ content: " "; display: block; height: 0px; width: 0px; clear: both; } #gallery li{ float: left; margin:7px; } #gallery a{ margin-bottom: 0px; } .thumbnail{ padding: 0px; border: none; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li{ display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .post-desc{ width: 670px; } .event-slider{ height: 316px !important; } .event-slider .bx-controls-direction{ bottom: 5px !important; } .block-title-kites-prgnz{ border-bottom: 3px solid #329cda; line-height: 24px; text-transform: uppercase; font: bold 18px Century Gothic; width: 920px; margin-top: 20px; } .block-title-kites-prgnz#title{ float: left; } #clear{ clear:both; }