/**handles:husamjandals**/ /* Theme Name: Husam Jandal Theme URI: https://www.husamjandal.com Description: Author: Levitar Author URI: Levitar.ca Version: 1.0 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: husamjandal */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .home #breadcrumbs { display: none } body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { clear: none; margin-bottom: 10px; margin-top: 30px } #forbottom { border-bottom: 1px solid #ccc } #content .entry-content h1 { font-size: 40px; } #content .entry-content h2 { font-size: 34px; } #content .entry-content h3 { font-size: 26px; } #content .entry-content h4 { font-size: 22px; } #content .entry-content h5 { font-size: 18px; } #content .entry-content h6 { font-size: 16px; } .entry-content blockquote { display: table; position: relative; padding-left: 2em; margin: 30px auto; width: auto; font-style: italic; clear: both; float: none; border-left: 3px solid #0d70b8; font-family: 'Playfair Display'; } #content blockquote cite { font-family: 'Montserrat'; font-size: 14px; color: #666; font-style: normal } #content blockquote cite:before { content: "- " } #content blockquote p { margin-bottom: 0; font-size: 1.2em; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* = Gutenberg -------------------------------------------------------------- */ .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts { padding: 0; list-style: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 2em; font-size: 1.2em; } .aligncenter[class^='wp-block']:not([class^='wp-block-cover']) { display: table; } .wp-block-separator { max-width: 25%; } .wp-block-separator.is-style-wide { max-width: 100%; } .wp-block-separator.is-style-dots::before { color: inherit; } .wp-block-button { transition: .2s opacity; } .wp-block-button:hover { opacity: 0.85; } /* =Layout -------------------------------------------------------------- */ #container { float: none; margin: 0; width: 100%; } #content { margin-bottom: 0; } .sidey { display: block; float: left; } #footer { clear: both; width: 100%; } /* =Fonts -------------------------------------------------------------- */ pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } .entry-content pre { border-left: 10px solid; padding: 1.3em; white-space: nowrap; line-height: 1.5; overflow: auto; } .entry-content code { } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ div.menu, #colophon, #branding, #main, #header { margin: 0 auto; } #forbottom { clear: both; display: block; margin: 0 auto; padding: 80px 0; min-height: 400px; } #masthead { background-position: 50% top; background-repeat: repeat-x; } #branding { display: block; clear: both; padding: 0; position: relative; overflow: hidden; margin: 0 auto; z-index: 345678 } a#logo { display: inline; height: 100%; } a#logo img { max-width: 230px } #linky { background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='); display: block; width: 100%; height: 100%; } /* Structure the footer area */ #footer-widget-area { overflow: hidden; } .footerfour .widget-area { float: left; margin-right: 2%; width: 23.5%; } .footerthree .widget-area { float: left; margin-right: 2%; width: 32%; } .footertwo .widget-area { float: left; margin-right: 2%; width: 49%; } .footerone .widget-area { float: left; width: 100%; } .footertwo #second, .footerthree #third, .footerfour #forth { margin-right: 0; } #footer-widget-area #fourth { margin-right: 0; } #site-generator { float: right; width: 220px; } /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ html { font-size: 14px; line-height: 1.2; } hr { border: 1px solid transparent; clear: both; height: 1px; } /* Text elements */ .entry-content ul { margin-left: 1.6em; } .entry-content ul[class^='wp-block'], .entry-content [class^='wp-block'] ul { margin-left: 0; } .entry-content ul li, .entry-content ol li { padding: 2px 0; } .entry-content ul { list-style-type: disc; } .entry-content ol > li { text-indent: 0; } .entry-content li li { margin-left: 1em; } ol { list-style-type: decimal; margin-left: 1.8em; } ol ol { list-style-type: upper-alpha; } ol ol ol { list-style-type: lower-roman; } ol ol ol ol { list-style-type: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { text-decoration: none; } pre { line-height: 1.5; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted transparent; cursor: help; } sup, sub { position: relative; height: 0; line-height: 1; } textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] { max-width: 100%; border: 1px solid transparent; padding: 20px; background: transparent; -webkit-transition: background-color .2s; transition: background-color .2s; border-radius: 0px; font-size: 14px; font-family: inherit; } #header-widget-area .yoyo li .woocommerce-product-search button { display: none } #header-widget-area .yoyo #custom_html-2 { display: block; } input[type="submit"], input[type="reset"], button { border: 1px solid transparent; padding: 10px 15px; cursor: pointer; font-size: .9em; } input[type="file"] { font-size: initial; } input:focus, textarea:focus { outline: none; } select option { padding: .25em; } select optgroup, select option { font-family: inherit; } input::-moz-focus-inner { /*Remove button padding in FF*/ border: 0; padding: 0; } a:link, a:visited { text-decoration: none; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute; left: -9000px; } /* =Header -------------------------------------------------------------- */ #header { background: none; } #site-title { float: left; font-size: 32px; line-height: 1.1; } #site-title a { text-decoration: none; display: block; font-weight: 300; padding: 5px 0; } #site-description { display: inline; float: left; font-size: 1.2em; line-height: 1.5; clear: both; font-weight: 300; } #bg_image { display: block; margin: 0 auto; } #header-container { display: block; position: relative; float: none; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; height: auto; } .additional_info_top { padding-left: 10px; font-size: 13px; position: relative; margin-left: 20px; text-align: left; display: inline-block; } .call { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/call.png) no-repeat 0px 4px; padding-left: 25px; } .email { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/email.png) no-repeat 0px 4px; padding-left: 25px; } .f-left { float: left; } #branding #bg_image + #header-container { position: absolute; } #header:after { content: ""; display: table; clear: both; } /* Header widget area -------------------------------------------------------------- */ #header-widget-area { display: block; float: right; height: 100%; width: 50%; z-index: 251; text-align: right } #search-icon .yoyo > li { display: inline-block; margin-right: 30px } /* =Menu -PRIMARY -------------------------------------------------------------- */ #nav-toggle { display: none; } #access { display: block; float: right; width: auto; margin-top: 20px; } #access ul { line-height: 1.6; } .link-highlight { border-radius: 50px; background-color: #fff } .link-highlight a { color: #000 !important; font-weight: 700; } #access ul li.current_page_item a, .footermenu ul li.current_page_item a, #access ul li.current-menu-item a { color: #0d70b8 !important } #access a { display: block; text-decoration: none; font-size: 14px; padding: 10px 20px; text-transform: uppercase; font-weight: 600; border-radius: 50px; } #access > .menu > ul { margin-left: -10px; } #access > .menu > ul li > a:not(:only-child):after { font-family: "Elusive"; content: '\e80a'; position: absolute; right: 9px; top: 16px; z-index: 5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #access > .menu > ul ul > li a:not(:only-child):after { top: 11px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #access > .menu li a:not(:only-child) { padding-right: 18px; } #access > .menu > ul > li:hover > a:not(:only-child):after { top: 20px; filter: alpha(opacity=0); opacity: 0; } #access > .menu > ul ul > li:hover > a:not(:only-child):after { right: -20px; opacity: 0; filter: alpha(opacity=0); } #access > .menu > ul > li > a:not(:only-child) { padding-right: 24px; } #access ul li { position: relative; display: block; float: left; white-space: nowrap; border-radius: 50px; } #access ul ul { display: none; position: absolute; clear: both; z-index: 260; margin-left: 0; min-width: 125%; } #access ul ul li { /* level 2 */ display: table; position: relative; margin: 0; width: 100%; /* submenu width fix */ float: left; clear: both; } #access ul ul li:last-child { } #access ul ul ul li:last-child { } #access ul ul li a span { padding: 15px 18px; } #access ul ul ul { position: absolute; left: 100%; top: 0; margin: 0; min-width: 150px; } #access ul ul ul li { /* level 3 */ width: 100%; display: block; float: none; } #access ul ul ul ul li { /* level 4 */ } #access ul ul a, #access ul ul ul a { display: table; float: none; min-width: 150px; width: 100%; } #access ul ul li:hover, #access ul ul ul li:hover { } #access li, #access ul ul li { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #access ul ul :hover > a { } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current-menu-item > a { } #access ul ul li.current_page_item, #access ul ul li.current-menu-ancestor, #access ul ul li.current-menu-item, #access ul ul li.current-menu-parent { } #access ul li.current_page_item a, #access ul li.current-menu-ancestor a, #access ul li.current-menu-item a, #access ul li.current-menu-parent a, #access ul li a:hover { } #access ul li a:hover { background-color: #0d70b8; color: #ffffff !important } #access ul ul li.current_page_item a:hover { color: #fff } .nirvana-menu-center #access > .menu { display: table; margin: 0 auto; float: none; } .nirvana-menu-center #access > .menu { text-align: center; } .nirvana-menu-center #access > .menu > ul > li > a > span { text-align: center; } .nirvana-menu-center #access > .menu > ul > li { display: inline-block; float: initial; vertical-align: middle; } .nirvana-menu-center #access > .menu > ul > * { text-align: initial; } .nirvana-menu-center #access > .menu > ul > li.menu-main-search { margin-top: 0; } .nirvana-menu-right #access ul.menu { float: right; } .nirvana-menu-right #nav-toggle { text-align: right; } .nirvana-menu-rightmulti #access ul li { float: right; } .nirvana-menu-rightmulti #nav-toggle { text-align: right; } .nirvana-menu-left #nav-toggle { text-align: left; } /* =Menu -SECONDARY -------------------------------------------------------------- */ .topmenu { display: inline; float: right; width: auto; } .topmenu ul { margin-top: 7px; } .topmenu ul li { display: block; float: left; line-height: 2.2; } .topmenu ul li a { display: block; margin: 0 3px; padding: 0 10px; letter-spacing: .4px; font-size: 12px; text-transform: uppercase; border-radius: 2px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .footermenu { padding: 0 20px 0 0; display: table; margin: 0 20px 0 auto; } .footermenu > ul { float: left; } .footermenu ul li { display: block; float: left; margin: 5px; text-align: center; white-space: nowrap; border: 1px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .footermenu ul li a { display: block; padding: 5px 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; } .footermenu ul .link-highlight a { font-weight: 400 } /* =TOP BAR ------------------ */ #topbar { display: none; height: 42px; width: 100%; border-bottom: 1px solid transparent; position: relative; z-index: 270; -webkit-transition: .2s opacity; transition: .2s opacity; } #topbar:hover { /* FOR FIXED TOPBAR */ filter: alpha(opacity=100); opacity: 1; } #topbar-inner { display: block; margin: 0 auto; } body.nirvana-topbarfull #topbar-inner { max-width: 95%; } body.nirvana-topbarhide #topbar { display: none; } body.nirvana-topbarfixed #topbar { position: fixed; top: 0; z-index: 300; opacity: 0.8; } body.nirvana-topbarfixed #header-full { margin-top: 42px; } body.nirvana-topbarfixed.admin-bar #topbar { top: 32px; } /* =Content -------------------------------------------------------------- */ #main { clear: both; padding: 0; margin-top: 20px; } #content { font-size: inherit; line-height: inherit; } .entry-meta a, .widget-container a, .footer2 a { border-bottom: 1px dotted transparent; -webkit-transition: .25s ease all; transition: .25s ease all; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 1em; line-height: 1.5; overflow: auto; font-family: "Courier New", Courier, monospace; } #content code { font-size: .9em; } #content dt, #content th { } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { line-height: 1.5; margin: 20px 0 0; } #content table { border: 0; margin: 0 0px 24px 0; text-align: left; width: 100%; vertical-align: top; } #content tr { vertical-align: top; } #content .alternate { } #content tr th, #content thead th { padding: 9px 24px; font-weight: 600; } #content tr td { /*border-top: 1px solid transparent;*/ padding: 6px 24px; } #content tr td:last-child, #content tr th:last-child { border-right: none; } #content tr.odd td { } .page-header { display: block; float: none; padding: 10px 0px; } body:not(.author) .page-header { margin-bottom: 26px; } .page-header .category-archive-meta { padding-top: 5px; } .page-title { font-weight: 300; line-height: 1.2; display: block; border-bottom: 1px solid transparent; } .page-title-text { display: inline-block; border-bottom: 1px solid transparent; padding: 3px 0 3px 6px; margin-bottom: -1px; } .page-title span { font-size: 1em; font-style: italic; font-weight: normal; display: inline-block; margin-bottom: -4px; padding: 6px; border-bottom: 1px solid transparent; } .page-title a:link, .page-title a:visited { text-decoration: none; } .page-title a:active, .page-title a:hover { } body:not(.author) .taxonomy-description { padding: 14px 7px; } #content .entry-title { font-weight: 300; line-height: 1.2; padding: 0; margin: 0; word-wrap: break-word; } .entry-title a { font-weight: 300; } .entry-title a:link, .entry-title a:visited { color: inherit; text-decoration: none; } .entry-title a:active, .entry-title a:hover { } .entry-meta { display: none; font-size: 12px; clear: both; overflow: hidden; border-bottom: 1px solid transparent; border-top: 1px solid transparent; margin: 4px 0 20px 0; padding: 7px 4px; } h1.entry-title + .entry-meta { margin-bottom: 30px; } div > footer.entry-meta { border: 0; } .entry-meta span, .entry-utility span { display: block; float: left; line-height: 28px; margin-right: 15px; font-size: 16px; } .entry-meta span a { font-size: 16px; } .entry-meta time.updated { display: none; } .entry-utility { clear: both; font-size: 16px; } .footer-tags { display: block; float: left; font-size: 16px; } .entry-utility span.bl_bookmark { float: none; display: inline; padding: 0; } .comments-link { float: right; line-height: 28px; } .comments-link * { font-size: 15px; } .comments-link b { font-weight: normal; } #content span.entry-format { display: inline; float: left; font-size: .6em; line-height: 2; padding: 0 3px; } h3.entry-format > i:before { cursor: default; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted transparent; } .entry-content, .entry-summary { clear: both; padding-top: 8px; word-wrap: break-word; } .entry-content img, .entry-summary img { max-width: 300px; height: auto } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { margin: 0 0 24px 0; } .entry-content fieldset legend { font-weight: bold; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .tag-links { margin-left: 30px; } .page-link { margin: 10px 0; clear: both; } .page-link a, .page-link > span > em { font-weight: normal; text-decoration: none; padding: 0 10px; border-right: 1px solid transparent; } .page-link em { font-style: normal; } .page-link a:last-child, .page-link > span > em:last-child { border-right: none; } .page-link a:hover { } span.edit-link { float: right; display: block; margin: 0 0 0 10px; padding: 0; font-size: 12px; } #author-info { clear: both; line-height: 1.5; margin: -10px 0 24px 0; overflow: hidden; padding: 0 0 15px 0; } #author-info #author-avatar { float: left; height: 80px; margin: 0 -100px 0 20px; } #author-info #author-description { float: left; margin: 15px 0 0 130px; } #entry-author-info { clear: both; line-height: 1.5; margin: 30px 0; overflow: hidden; padding: 0 0 18px 0px; border-top: 1px solid transparent; } #entry-author-info #author-avatar { float: left; height: 80px; margin: 0 -100px 0 20px; } #author-avatar .avatar { border-radius: 0 0 100% 100%; } #entry-author-info #author-description { float: left; margin: 0 0 0 130px; } #entry-author-info h2 { font-size: 100%; font-weight: bold; margin: 0.75em 0 0.5em; } #author-link { margin-top: 0.75em; } #content .video-player { padding: 0; } /* =POST FORMATS -------------------------------------------------------------- */ /* =Asides -------------------------------------------------------------- */ .home #content .format-aside p, .home #content .category-asides p { line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home #content .format-aside .entry-content, .home #content .category-asides .entry-content { padding-top: 0; } #content .format-aside .entry-title { display: none; } #content .format-aside .entry-format { font-size: 1.5em; line-height: 1.5; padding-top: 10px; } #content .format-aside .entry-content, #content .format-aside .entry-summary { clear: right; } #content .format-aside .author, #content .format-aside .bl_categ { display: none; } /* =Galleries ----------------------------------------------------------------------------*/ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-icon { line-height: 0; } .gallery-caption { position: absolute; bottom: 0; left: 0; width: 100%; max-height: 50%; padding: 2px 8px; margin: 0; color: #fff; font-size: 1em; line-height: 1.3; filter: alpha(opacity=0); opacity: 0; text-align: left; cursor: default; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .gallery-item:hover .gallery-caption { filter: alpha(opacity=1); opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =Chat -------------------------------------------------------------- */ .format-chat p { font-family: Monaco, "Courier New", monospace; } /* =Quote -------------------------------------------------------------- */ .format-quote blockquote, .format-quote blockquote p { font-family: Georgia, "Bitstream Charter", serif; font-size: 1.1em; } /* =Status -------------------------------------------------------------- */ .format-status .entry-title { /*display:none;*/ } .status_content { } .format-status .avatar { display: block; width: auto; float: left; margin: 10px 10px 10px 0; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } /* =Images -------------------------------------------------------------- */ .entry-content img { max-width: 100%; height: auto; } .sidey select { max-width: 100%; } .sidey img { max-width: 100%; height: auto; } #content table img { max-width: inherit; vertical-align: top; } .alignleft, img.alignleft { float: left; margin-right: 26px; margin-top: 4px; } .alignright, img.alignright { float: right; margin-left: 34px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; margin-left: auto; margin-right: auto; } img.aligncenter { display: block; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; } img.alignleft, img.alignright, img.aligncenter, img.alignnone, .wp-caption img { filter: alpha(opacity=99); opacity: 0.99; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } img.alignleft:hover, img.alignright:hover, img.aligncenter:hover, img.alignnone:hover, .wp-caption img:hover { filter: alpha(opacity=85); opacity: 0.85; } .wp-caption { margin-bottom: 20px; text-align: center; max-width: 100%; position: relative; } .wp-caption img { border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; } .wp-caption > a, .wp-caption > a { line-height: 0; display: block; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-text { bottom: 0; margin-bottom: 0; padding: 10px 5px; position: absolute; text-align: center; text-indent: 0; width: 100%; } .wp-smiley { margin: 0; width: 1em; background: none; border: 0; vertical-align: middle; -webkit-box-shadow: none; box-shadow: none; } .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; max-width: 96%; } /* =Navigation -------------------------------------------------------------- */ .navigation { overflow: hidden; } .navigation a:link, .navigation a:visited { text-decoration: none; } .navigation a:active, .navigation a:hover { } .nav-previous a { float: left; width: 50%; padding: 30px 1%; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background-color: #f3f3f3 } .nav-next a { float: right; text-align: right; width: 50%; padding: 30px 1%; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background-color: #f3f3f3 } .meta-nav-prev:before { font-family: "elusive"; content: '\e827'; font-style: normal; margin-right: 5px; font-size: 9px; } .meta-nav-next:before { font-family: "elusive"; content: '\e828'; font-style: normal; margin-left: 5px; font-size: 9px; } .single #nav-above { display: block; } #nav-below { margin-bottom: 20px; margin-top: 5px; display: table; float: none; clear: both; width: 100%; } #nav-below a { width: 50%; padding: 20px; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; background-color: #f4fcff; display: table-cell; border: 1px solid #cadee6; font-size: 14px; line-height: 24px } #nav-below a+a { text-align: right } #nav-below a span { font-size: 12px; color: #999 } /* =Comments -------------------------------------------------------------- */ #comments { padding: 10px 0; clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { font-size: 1.7em; } h3#comments-title { margin-bottom: 1em; line-height: 2; border-bottom: 1px solid transparent; } h3#comments-title span { display: inline-block; padding: 0 30px; font-weight: 300; border-radius: 5px 5px 0 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { margin: 0; list-style: none; line-height: 1.5; } .commentlist li.comment:hover { } .commentlist .comment-body { padding: 10px 0; overflow: hidden; clear: both; line-height: 22px; margin-bottom: 20px; } .commentlist li:last-child { } #comments .comment-body ul, #comments .comment-body ol { } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .avatar-container { float: left; position: relative; height: 61px; overflow: hidden; } .avatar-container:before { content: ""; width: 100%; height: 1px; bottom: 0; position: absolute; } .commentlist .avatar { padding-bottom: 1px; position: relative; top: 5px; border-radius: 5px 5px 0 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .comment > div:hover .avatar:nth-child(1) { top: 0; } .comment-author { display: inline-block; line-height: 24px; -webkit-transition: background .3s ease; transition: background .3s ease; } .comment-details { position: relative; float: left; padding: 7px 15px; height: 61px; border-bottom: 1px solid transparent; } .comment-author cite { font-style: normal; font-weight: normal; font-size: 1.1em; } .comment-meta { font-size: 0.9em; } .comment-meta a:link, .comment-meta a:visited { text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { } .commentlist .even { } .commentlist .bypostauthor { } .commentlist .comment-await { padding: 10px 0; display: block; clear: both; } .comment .reply a { display: inline-block; font-size: 15px; padding: 0 15px; line-height: 2.4; border: 1px solid transparent; width: auto; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease; } .comment .reply a:hover { } .comment .reply a .crycon-reply:before { margin-right: 10px; position: relative; left: 0; top: 0; -webkit-transition: all .2s ease; transition: all .2s ease; } .comment .reply a:hover .crycon-reply:before { left: -4px; top: -4px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } @-webkit-keyframes reply-arrow { 0% { left: 0; } 50% { left: -10px; } 100% { left: 0; } } @keyframes reply-arrow { 0% { left: 0; } 50% { left: -10px; } 100% { left: 0; } } .commentlist .children { background-image: none; list-style: none; margin: 0; margin-left: 20px; } .commentlist .children li { border: none; background-image: none; margin: 0; text-indent: 0; } #content .nocomments, #content .nocomments2 { margin-bottom: 0; } .hideme { display: none; } #comments .pingback { border-bottom: 1px solid transparent; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ #respond { margin: 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 0.2em; font-size: 0.8em; } .form-allowed-tags { line-height: 1; } .children #respond { margin: 0 48px 0 0; min-width: 400px; } h3#reply-title { margin: 0; padding: 0; line-height: 1.5; font-weight: 300; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 1.5; } #respond .required { } #commentform { max-width: 550px; display: block; } #commentform > p { font-size: 0.9em; } #respond label { } #respond input:not([type="checkbox"]):not([type="radio"]) { width: 100%; } #respond .comment-form-comment label, #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label { display: none; } #respond .comment-form-cookies-consent { clear: both; } #respond .form-submit input[type="submit"], #respond .form-submit input[type="reset"], #respond .form-submit button { width: auto; } .comment-form-comment textarea { display: block; float: none; height: 75px; width: 100%; padding: 10px; } .comment-form-author label, .comment-form-email label, .comment-form-email label, .comment-form-url label, .comment-form-comment label { display: block; float: none; } .comment-form-author input, .comment-form-email input, .comment-form-email input, .comment-form-url input, .comment-form-comment input { display: block; float: none; } #respond input:hover, #respond textarea:hover { } #respond .form-allowed-tags { font-size: 12px; line-height: 1.5; width: 100%; clear: both; display: block; float: none; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; text-align: right; clear: both; } #respond .form-submit input { font-size: 15px; width: auto; } #respond .form-submit input#submit { border: 1px solid transparent; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } #respond .form-submit input#submit:hover { cursor: pointer; } .button { border: 1px solid transparent; padding: 4px 7px; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; } .file:hover, .button:hover { cursor: pointer; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul, .widget-area ul ul { list-style: none; list-style-image: none; } .widget-container { padding: 5px; margin: 0 0 20px 0; } .widget-container > * { max-width: 100%; } .widget-container ul li { display: block; float: none; margin-bottom: 0.5em; } .widget-title { font-size: 16px; text-align: left; margin-bottom: 20px; border-bottom: 1px solid transparent; } .widget-title span, #reply-title span { display: inline-block; line-height: 2.2; position: relative; top: 1px; border-bottom: 1px solid transparent; color: #0d70b8; } .nf-form-fields-required { margin-bottom: 10px } #footer-widget-area a:hover { text-decoration: underline; } .widget-area a:link, .widget-area a:visited { text-decoration: none; word-wrap: break-word; } .widget-area a:active, .widget-area a:hover { } .widget-area .entry-meta { font-size: 11px; } /* Search buttons */ .searchform { display: block; height: auto; position: relative; overflow: hidden; max-width: 300px; } .contentsearch { display: block; float: none; overflow: hidden; margin-bottom: 20px; margin-top: 20px; padding: 10px; } .no-results .contentsearch { padding: 0; } .searchform input[type="search"] {/* Sidebar Search */ display: block; float: left; font-size: 18px; padding: 0 50px 0 10px; height: 52px; width: 100%; line-height: 1; } .contentsearch .searchform input[type="search"] { margin-left: 0; } .searchsubmit[type="submit"] { font-family: "elusive"; display: block; position: absolute; right: 0; top: 0; height: 52px; width: 52px; padding: 0; font-size: 17px; vertical-align: middle; background: transparent; z-index: 4; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .searchform:after { display: block; position: absolute; content: ""; right: 0; top: 0; z-index: 3; width: 52px; height: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; outline: 1px solid transparent; } .searchform:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); outline: 1px solid transparent; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Header searchform */ .menu-header-search { margin: 1px 10px; width: 20px; } .menu-header-search .searchform { position: absolute; margin-top: 33px; margin-left: -230px; z-index: 10; display: none; filter: alpha(opacity=0); opacity: 0; } .menu-header-search .searchform:after, .menu-header-search .searchsubmit { display: none; } .menu-header-search .searchform input[type="search"] { font-size: 16px; padding: 5px 30px 5px 10px; width: 260px; border: 0; height: 3em; line-height: 1; } i.search-icon { position: absolute; cursor: pointer; z-index: 11; -webkit-transition: .3s all ease; transition: .3s all ease; } i.search-icon:before { font-family: "Elusive"; content: '\e816'; display: block; font-style: normal; font-size: inherit; font-size: 12px; line-height: 2.4; } /* Main menu search */ #access li.menu-main-search { float: right; margin-top: 4px; max-width: 200px; } #access li.menu-main-search .searchform input[type="search"] { height: 48px; font-size: 17px; } #access li.menu-main-search .searchsubmit[type="submit"] { height: 48px; width: 48px; } li.menu-main-search .searchform:after { background-color: transparent; } li.menu-main-search .searchsubmit { font-size: 15px; top: 1px; } .nirvana-boxed .menu-main-search { margin: 5px; } /* Footer menu search */ li.menu-footer-search { max-width: 120px; } li.menu-footer-search .searchform:after { background-color: transparent; } li.menu-footer-search .searchform .s { font-size: 13px; line-height: 1.5; height: auto; border: none; padding: 5px 10px; } li.menu-footer-search .searchform .s:hover { background: none; } li.menu-footer-search .searchsubmit { font-size: 13px; line-height: 1.5; height: auto; width: auto; right: 10px; top: 5px; } /* Callendar */ #wp-calendar { width: 100%; } #wp-calendar caption { font-size: 14px; font-weight: bold; padding-bottom: 4px; margin-left: 10px; } #wp-calendar thead { font-size: 11px; } #wp-calendar tbody td { padding: 3px 0 2px; text-align: center; border: 1px solid transparent; } #wp-calendar tbody td:hover { filter: alpha(opacity=80); opacity: 0.8; } #wp-calendar tbody td a { border: none; background: none; padding: 0; margin: 0; } #wp- tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { } .widget_rss a.rsswidget:hover { } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; padding: 0; } #main .widget-area ul ul { border: none; margin-left: 10px; padding: 10px 0 0 0; } /* Before and after content widgets */ .yoyo .widget-title { background: none; padding: 0; margin: 0; } /* Footer widget areas */ #footer-widget-area a { } #footer .column-header-image { font-weight: 700; color: #000; line-height: 25px; text-transform: uppercase; } /* =Footer -------------------------------------------------------------- */ #footer { margin-top: 20px; margin-bottom: 0; } #footer a { -webkit-transition: color .2s; transition: color .2s; font-weight: 500; } #footer2 { display: block; /* padding: 35px 0 ;*/ overflow: visible; width: 100%; } #footer2-inside { display: block; float: none; margin: 0 auto; padding: 40px 0px } p { margin-bottom: 10px } #footer2:after { content: ""; display: table; clear: both; } #colophon { overflow: hidden; display: block; float: none; margin: 0 auto; border-bottom: 1px #ccc solid; } #site-copyright { display: inline-block; float: left; padding: 10px 0; clear: both; text-align: center; font-size: 13px; line-height: 1.5; } #site-copyright img { margin-right: 20px; vertical-align: middle } #footer a, #footer a:hover { text-decoration: none; } #footer .widget_nav_menu ul li { margin-bottom: 1em } #colophon h5 { font-size: 24px; } img#wpstats { display: block; margin: 0 auto 10px; } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } /* =SOCIALS -------------------------------------------------------------- */ /* =GENERAL */ .socials { float: right; position: relative; } .socials a { display: block; float: left; position: relative; line-height: 0; border-radius: 2px; padding: 6px; } .socials a:hover { border: 0; } .socials img { position: relative; z-index: 99; max-width: 18px; } /* The animated square */ .socials .socials-hover { display: block; position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 2px; outline: 1px solid transparent; -webkit-transition: .3s all ease; transition: .3s all ease; } .socials a:hover .socials-hover { z-index: 100; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); outline: 1px solid transparent; } .socials a:hover img { z-index: 101; } /* HEADER SOCIALS */ #sheader { float: left; top: 5px; } #sheader a { margin-right: -6px; } #sheader.socials a { padding: 3px; } #sheader.socials .socials-hover { width: 32px; height: 32px; } /* SIDEBAR SOCIALS */ #smenul, #smenur { float: none; margin: 0 auto; display: table; } #smenul a, #smenur a { margin: 0 5px; } /* LEFT & RIGHT SOCIALS */ #srights, #slefts { display: block; position: fixed; right: 0; top: 40%; height: auto; width: 42px; padding: 5px; margin: 0; filter: alpha(opacity=90); opacity: 0.9; z-index: 9999; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } #slefts { left: 0; } #srights:hover, #slefts:hover { filter: alpha(opacity=100); opacity: 1; } #srights a, #slefts a { display: block; float: none; clear: both; margin-top: -6px; } /* FOOTER SIDEBARS */ #sfooter-full { display: inline-block; overflow: hidden; padding: 12px 0; float: right } #sfooter { float: none; clear: both; display: table; margin: 0 auto; text-align: center; } #sfooter a { margin-right: 20px; } #sfooter.socials a { padding: 0; } #sfooter.socials .socials-hover { width: 28px; height: 28px; } #footer .ppcolumn .column-image img { width: auto } /* ARTICLES */ article.post, article.page { display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 5px; } div.post, div.page, .yoyo > li { display: block; overflow: hidden; padding: 0; margin-bottom: 36px; } #header-widget-area .yoyo > li { display: inline-block; margin-left: 30px; margin-bottom: 30px } .search-field { width: 350px } i.cart-icon { -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; width: 36px; height: 36px; background: no-repeat url('https://www.husamjandal.com/wp-content/themes/husamjundal/images/cart.png'); vertical-align: middle; display: inline-block; } i.login-icon { -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; width: 36px; height: 36px; background: no-repeat url('https://www.husamjandal.com/wp-content/themes/husamjundal/images/login.png'); vertical-align: middle; display: inline-block; } .sticky h2.entry-title a { padding: 2px 5px; } #toTop { display: block; width: auto; height: auto; position: fixed; bottom: -50px; right: 40px; cursor: pointer; padding: 14px; font-size: 14px; background: rgba(0,0,0,.06); filter: alpha(opacity=0); opacity: 0; z-index: 251; border: 1px solid rgba(255,255,255,.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.28); box-shadow: 0 0 1px rgba(0,0,0,.28); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #toTop:hover { } .crycon-back2top:before { content: '\e812'; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #toTop:hover .crycon-back2top:before { } /* CUSTOM IMAGE BORDER */ .nirvana-image-none .entry-content img[class*='align'], .nirvana-image-none .entry-summary img[class*='align'] { } .nirvana-image-one .entry-content img[class*='align'], .nirvana-image-one .entry-summary img[class*='align'] { padding: 1px; border: 1px solid transparent; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } .nirvana-image-two .entry-content img[class*='align'], .nirvana-image-two .entry-summary img[class*='align'] { border-top: 4px solid transparent; border-bottom: 4px solid transparent; padding: 0; } .nirvana-image-three .entry-content img[class*='align'], .nirvana-image-three .entry-summary img[class*='align'] { border: 1px solid #222; padding: 0; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; } .nirvana-image-four .entry-content img[class*='align'], .nirvana-image-four .entry-summary img[class*='align'] { padding: 10px; border: 1px solid #DDD; -webkit-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC; } .nirvana-image-five .entry-content img[class*='align'], .nirvana-image-five .entry-summary img[class*='align'] { border: 3px dashed #CCC; } .nirvana-image-one .entry-content img[class*='align']:hover, .nirvana-image-one .entry-summary img[class*='align']:hover { background-color: #eee; } .nirvana-image-two .entry-content img[class*='align']:hover, .nirvana-image-two .entry-summary img[class*='align']:hover { -webkit-box-shadow: none; box-shadow: none; } .nirvana-image-three .entry-content img[class*='align']:hover, .nirvana-image-three .entry-summary img[class*='align']:hover { -webkit-box-shadow: none; box-shadow: none; } /* CUSTOM CAPTION LOOK */ .caption-simple #content .wp-caption .wp-caption-text { position: inherit; padding: 7px 5px; font-style: italic; } .caption-dark #content .wp-caption .wp-caption-text { padding: 20px 5px 10px; color: #EEE; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,.6)), to(rgba(0,0,0,0.8))); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6) 50%, rgba(0,0,0,0.8)); -webkit-text-shadow: 0 0 7px #000; -moz-text-shadow: 0 0 7px #000; text-shadow: 0 0 7px #000; } .caption-light #content .wp-caption .wp-caption-text { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); color: #333; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(255,255,255,0.8))); background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.8)); } /* BREADCRUMBS */ #breadcrumbs { display: block; position: relative; padding: 8px 0; font-size: .8em; } #breadcrumbs-box { display: block; margin: 0 auto; padding: 0 5px; } .crycon-homebread:before { content: '\e81f'; font-size: 1em; cursor: pointer; } #breadcrumbs a { } #breadcrumbs a:hover { } /* PAGINATION */ .pagination { display: table; float: none; margin: 20px auto; text-align: center; clear: both; border: 1px solid transparent; } .pagination span, .pagination a { display: block; position: relative; float: left; margin-right: 0; padding: 15px 0; width: 50px; text-align: center; font-size: .9em; line-height: 20px; text-decoration: none; -webkit-transition: background .3s; transition: background .3s; } .pagination span:first-child, .pagination a:first-child { border-left: 0; } .pagination a:hover { } .pagination .current { } /* Continue Reading Links */ a.continue-reading-link { display: inline-block; position: relative; width: auto; float: none; padding: 4px 15px; margin-top: 3px; line-height: 2.5; font-size: .8em; letter-spacing: 1px; text-transform: uppercase; font-style: normal; clear: both; border: 2px solid transparent; -webkit-transition: .25s all ease-in-out; transition: .25s all ease-in-out; } .continue-reading-link .crycon-right-dir:before { margin-right: 0; } .continue-reading-link span { position: relative; z-index: 99; } a.continue-reading-link i.crycon-right-dir { position: relative; font-size: 13px; z-index: 99; -webkit-transition: color .5s ease-in; transition: color .5s ease-in; } a.continue-reading-link:hover { } /* Presentation Page */ /* Nivo Slider */ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; } .theme-default .nivoSlider img.nivo-main-image { display: block; position: relative; width: 100%; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /*.sup{ font-family: 'Mrs Saint Delafield' !important; color:#fa0084 !important;} h2 em{font-family: 'Mrs Saint Delafield' !important; color:#fa0084 !important; display:block;}*/ /* Caption styles */ .nivo-caption { display: none; position: absolute; right: 0%; top: 7%; bottom: 8%; width: 40%; z-index: 8; padding: 30px; overflow: hidden; border-radius: 0; pointer-events: none; background-color: #000; background: #ff8a00; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ff8a00 0%, #f26522 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ff8a00 0%, #f26522 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ff8a00 0%, #f26522 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#f26522', GradientType=1 ); } .nivo-caption h2 { display: block; width: auto; margin-bottom: 10px; line-height: 1.2; font-weight: 700; position: relative; -webkit-animation: myfirst .5s ease-out; animation: myfirst .5s ease-out; font-weight: normal !important; } @-webkit-keyframes myfirst { 0% { top: 50px; filter: alpha(opacity=0); opacity: 0; display: none; } 75% { top: -10px; filter: alpha(opacity=75); opacity: .75; display: block; } 100% { top: 0; filter: alpha(opacity=100); opacity: 1; display: block; } } @keyframes myfirst { 0% { top: 50px; filter: alpha(opacity=0); opacity: 0; display: none; } 75% { top: -10px; filter: alpha(opacity=75); opacity: .75; display: block; } 100% { top: 0; filter: alpha(opacity=100); opacity: 1; display: block; } } h2.nivo-caption-mate { -webkit-animation: myfirst2 .5s ease-out; animation: myfirst2 .5s ease-out; opacity: 0; } @-webkit-keyframes myfirst2 { from { top: 0px; filter: alpha(opacity=100); opacity: 1; display: block; } to { top: 50px; filter: alpha(opacity=0); opacity: 0; display: none; } } @keyframes myfirst2 { from { top: 0px; filter: alpha(opacity=100); opacity: 1; display: block; } to { top: 50px; filter: alpha(opacity=0); opacity: 0; display: none; } } .slide-text { text-align: left; line-height: 1.4; font-weight: 400; display: block; filter: alpha(opacity=100); opacity: 1; display: block; } @-webkit-keyframes mysecond { 0% { top: -50px; opacity: 0; display: none; } 75% { top: 10px; opacity: 1; display: block; } 100% { top: 0px; opacity: 1; display: block; } } @keyframes mysecond { 0% { top: -50px; filter: alpha(opacity=0); opacity: 0; display: none; } 75% { top: 10px; filter: alpha(opacity=100); opacity: 1; display: block; } 100% { top: 0px; filter: alpha(opacity=100); opacity: 1; display: block; } } .inline-slide-text { position: relative; filter: alpha(opacity=100); opacity: 1; display: inline; -webkit-animation: mysecond .5s ease-in; animation: mysecond .5s ease-in; } .theme-default .nivoSlider .slide-text a { display: inline; border-bottom: 1px dotted; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; bottom: 20px; right: 20px; z-index: 9; cursor: pointer; } .nivo-prevNav { right: 90px !important; } .nivo-nextNav { right: 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /* Nivo Slider Default Theme */ .theme-default .nivoSlider { position: relative; z-index: 100; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/nivoslider/loading.gif) no-repeat 50% 50%; margin-bottom: 50px; } .theme-default .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { display: table-cell; position: absolute; bottom: 20px; left: 0; right: 0; height: 30px; width: auto; margin: 0 auto; padding: 3px 20px 0; text-align: center; z-index: 250; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; } .slider-bullets .nivo-controlNav a { display: inline-block; width: 11px; height: 11px; margin: 10px 5px 0; opacity: .5; text-indent: -9999px; border-radius: 10px; -webkit-transition: all .2s; transition: all .2s; } .theme-default .nivo-controlNav:hover a { filter: alpha(opacity=100); opacity: 1; } .slider-bullets .nivo-controlNav a:hover { } .slider-bullets .nivo-controlNav a.active { } .slider-numbers .nivo-controlNav a { display: inline-block; padding: 2px 8px; margin-right: 5px; font-size: 12px; border-radius: 4px; -weblit-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .slider-numbers .nivo-controlNav a:hover { } .slider-numbers .nivo-controlNav a.active { } .theme-default.slider-none .nivo-controlNav { display: none; } .theme-default .nivo-directionNav a { display: block; width: 70px; height: 70px; /* padding: 10px; */ background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/nivoslider/arrows.png) 20px 15px #fff no-repeat; text-indent: -9999px; border: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .theme-default a.nivo-nextNav { background-position: -75px 15px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .theme-default a.nivo-prevNav { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .theme-default .nivo-directionNav a.nivo-prevNav:hover { background-position: 18px 15px; } .theme-default .nivo-directionNav a.nivo-nextNav:hover { background-position: -72px 15px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* IE link fix */ a.nivo-imageLink { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } /* Custom Presentation Page styling */ .slider-wrapper { display: block; float: none; position: relative; clear: both; left: 0; width: 100%; z-index: 100; } #slider { margin: 0 auto; display: block; float: none; max-width: 1280px; padding-right: 30%; } #slider img { max-height: 520px } #pp-afterslider.entry-content { padding-top: 0; } #pp-texttop, #pp-textmiddle, #pp-textbottom, #front-columns-box, .presentation-page #content { display: block; float: none; clear: both; padding: 50px 0; } #categories-block { } .lisiting-block { float: left; height: auto; width: 100%; box-sizing: border-box; transition: .5 ease-in-out } #front-columns-box { overflow: hidden; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/dots-bg.png) no-repeat center center #ffffff !important; } .lisiting-block .column-image img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease; } .lisiting-block .column-image:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); } #frontpage .lisiting-block .column-image:hover .column-image-inside { background-color: rgba(0,0,0,.7) } .cat-listing { margin: 0 auto; text-align: center; padding: 100px 0px } .cat-listing .widget-title { text-align: center } .wid-small-title { font-weight: 600; } .wid-small-title span { color: #0e72b9 } .home-header { margin: 0 auto; padding-top: 0px; } .hero-header { background: #06204c url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/bg-header.jpg) no-repeat bottom center; background-size: cover; padding-bottom: 30px } .home-header h1 { font-size: 54px; margin-bottom: 40px; } .homepage-search { width: 50%; float: right; position: relative; color: #fff; ; margin-top: 60px } .homepage-search a { color: #fff; } .homepage-search #search { width: 100%; ; margin-bottom: 10px } .homepage-search #searchsubmit { position: absolute; right: 0px; border: 0; top: 0px; height: 60px; width: 60px } #searchsubmit { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/search.jpg) no-repeat center center #fff; box-shadow: none } #front-text1 h2, #front-text2 h2, #front-text5 h2, #front-columns h2 { display: block; float: none; margin: 0 auto; text-align: center; font-size: 45px; line-height: 55px; clear: both; font-weight: 300; } #front-columns h2 { margin-bottom: 80px; } #front-text1, #front-text2, #front-text5 { display: block; float: none; padding: 0 0 40px; margin: 0 auto; } #front-text3, #front-text4, #front-text6 { margin: 0 auto;/*overflow: hidden;*/ } #front-text3 h2 { display: inline-block; margin-bottom: 20px; } #front-text4 .woocommerce h2 { font-size: 18px } #front-text4 .woocommerce { text-align: center } #front-text3 blockquote, #front-text4 blockquote, #front-text6 blockquote { padding: 15px 0px; width: inherit; margin-bottom: 20px; font-size: 1.5em; line-height: 1.5; text-align: justify; } #front-columns { margin: 0 auto; } #front-columns > div, #front-columns > li { display: block; height: auto; float: left; } #front-text6 { text-align: center; } .column1 { clear: both; } .column-image { position: relative; } .column-image img { display: block; margin: 0 auto; -webkit-backface-visibility: hidden; } .slider-text-separator { display: block; float: none; clear: both; margin: 30px auto 40px; width: 120px; height: 1px; background: #FFF; -webkit-box-shadow: 1px 1px 0px #333; box-shadow: 1px 1px 0px #333; } .readmore { display: table; float: left; margin: 1.5em auto 0; min-width: 100px; background-color: #000000; color: #fff !important; } .theme-default .nivoSlider .readmore a { font-size: .8em; padding: 10px 20px; display: block; float: none; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; } .readmore:hover { background: #FFF; } .readmore:hover a { color: #777; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; } .slider-navhover .nivo-directionNav a.nivo-prevNav { left: -100px; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .slider-navhover:hover .nivo-directionNav a.nivo-prevNav { left: 30px; } .slider-navhover .nivo-directionNav a.nivo-nextNav { right: -100px; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .slider-navhover:hover .nivo-directionNav a.nivo-nextNav { right: 30px; } /* AJAX LOAD MORE POSTS BUTTON */ #cryout_ajax_more_trigger { display: table; float: none; clear: both; min-width: 160px; padding: 12px 15px; margin: 0 auto; text-align: center; cursor: pointer; font-size: 14px; border-radius: 2px; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } #cryout_ajax_more_trigger.cryout_click_loading { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/loading.gif) transparent no-repeat center center; text-indent: -9999px; border: 0; } #cryout_ajax_more_trigger.cryout_click_loading:hover { background-color: transparent; } /* OVERWRITE MARGINS FOR THE PP */ .presentation-page #main { margin-top: 0; } .presentation-page #forbottom { padding: 0; max-width: 100%; } .presentation-page #container { width: auto; margin: 0 auto; } .presentation-page #footer { margin-top: 0; } /* fix interference from slider plugins */ #frontpage #slider a#slider-stopper { display: none; } /* PP COLUMNS*/ #front-columns { display: block; width: auto; float: none; } .widget-area div.ppcolumn { position: relative; } #footer .widget-area div.ppcolumn { position: relative; display: inline-block; } #footer .column-image { max-width: 397px; } .column-image { width: 100%; display: block; background-color: #fff; } .column-image-inside { width: 100%; height: 100%; position: absolute; top: 0; z-index: 250; padding: 0 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .column-image-inside-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*.lisiting-block .ppcolumn:before{ content:''; position:absolute; width:30px; height:30px;background: #ff8a00; background: -moz-linear-gradient(-45deg, #ff8a00 0%, #f26522 100%); background: -webkit-linear-gradient(-45deg, #ff8a00 0%,#f26522 100%); background: linear-gradient(135deg, #ff8a00 0%,#f26522 100%); background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#f26522',GradientType=1 ); bottom:-10px; z-index:87789; border-radius:50%; left:calc(50% - 15px); right:calc(50% - 15px); display:inline-block} */ .lisiting-block .ppcolumn:before { content: ''; position: absolute; width: 0; height: 0; border-top: 20px solid #f26522; border-right: 100px solid transparent; z-index: 4453; transition: linear .2s } .ppcolumn:hover:before { border-top: 000px solid #f26522; border-right: 80px solid transparent; } .column-header-image { display: block; width: 100%; position: relative; -webkit-transition: all .3s .3s ease-in-out; transition: all .3s .3s ease-in-out; } .column-header-image h4 { font-size: 24px !important; margin-top: 0; color: #046dbe !important; } .column-text-separator { display: none; float: none; clear: both; width: 10px; height: 1px; background: #FFF; margin: 20px auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .column-text { position: relative; font-size: .9em; padding: 0 20px; width: 100%; overflow: hidden; line-height: 1.3; z-index: 251; color: #333; -webkit-transition: all .3s .3s ease-in-out; transition: all .3s .3s ease-in-out; } .column-link { position: absolute; width: 100%; height: 100%; display: block; } .column-image img { width: 100%; } .lisiting-block .column-image img { width: 100%; height: 150px } .coldisplay1 .column-image-inside-centered { position: relative; top: 0; padding-top: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } .coldisplay1 .column-header-image, .coldisplay1 .column-text-separator, .coldisplay1 .column-text { filter: alpha(opacity=90); opacity: 0.9; top: 0px; } .coldisplay1 .column-image-inside .column-text-separator { width: 150px; } .coldisplay1 .column-image-inside:hover .column-text-separator { width: 100%; } .coldisplay2 .column-image-inside { position: relative; } #footer .column-image-inside { position: relative } #footer .column-image-inside-centered { position: relative; top: 0; padding-top: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } /*#frontpage .ppcolumn .column-image-inside {position: absolute; left:0px; right:0px; margin-left:auto; margin-right:auto;height:auto; background:rgba(24,51,99,.8); width:100%; bottom:0px; box-shadow:0px 2px 4px 0px rgba(0,0,0,.2); color:#fff} .listing-block .column-image-inside{ top:inherit} #frontpage .ppcolumn .column-image-inside .column-header-image{ font-size:16px; font-weight:bold; color:#fff} #frontpage .ppcolumn .column-image-inside .column-image-inside-centered{ color:#fff; padding-top:10px; font-size:16px} #front-columns .ppcolumn{ transition: ease-in-out .2s} #front-columns .ppcolumn:hover{ box-shadow:0px 8px 30px 0 rgba(0,0,0,.3); transform:scale(1.1,1.1)}*/ #front-columns > div.column:nth-child(3n+1) { margin-right: 0; } .coldisplay2 .column-image-inside:hover { background-color: transparent; } #frontpage #front-columns-box .ppcolumn { box-shadow: 0px 0px 20px rgba(0,0,0,.08) } #frontpage .cat-listing .ppcolumn .column-image-inside { width: 100%; bottom: 0px; background-color: rgba(24,51,99,.7); } #frontpage .cat-listing .ppcolumn .column-image { line-height: inherit; min-height: 150px; } #frontpage .cat-listing .ppcolumn .column-image-inside .column-header-image { font-size: 18px; color: #fff; font-weight: 700; line-height: 1.3; padding: 0 20px } #frontpage .cat-listing .ppcolumn .column-text { padding: 0px; font-size: 13px; color: #fff; } #frontpage .lisiting-block .column-image .column-image-inside .column-image-inside-centered { } #frontpage .cat-listing .column-text-separator { display: none } .coldisplay2 .column-image-inside-centered { position: relative; top: 0; padding-top: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } .coldisplay2 .column-header-image, .coldisplay2 .column-text { filter: alpha(opacity=90); opacity: 0.9; top: 0px; color: #000; } .coldisplay2 .column-text { padding: 10px 0px 30px 0px; } .coldisplay2 .column-text-separator { display: none; } /* Style HTML5 tags for IE8 and lower */ header, nav, section, article, aside, footer, hgroup { display: block; } .cat-listing .ppcolumn { position: relative; box-sizing: border-box; display: block; height: auto; float: left; width: calc(100% / 4 - 15px); margin-right: 20px; margin-bottom: 20px } .lisiting-block .column:nth-child(4n) { margin-right: 0; clear: right } .tinynav { display: block; float: none; margin: 8px auto; display: none; min-width: 200px; width: 100%; padding: 10px; } .tinynav option { } /* Magazine layout */ .magazine-layout #content article.post, .magazine-layout.search #content article { float: left; width: 47%; padding: 0 0 10px; } .magazine-layout #content article:nth-of-type(2n+1) { clear: both; margin-right: 6%; } .magazine-layout .comments-link { float: left; } .magazine-layout .entry-header .entry-meta { margin-top: 5px; } .magazine-layout span.edit-link { float: left; margin-left: 0; margin-right: 10px; } .magazine-layout .entry-header { clear: both; } /* shareaddy fix */ .sharedaddy ul > li { background: none !important; text-indent: 0 !important; } /*woocommerce fix*/ .woocommerce .product .entry-summary { clear: none; } /* video fix */ #content embed, #content iframe { max-width: 100%; } /* woocommerce compatibility styling */ .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: 22.05%; } .woocommerce ul.products li.product .price { font-size: 22px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0 } .woocommerce span.onsale { border-radius: 0; } .woocommerce span.onsale { min-height: inherit; min-width: inherit; padding: 5px 10px; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: inherit; top: 0; left: 0; margin: 0; border-radius: 0; background-color: #77a464; color: #fff; z-index: 9 } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #fa0084; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #333; } .woocommerce ul.products li.product .onsale { margin: 0 0; } body.woocommerce-page .entry-content .checkout ul > li, .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { list-style: none; } body.woocommerce .page-title { display: inherit; margin-bottom: 20px; padding: 10px; font-weight: normal; } .fea-post-home { width: calc(100% / 3 - 30px); margin-right: 40px; display: inline-block; vertical-align: top; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,.1); position: relative; transition: ease-in-out .2s; margin-bottom: 40px } .fea-post-home:hover { box-shadow: 0px 8px 30px 0 rgba(0,0,0,.3); transform: scale(1.1, 1.1); } .fea-post-home img { width: 100%; height: auto; display: block } #fp-posts { display: block; margin: 30px auto 0 auto; font-size: 14px; line-height: 1.4; clear: both; position: relative; z-index: 10000 } .post-content-carousel { padding: 30px; min-height: 200px; position: relative } .head-post { font-size: 15px; font-weight: 500; ; display: block; margin-bottom: 7px; line-height: 22px } .blue-line { display: block; width: 100%; height: 3px; background-color: #2e5eb2; box-shadow: 0 0 10px rgba(19,105,248,.4) } .read-more { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/arrow-small.png) no-repeat left bottom; position: absolute; width: 20px; height: 20px; bottom: 20px; background-size: contain } .related article:nth-child(3n) { margin-right: 0; } #pp-textbottom { position: relative; text-align: center } #pp-textmiddle { padding-top: 50px; color: #fff; margin-bottom: 20px } .byindustry .ppcolumn { position: relative; box-sizing: border-box; display: block; height: auto; float: left; width: calc(100% / 4 - 15px); margin-right: 20px; margin-bottom: 20px; } .byindustry .column-image img { width: 120px; height: 120px; border-radius: 50%; top: -60px; position: absolute; z-index: 334566; box-shadow: 0 0 10px rgba(0,0,0,.2); transition: ease-in-out .2s; left: calc(50% - 60px) } #frontpage .byindustry .ppcolumn .column-image-inside { position: inherit; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.08); min-height: 100px; padding: 80px 20px 20px 20px; } #frontpage .byindustry .ppcolumn .column-image-inside-centered { position: inherit; top: inherit } #frontpage .byindustry .column-image:after { position: absolute; display: block; width: 100%; height: 3px; background-color: #f87513; box-shadow: 0 0 10px rgba(248,117,19,.4); content: ''; bottom: 0; z-index: 334 } #frontpage .byindustry .column-image:hover img { transform: scale(1.1, 1.1) } #frontpage .byindustry .ppcolumn { margin-top: 50px; margin-bottom: 50px; } #front-text5 h2 { color: #fff !important; } #frontpage .byindustry .column-image-inside-centered { position: inherit; top: inherit; -webkit-transform: none; -ms-transform: none; transform: none; } .homepage-form { width: 90%; margin: 0 auto; max-width: 800px; padding: 30px; color: #fff !important; font-family: 'Montserrat' !important; font-size: 16px !important; } .homepage-form .nf-field-element p span { color: #fff !important; font-family: 'Montserrat' !important; font-size: 14px !important; } .homepage-form .nf-response-msg p { color: #fff !important; font-family: 'Montserrat' !important; font-size: 24px !important; display: block !important; line-height: 1.8 !important; text-align: center !important } .homepage-form label { display: block; color: #000; } .nf-form-fields-required { display: none } .homepage-form input[type="text"], .homepage-form input[type="email"], .homepage-form input[type="tel"] { width: 100%; background: transparent !important; border: 0 !important; border-bottom: 1px solid #fff !important; color: #fff !important; padding-left: 0; } .homepage-form input[type="text"]:hover, .homepage-form input[type="email"]:hover, .homepage-form input[type="tel"]:hover { background-color: transparent !important } .homepage-form textarea { width: calc(100% - 15px); } .half-column { width: calc(50% - 10px); padding: 10px; display: inline-block; vertical-align: top } .full-column { width: 100%; padding: 10px; display: block; } .cta { text-align: center; position: relative; width: 100% } .wht-cta { text-align: center; display: inline-block; box-shadow: 0 5px 20px rgba(0,0,0,.1); border: 0; color: #046dbe !important; font-size: 18px; margin: 0 auto; padding: 15px 60px !important; background-color: #ffffff !important; border-radius: 50px; font-family: inherit; font-weight: 600 } .cta input[type="submit"], .cta button { text-align: center; display: inline-block; box-shadow: none; background: #ff8a00; background: -moz-linear-gradient(-45deg, #ff8a00 0%, #f26522 100%); background: -webkit-linear-gradient(-45deg, #ff8a00 0%, #f26522 100%); background: linear-gradient(135deg, #ff8a00 0%, #f26522 100%); background-color: rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a00', endColorstr='#f26522', GradientType=1 ); border: 0; color: #fff; font-size: 24px; position: absolute; left: 0; right: 0; margin: 0 auto; padding: 15px 60px; } .byindustry .column-header-image { font-size: 18px } #header-container-inner { margin: 0 auto; ; padding: 250px 0px 00px 0px; } #header-container-inner h1 { color: #ffffff; padding-bottom: 30px; font-family: 'Playfair Display'; line-height: normal; background-color: rgba(34,172,227,1); display: inline-block; padding: 10px 50px 20px 40px; border-radius: 55px 0 55px 0px; margin-bottom: -30px; } #container.two-columns-right #content { padding: 0px; background-color: #fff; } .inner-header { background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; margin-top: -160px } #content { position: relative } .related { margin-top: 50px; } #content h3 { font-family: 'Playfair Display'; font-size: 24px; margin-bottom: 10px } .related .post-content-carousel { min-height: 90px; padding: 15px } .post-listing .entry-title { font-size: 32px !important; padding-bottom: 15px !important } .post-listing article.post, .post-listing article.testimonial { margin-bottom: 30px; border-bottom: 1px solid #f1f1f1; padding-bottom: 30px } .post-listing article.post:last-child, .post-listing article.testimonial:last-child { border: none; } .post-listing .post_thumbnail { box-shadow: 5px 5px 15px rgba(0,0,0,.2) } .post-listing article.testimonial .post_thumbnail { box-shadow: none } .inner-form-widget .full-column { padding: 7px 0px } .inner-form-widget input, .inner-form-widget textarea { width: 100%; padding: 10px; font-size: 100%; background-color: #f9f9f9 !important } .inner-form-widget input:focus, .inner-form-widget textarea:focus { background-color: #fff !important; box-shadow: 0px 3px 4px rgba(0,0,0,.03) } .inner-form-widget .cta input[type="submit"], .inner-form-widget .cta button { position: relative; font-size: 120%; font-weight: 900; width: 100% } .widget-area #searchsubmit { position: absolute; right: 1px; border: 0; top: 1px; height: 59px; width: 59px; } .widget-area #searchform { position: relative } .widget-area #searchform input[type="text"] { width: 100% } .category-archive-meta { color: #fff; } .contentsearch { padding: 0; margin-bottom: 50px } #searchform { position: relative } #searchform input[type="text"] { width: 100% } #searchform #searchsubmit { position: absolute; right: 1px; border: 0; top: 2px; height: 57px; width: 59px; } .w100, .w100 iframe { width: 100% !important; height: auto } .hero-banner-home { background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/background-top.jpg) no-repeat top center; margin-top: -150px; } .hero-banner-home-copy { width: 30%; display: inline-block; padding-top: 200px; vertical-align: top; position: relative; } .hero-banner-home-img { width: 69%; display: inline-block; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/Husam-Jandal.jpg) #283136 left bottom no-repeat; height: 725px; border-radius: 0 0 0 360px; vertical-align: top; transition: ease-in-out .5s; background-size: 100% } .hero-banner-home-img:hover { background-size: 105%; transition: ease-in-out .5s } .cta-hero { background: rgb(13,112,184); background: -moz-linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: -webkit-linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d70b8", endColorstr="#22ace3", GradientType=1); padding: 20px 40px; color: #fff; font-weight: 600; border-radius: 50px; box-shadow: 5px 10px 20px rgba(0,0,0,.2); width: 120%; display: block; position: relative; font-size: 18px; transition: ease-in-out 1s } .cta-hero::after { position: absolute; right: 0; top: 0; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/arrow.png) no-repeat center center; width: 70px; height: 100%; content: ""; transition: ease-in-out .3s } .cta-hero:hover { background: rgb(13,112,184); background: -moz-linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: -webkit-linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d70b8", endColorstr="#22ace3", GradientType=1); color: #fff; } .cta-hero:hover::after { right: -10px } .testimonial_rotator_quote { font-family: 'Playfair Display'; font-size: 22px; line-height: normal; padding: 0 15%; } .longform_hr { height: 0 !important; margin: 40px auto !important } .testimonial_rotator_quote:before { content: ""; width: 100px; height: 82px; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/quote-left.png) no-repeat; position: absolute; left: 50px; top: 0; } .testimonial_rotator_quote:after { content: ""; width: 100px; height: 82px; background: url(https://www.husamjandal.com/wp-content/themes/husamjundal/images/quote-right.png) no-repeat; position: absolute; right: 50px; top: 0; } .test-head { text-transform: uppercase; font-weight: 700; color: #0e72b9; } .cta-blue { background: rgb(13,112,184); background: -moz-linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: -webkit-linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: linear-gradient(101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d70b8", endColorstr="#22ace3", GradientType=1); padding: 20px 40px !important; color: #fff !important; font-weight: 600; border-radius: 50px; box-shadow: 5px 10px 20px rgba(0,0,0,.2); display: inline-block; position: relative; font-size: 18px; transition: ease-in-out 1s; border: 0 !important; height: auto !important } .cta-blue:hover { background: rgb(13,112,184); background: -moz-linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: -webkit-linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%); background: linear-gradient(309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d70b8", endColorstr="#22ace3", GradientType=1); color: #fff !important; } .align-center { text-align: center } .ppbox:first-word { color:#0d70b8 } .client-logos { margin: 0 !important; padding-top: 30px } .widget-container .client-logos li { display: inline-block; width: calc(100% / 6); float: left; transition: ease-in-out .3s } .widget-container .client-logos li img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: .8; transition: ease-in-out .3s; max-width: 80%; display: block; margin: 0 auto; } .widget-container .client-logos li:hover { background-color: #fff; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.1) } .widget-container .client-logos li:hover img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); opacity: 1 } .form-title { font-size: 45px !important; line-height: 55px !important; color: #fff !important; text-align: center !important; margin-top: 0 !important; margin-bottom: 30px !important; } .client-logos-footer li { display: inline-block; width: calc(100% / 6 - 6px); transition: ease-in-out .3s; ; margin-top: 5px } .client-logos-footer li img { filter: invert(1) grayscale(100%); mix-blend-mode: screen; opacity: .8 } .client-logos-widget { margin-left: 0 !important; } .client-logos-widget li { display: inline-block !important; width: calc(100% / 2 - 3px); transition: ease-in-out .3s; } .client-logos-widget li img { border: 1px solid #eee; } .client-logos-footer { margin-left: 0 !important } .view-all-cta { margin: 0 auto; max-width: 320px; } .sidey .widget_ninja_forms_widget { padding: 20px; background-color: #f9f9f9 } .sidey .testimonial_rotator_quote:before, .sidey .testimonial_rotator_quote:after { display: none } .sidey .testimonial_rotator_quote { padding: 0; font-size: 16px; } .page #breadcrumbs { display: none } .single-testimonial #content { width: 100% !important } .single-testimonial #content .testimonial_rotator_slide_title { display: none !important } .single-testimonial #content #secondary { display: none } .testimonial_rotator.template-longform .testimonial_rotator_img { } .award img { float: left; margin-right: 15px; width: 100px; height: auto } .award h3 { font-family: 'Playfair Display'; font-size: 22px; line-height: normal; display: inline-block; padding-top: 15px; color: #0d70b8 } .post-type-archive-testimonial .page-header { display: none } .post-type-archive-testimonial #forbottom { border: 0; } .post-type-archive-testimonial #colophon { border-top: 1px solid #ccc } .post-template-default .blog-url a { color: #0d70b8 !important } .sidey .nf-response-msg p { font-family: 'Montserrat' !important; font-size: 18px !important; display: block !important; line-height: 1.4 !important; text-align: center !important } .testimonial_rotator_stars { display: none !important } .ar { display: none } .nf-response-msg p.ar { display: none !important; } .testimonial .related, .testimonial .recent { display: none !important } .nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea { color: #222 !important; } #pp-textmiddle .nf-form-content input:not([type="button"]) { color: #fff !important; } .link-lang a { color: #CB5920 !important } .single-testimonial #wrapper #main #forbottom .recent { display: none !important } /*-- right sidebar - subscribe section --*/ #container.two-columns-right #secondary #subscribe-newsletter { background-color: #f2f2f2; border-radius: 30px; padding: 0px 25px 25px; margin-top: 45%; } #container.two-columns-right #secondary #subscribe-newsletter .ppbox { width: 100%; max-width: 100%; margin: 0 auto; } #container.two-columns-right #secondary #subscribe-newsletter img { width: 100%; margin-top: -42%; text-align: center; padding: 0px 15px; } #container.two-columns-right #secondary #subscribe-newsletter h2 { color: #0d70b8; margin-bottom: 10px; font-size: 20px; font-family: 'Playfair Display'; line-height: normal; text-align: center; margin-top: 15px; } #container.two-columns-right #secondary #subscribe-newsletter h2 span { color: #000; } #container.two-columns-right #secondary #subscribe-newsletter p { margin-bottom: 30px; font-size: 14px; line-height: 1.5em; text-align: center; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm label { display: none; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm input { background-color: #fff; border: 1px solid #e0e0e0; padding: 14px 15px; font-size: 14px; color: #333; border-radius: 25px; width: 100%; margin-bottom: 20px; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm button { background: linear-gradient( 101deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%)!important; color: #fff; font-family: 'Montserrat'; font-size: 15px; font-weight: 500; letter-spacing: .2px; border: 0; border-radius: 25px; padding: 15px 50px; box-shadow: 5px 10px 20px rgb(0 0 0 / 20%); text-align: center; width: 100%; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm button:hover { background: linear-gradient( 309deg, rgba(13,112,184,1) 0%, rgba(34,172,227,1) 100%)!important; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm input { font-family: 'Montserrat'; } #container.two-columns-right #secondary #subscribe-newsletter p:last-child { margin-bottom: 0px; } @media only screen and (max-width:980px) { #container.two-columns-right #secondary #subscribe-newsletter img { margin-top: -30%; padding: 0% 20%; margin-bottom: 0px; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm { padding: 0% 20%; } } @media only screen and (max-width:480px) { #container.two-columns-right #secondary #subscribe-newsletter img { padding: 0% 10%; } #container.two-columns-right #secondary #subscribe-newsletter form#subForm { padding: 0% 0%; } } .digital-wrapper{ display: flex; gap: 54px; justify-content: flex-end; position: relative; overflow: hidden; } .digital-wrapper__first{ position: relative; z-index: 2; padding-left: 30px; padding-bottom: 30px; display: flex; align-items: center; } .digital-wrapper__first-box{ max-width: 570px; } .digital-wrapper__first-img{ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 51%; display: flex; justify-content: flex-end; align-items: flex-end; } .digital-wrapper__first-img img{ object-fit: cover; } .digital-wrapper__second{ position: relative; z-index: 3; width: 50%; background: linear-gradient(180deg, #DBDBDB 0%, #DCDCDC 32.7%, #DBDBDB 45.71%, #DCDCDC 54.91%, #E7E7E7 77.94%, #EBEBEB 100%); display: flex; padding-left: 80px; } .digital-dot1, .digital-dot2{ position: absolute; z-index: 2; } .digital-dot1{ top: 55%; left: 16%; } .digital-dot2{ top: 34%; right: 20%; } .digital-wrapper__first h2{ font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-size: 38px !important; line-height: 51px; color: #000000 !important; padding-bottom: 30px; } .digital-wrapper__first strong{ font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #000000; } .digital-wrapper__first p{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 180%; color: #000000; padding: 16px 0 40px; } .digital-wrapper__first a{ background: linear-gradient(101deg,rgba(13,112,184,1) 0%,rgba(34,172,227,1) 100%)!important; color: #fff; font-family: 'Montserrat'; font-size: 17px; font-weight: 500; letter-spacing: .2px; border: 0; border-radius: 100px; padding: 20px 50px; /*box-shadow: 5px 10px 20px rgb(0 0 0 / 20%);*/ } .digital-wrapper__first a:hover{ color: #fff !important; background: linear-gradient(309deg,rgba(13,112,184,1) 0%,rgba(34,172,227,1) 100%)!important; } .digital-book img, .digital-dot1 img, .digital-dot2 img{ width: 100%; height: 100%; object-fit: contain; } .digital-ultimate__wrapper{ background: #EDEDED; border-radius: 30px; max-width: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 130px 20px 20px 20px; text-align: center; position: relative; margin-top: 100px; } .digital-ultimate a{ background: linear-gradient(101deg,rgba(13,112,184,1) 0%,rgba(34,172,227,1) 100%)!important; color: #fff; font-family: 'Montserrat'; font-size: 17px; font-weight: 500; letter-spacing: .2px; border: 0; border-radius: 100px; padding: 16px 30px; box-shadow: 5px 10px 20px rgb(0 0 0 / 20%); white-space: nowrap; } .digital-ultimate a:hover{ color: #fff !important; background: linear-gradient(309deg,rgba(13,112,184,1) 0%,rgba(34,172,227,1) 100%)!important; } .digital-ultimate__wrapper p{ padding-top: 10px; } .digital-ultimate__wrapper span { display: inline-block; line-height: 2.2; position: relative; top: 1px; border-bottom: 1px solid #0d70b8; color: #0d70b8; } .digital-ultimate__wrapper h3{ border-bottom: 1px solid #C1C1C1; font-family: 'Playfair Display'; } .digital-ultimate__img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: -100px; } .digital-ultimate__wrapper h3{ color: #000000; font-size: 20px; line-height: 27px; white-space: nowrap; } .digital-ultimate__wrapper p{ font-size: 15px; line-height: 160%; } .digital-ultimate__wrapper strong{ font-weight: 500; font-size: 16px; line-height: 20px; padding: 16px 0 30px; } .digital-ultimate__wrapper span{ color: #115BAA; } @media only screen and (max-width:1200px) { .digital-wrapper__second{ background: linear-gradient(180deg,#dcdcdc 0%,#dbdbdb 46.7%,#dcdcdc 50.71%,#ebebeb 68.91%,#eaeaea 77.94%,#ebebeb 104%); } } @media only screen and (max-width:767px) { .digital-wrapper__first-img{ top: 292px; width: 100%; height: 100%; } .digital-ultimate__wrapper { background: #EDEDED; border-radius: 30px; max-width: unset; } .digital-wrapper{ gap: unset; flex-direction: column-reverse; } .digital-book{ width: 100%; } .digital-wrapper__second{ width: 100%; justify-content: center; padding: 0; } .digital-dot2, .digital-dot1 { display: none; } .digital-wrapper__first{ padding: 40px 20px; } .digital-wrapper__first a{ padding: 15px 30px; } } @media only screen and (max-width:480px) { .digital-wrapper__first a{ padding: 10px 10px; } .hero-banner-home-img { height: 383px !important; } } /**********13-nov**websb********************/ .page-id-59 #subscribe-newsletter { display: none; } .page-id-444 #subscribe-newsletter { display: none; } @media only screen and (max-width:767px) { .news_letter_ar .ppbox .col-2 img { left: 7%; right: auto!important; width: 25% !important; } .news_letter_ar .ppbox .col-1 { padding-left: 20px !important; } .news_letter_ar { padding: 4vw 0vw 7vw !important;} } .news_letter_ar .ppbox form#subForm input, .news_letter_ar .ppbox form#subForm button, .newsletter-sidebar p, .newsletter-sidebar input, .newsletter-sidebar button { font-family: 'Cairo', sans-serif !important; } .rtl .widget-title { padding-right: 0px !important; } /* custom css for testimonials */ .wpmtst-testimonial-field.testimonial-field.testimonial-company a { color: #222222; } .wpmtst-testimonial-field.testimonial-field.testimonial-company { padding-bottom: 10px; } .wpmtst-testimonial-field.testimonial-field.testimonial-company { margin-top: 15px; } .rtl.single-wpm-testimonial div#testimonial-content p { text-align: center; font-family: 'Cairo', sans-serif !important; } div#testimonial-content p { font-family: 'Playfair Display'; font-size: 22px; line-height: normal; padding: 0 15%; } div#testimonial-content { position: relative; } div#testimonial-content p:before { content: ""; width: 100px; height: 82px; background: url(/wp-content/themes/husamjundal/images/quote-left.png) no-repeat; position: absolute; left: 50px; top: 0; } div#testimonial-content p:after { content: ""; width: 100px; height: 82px; background: url(/wp-content/themes/husamjundal/images/quote-right.png) no-repeat; position: absolute; right: 50px; top: 0; background-repeat: no-repeat; } .single-wpm-testimonial .addtoany_share_save_container { display: none !important; } .wpm-testimonial .wp-block-button.wp-block-button-en { display: none; } .wpm-testimonial .wp-block-button.wp-block-button-ar { display: none; } .single-wpm-testimonial div#author-description { font-size: 16px; } .single-wpm-testimonial div#author-description H2 a { color: rgb(25, 169, 229); } .wpmtst-testimonial-content.testimonial-content p { font-family: 'Playfair Display'; font-size: 22px !important; line-height: normal; padding: 0 7%; font-style: normal !important; } .strong-view.wpmtst-modern .wpmtst-testimonial-content:before { content: none !important; } .strong-view.wpmtst-modern .wpmtst-testimonial-content:after{ content: none !important; } .wpmtst-testimonial-content.testimonial-content p:before { content: ""; width: 100px; height: 82px; background: url(/wp-content/themes/husamjundal/images/quote-right.png) no-repeat; position: absolute; right: -50px; top: 0; background-repeat: no-repeat; } .wpmtst-testimonial-content.testimonial-content p:after{ content: ""; width: 100px; height: 82px; background: url(/wp-content/themes/husamjundal/images/quote-left.png) no-repeat; position: absolute; left: -50px; top: 0; } .author-box-custom { display: flex; flex-direction: column; align-items: center; } .author-box-custom p { font-family: inherit !important; text-align: center !important; font-size: 1.1em !important; line-height: normal; padding: 0 15%; width: 300px !important; } .testimonial-field { line-height: 15px; } .testimonial-name { font-weight: 700; } .wpmtst-testimonial-field.testimonial-field a { color: rgb(21 168 228); } .widget-container .wpmtst-testimonial-inner.testimonial-inner p:before { content: none !important; } .widget-container .wpmtst-testimonial-inner.testimonial-inner p:after { content: none !important; } .widget-container .wpmtst-testimonial-content.testimonial-content p { font-size: 16px !important; --max-lines: 4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--max-lines); font-style: normal !important; } .widget-container .wpmtst-testimonial-content.testimonial-content p { font-size: 16px !important; padding: 0px !important; font-style: normal !important; } .widget-container .wpmtst-testimonial-inner.testimonial-inner { padding: 0px !important; } .widget-container .wpmtst-testimonial-content.testimonial-content { margin-top: 5px !important; } .widget-container .wpmtst-testimonial-field.testimonial-field:nth-last-child(2) { margin-top: 0px !important; } .widget-container .wpmtst-testimonial-image.testimonial-image { padding-bottom: 10px; padding-top: 50px; } .widget-container .widget-container .wpmtst-testimonial-content.testimonial-content p strong { font-weight: 100 !important; } .widget-container content.testimonial-content p strong { font-weight: 100 !important; } .widget-container strong { font-weight: 100; } .page-template-pageTestimonial article { margin-top: 30px; border-bottom: 1px solid #f1f1f1; padding-bottom: 60px; } .page-template-pageTestimonial .item .entry-summary p strong { font-weight: 100 !important; } a.prev.page-numbers { display: none !important; } a.next.page-numbers{ display: none !important; } .page-template-pageTestimonial li#custom_html-9 { display: none; } .page-template-pageTestimonial li#custom_html-10 { display: none; } .rtl .wpmtst-testimonial-content.testimonial-content { direction: rtl !important; } .single-wpm-testimonial .recent { display: none; } .single-wpm-testimonial span.eng.pull-right { float: right; } .single-wpm-testimonial span.ar.pull-left { float: left !important; padding-bottom: 0px; margin-top: -15px; } .single-wpm-testimonial div#testimonial-content p { text-align: center; } .wpmtst-testimonial-image.testimonial-image { padding-top: 60px; } .rtl .wpmtst-testimonial-content.testimonial-content p { font-family: 'Cairo', sans-serif; } #colophon{ border-top: 1px #ccc solid; padding: 15px 0px; } .wpm-testimonial div#entry-author-info { display: none !important; } .wpm-testimonial div#testimonial-content { padding-bottom: 60px; } .rtl .wpmtst-testimonial-field.testimonial-field.testimonial-company { direction: rtl !important; } @media only screen and (max-width:1300px) { .wpmtst-testimonial-content.testimonial-content p:before { width: 50px !important; height: 50px !important; background-size: contain !important; } .wpmtst-testimonial-content.testimonial-content p:after{ width: 50px !important; height: 50px !important; background-size: contain !important; } div#testimonial-content p:after { width: 50px; height: 50px; background-size: contain !important; } div#testimonial-content p:before { width: 50px; height: 50px; background-size: contain !important; } } @media only screen and (max-width:980px) { .wpmtst-testimonial-field.testimonial-field.testimonial-company { margin-top: 0px !important; } } @media only screen and (max-width:768px) { div#testimonial-content p:before{ width: 50px !important; height: 50px !important; background-size: contain !important; } .wpmtst-testimonial-content.testimonial-content p:before{ width: 50px !important; height: 50px !important; background-size: contain !important; } div#testimonial-content p:after{ width: 50px !important; height: 50px !important; background-size: contain !important; } .wpmtst-testimonial-content.testimonial-content p:after{ width: 50px !important; height: 50px !important; background-size: contain !important; } } @media only screen and (max-width:520px) { div#testimonial-content p:after{ right: 5px !important; } .wpmtst-testimonial-content.testimonial-content p:after{ left: -50px !important; } div#testimonial-content p:before{ left:-5px !important } .wpmtst-testimonial-content.testimonial-content p:before{ right:-50px !important } } h2.insight-box { font-family: 'Playfair Display'; } .rtl.presentation-page .container-box { display: none; } .rtl.presentation-page h2.insight-box{ display: none; } .ea-card.sp-ea-single h3 a { font-family: 'Montserrat' !important; font-weight: 700 !important; font-size: 16px !important; } h2.insight-box { font-family: 'Playfair Display'; } .wpmtst-testimonial-field.testimonial-field.testimonial-company a { text-decoration: none !important; }