/****************************************************************** Site Name: Author: Stylesheet: Main Stylesheet Here's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. ******************************************************************/ /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE6/7/8/9 & FF3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4. * Known issue: no IE6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. * people.opera.com/patrickl/experiments/keyboard/test */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7. * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in FF3+, S4/5, Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7. */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome. * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in S4. */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE6/7/8/9, FF3. * 2. Improves image quality when scaled in IE7. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9. * 2. Corrects text not wrapping in FF3. * 3. Corrects alignment displayed oddly in IE6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting `line-height` on `input` using `!important` in the * UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE7 without affecting normal text inputs. * Known issue: inner spacing remains in IE6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9. * 2. Removes excess padding in IE8/9. * 3. Removes excess padding in IE7. * Known issue: excess padding remains in IE6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in S5, Chrome. * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz` * to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** CUSTOMIZED RESET VALUES I added these extra styles as a more personalized reset. Feel free to remove them if you like or add your own. If you want to update the normalize styles, make sure to edit from this point up. ******************************************************************/ b, strong, .strong { font-weight: bold; } dfn, em, .em { font-style: italic; } small, .small { font-size: 75%; } ul, ol { padding: 0; list-style-type: none; } dd { margin: 0; } .sidebar ul, .sidebar ol, .commentlist { list-style: none; } /****************************************************************** Site Name: Author: Stylesheet: Mixins & Constants Stylesheet This is where you can take advantage of LESS' great features: Mixins & Constants. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques like box shadow and border-radius. A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more. ******************************************************************/ /********************* CLEARFIXIN' *********************/ .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /********************* TOOLS *********************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; height: 0; width: 0; margin: 0; padding: 0; } /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /* Here's a great tutorial on how to use color variables properly: http://sachagreif.com/sass-color-variables/ */ /********************* TYPOGRAPHY *********************/ /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ /* @font-face { font-family: 'Font Name'; src: url('../fonts/font-name.eot'); src: url('../fonts/font-name.eot?#iefix') format('embedded-opentype'), url('../fonts/font-name.woff') format('woff'), url('../fonts/font-name.ttf') format('truetype'), url('../fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; } /* text alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .alert { margin: 10px; padding: 5px 18px; border: 1px solid; } .alert-help { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #e8dc59; background: #ebe16f; } .alert-info { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #bfe4f4; background: #d5edf8; } .alert-error { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #f8cdce; background: #fbe3e4; } .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; border-color: #deeaae; background: #e6efc2; } /********************* BORDER RADIUS *********************/ /* NOTE: For older browser support (and some mobile), don't use the shorthand to define *different* corners. USAGE: .border-radius(4px); */ /********************* TRANISTION *********************/ /* .transition(all,2s); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdo it. *********************/ /* .css-gradient(#dfdfdf,#f8f8f8); */ /********************* BOX SHADOW *********************/ /* .boxShadow(0,0,4px,0,#444); */ /* .boxShadow(none); */ /********************* BUTTONS *********************/ .button, .button:visited { border: 1px solid #457370; border-top-color: #518682; border-left-color: #518682; padding: 4px 12px; color: #ffffff; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.75); cursor: pointer; margin-bottom: 20px; line-height: 21px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #548c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#5e9c98), to(#548c88)); background-image: -webkit-linear-gradient(top, #5e9c98, #548c88); background-image: -moz-linear-gradient(top, #5e9c98, #548c88); background-image: -o-linear-gradient(top, #5e9c98, #548c88); background-image: linear-gradient(to bottom, #5e9c98, #548c88); } .button:hover, .button:visited:hover, .button:focus, .button:visited:focus { color: #ffffff; border: 1px solid #457370; border-top-color: #385c5a; border-left-color: #385c5a; background-color: #4b7c79; background-image: -webkit-gradient(linear, left top, left bottom, from(#548c88), to(#4b7c79)); background-image: -webkit-linear-gradient(top, #548c88, #4b7c79); background-image: -moz-linear-gradient(top, #548c88, #4b7c79); background-image: -o-linear-gradient(top, #548c88, #4b7c79); background-image: linear-gradient(to bottom, #548c88, #4b7c79); } .button:active, .button:visited:active { background-color: #5e9c98; background-image: -webkit-gradient(linear, left top, left bottom, from(#548c88), to(#5e9c98)); background-image: -webkit-linear-gradient(top, #548c88, #5e9c98); background-image: -moz-linear-gradient(top, #548c88, #5e9c98); background-image: -o-linear-gradient(top, #548c88, #5e9c98); background-image: linear-gradient(to bottom, #548c88, #5e9c98); } .blue-button, .blue-button:visited { border-color: #4b7c79; text-shadow: 0 1px 1px #4b7c79; background-color: #548c88; background-image: -webkit-gradient(linear, left top, left bottom, from(#5e9c98), to(#548c88)); background-image: -webkit-linear-gradient(top, #5e9c98, #548c88); background-image: -moz-linear-gradient(top, #5e9c98, #548c88); background-image: -o-linear-gradient(top, #5e9c98, #548c88); background-image: linear-gradient(to bottom, #5e9c98, #548c88); -webkit-box-shadow: inset 0 0 3px #90bcb9; -moz-box-shadow: inset 0 0 3px #90bcb9; box-shadow: inset 0 0 3px #90bcb9; } .blue-button:hover, .blue-button:visited:hover, .blue-button:focus, .blue-button:visited:focus { border-color: #416c69; background-color: #4b7c79; background-image: -webkit-gradient(linear, left top, left bottom, from(#568f8c), to(#4b7c79)); background-image: -webkit-linear-gradient(top, #568f8c, #4b7c79); background-image: -moz-linear-gradient(top, #568f8c, #4b7c79); background-image: -o-linear-gradient(top, #568f8c, #4b7c79); background-image: linear-gradient(to bottom, #568f8c, #4b7c79); } .blue-button:active, .blue-button:visited:active { background-color: #5e9c98; background-image: -webkit-gradient(linear, left top, left bottom, from(#548c88), to(#5e9c98)); background-image: -webkit-linear-gradient(top, #548c88, #5e9c98); background-image: -moz-linear-gradient(top, #548c88, #5e9c98); background-image: -o-linear-gradient(top, #548c88, #5e9c98); background-image: linear-gradient(to bottom, #548c88, #5e9c98); } /* BASE (MOBILE) SIZE This are the mobile styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important. */ p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } h2 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; margin: 0; font-size: 19px; padding: 0 0 10px; font-weight: normal; } h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 0 8px; font-size: 18px; font-weight: normal; } span.inlineh3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 5px 15px 0; font-size: 18px; } span.txtblue { color: #5e9c98; } span.txtltblue { color: #d8ebec; } span.txtgreen { color: #555321; } span.txtltgreen { color: #ded967; } span.txtorange { color: #f26d31; } span.txtgrey { color: #a7a9ac; } span.txtdkgrey { color: #8d8f93; } span.helvetica-neue { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } span.helvetica-bdex { font-family: "HelveticaNeueLTStd-BdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; } span.helvetica-mdex { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; } span.helvetica-ex { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; } /****************************************************************** Site Name: Author: Stylesheet: Base Mobile Stylesheet Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports. ------------ MAP ------------ 01. GENERAL STYLES 02. WORDPRESS BODY CLASSES 03. LAYOUT & GRID STYLES 04. LINK STYLES 05. H1, H2, H3, H4, H5 STYLES 06. HEADER SYTLES 07. NAVIGATION STYLES 08. POSTS & CONTENT STYLES 09. PAGE NAVI STYLES 10. COMMENT STYLES 11. COMMENT FORM STYLES 12. SIDEBARS & ASIDES 13. FOOTER STYLES ******************************************************************/ /********************* 01. GENERAL STYLES *********************/ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #565656; } .nowrap { white-space: nowrap; } .desktop-visible { display: block!important; } .mobile-visible { display: none!important; } .logos { font-size: 0; line-height: 0; text-align: center; padding-top: 20px; display: none; } .logos .logo { display: inline; vertical-align: middle; max-width: 25%; padding: 10px; } .logos .logo img { max-width: 100%; height: auto; vertical-align: middle; } .text-desktop { display: block; } .text-mobile, .footer-fixed { display: none; } @font-face { font-family: 'HelveticaNeueLTStdLt'; src: url('fonts/HelveticaNeueLTStdLt.eot'); src: url('fonts/HelveticaNeueLTStdLt.eot') format('embedded-opentype'), url('fonts/HelveticaNeueLTStdLt.woff2') format('woff2'), url('fonts/HelveticaNeueLTStdLt.woff') format('woff'), url('fonts/HelveticaNeueLTStdLt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStdLt.svg#HelveticaNeueLTStdLt') format('svg'); } @font-face { font-family: 'HelveticaNeueLTStdLtIt'; src: url('fonts/HelveticaNeueLTStdLtIt.eot'); src: url('fonts/HelveticaNeueLTStdLtIt.eot') format('embedded-opentype'), url('fonts/HelveticaNeueLTStdLtIt.woff2') format('woff2'), url('fonts/HelveticaNeueLTStdLtIt.woff') format('woff'), url('fonts/HelveticaNeueLTStdLtIt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStdLtIt.svg#HelveticaNeueLTStdLtIt') format('svg'); } @font-face { font-family: 'HelveticaNeueLTStdMdEx'; src: url('fonts/helvetica lt 63 medium extended.eot'); src: url('fonts/helvetica lt 63 medium extended.eot?#iefix') format('embedded-opentype'); src: url('fonts/HelveticaNeueLT-MediumExt.woff') format('woff'), url('fonts/HelveticaNeueLT-MediumExt.ttf') format('truetype'), url('fonts/HelveticaNeueLT-MediumExt.svg#HelveticaNeueLT-MediumExt') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdBdEx'; src: url('fonts/HelveticaNeueLTStd-BdEx.eot'); src: url('fonts/HelveticaNeueLTStd-BdEx.woff') format('woff'), url('fonts/HelveticaNeueLTStd-BdEx.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-BdEx.svg#HelveticaNeueLTStd-BdEx') format('svg'), url('fonts/HelveticaNeueLTStd-BdEx.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdLtEx'; src: url('fonts/HelveticaNeueLTStd-LtEx.eot'); src: url('fonts/HelveticaNeueLTStd-LtEx.woff') format('woff'), url('fonts/HelveticaNeueLTStd-LtEx.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-LtEx.svg#HelveticaNeueLTStd-LtEx') format('svg'), url('fonts/HelveticaNeueLTStd-LtEx.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdMd'; src: url('fonts/HelveticaNeueLTStd-Md.eot'); src: url('fonts/HelveticaNeueLTStd-Md.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg'), url('fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdEx'; src: url('fonts/HelveticaNeueLTStd-Ex.eot'); src: url('fonts/HelveticaNeueLTStd-Ex.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Ex.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Ex.svg#HelveticaNeueLTStd-Ex') format('svg'), url('fonts/HelveticaNeueLTStd-Ex.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdHvEx'; src: url('fonts/HelveticaNeueLTStd-HvEx.eot'); src: url('fonts/HelveticaNeueLTStd-HvEx.woff') format('woff'), url('fonts/HelveticaNeueLTStd-HvEx.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-HvEx.svg#HelveticaNeueLTStd-HvEx') format('svg'), url('fonts/HelveticaNeueLTStd-HvEx.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdIt'; src: url('fonts/HelveticaNeueLTStd-It.eot'); src: url('fonts/HelveticaNeueLTStd-It.woff') format('woff'), url('fonts/HelveticaNeueLTStd-It.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-It.svg#HelveticaNeueLTStd-It') format('svg'), url('fonts/HelveticaNeueLTStd-It.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStdRoman'; src: url('fonts/HelveticaNeueLTStd-Roman.eot'); src: url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg'), url('fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /******************** 02. WORDPRESS BODY CLASSES style a page via class ********************/ /* for sites that are read right to left (i.e. hebrew) */ /* home page */ /* blog template page */ /* archive page */ /* date archive page */ /* replace the number to the corresponding page number */ /* search page */ /* search result page */ /* no results search page */ /* individual paged search (i.e. body.search-paged-3) */ /* 404 page */ /* single post page */ /* individual post page by id (i.e. body.postid-73) */ /* individual paged single (i.e. body.single-paged-3) */ /* attatchment page */ /* individual attatchment page (i.e. body.attachmentid-763) */ /* style mime type pages */ /* author page */ /* user nicename (i.e. body.author-samueladams) */ /* paged author archives (i.e. body.author-paged-4) for page 4 */ /* category page */ /* individual category page (i.e. body.category-6) */ /* replace the number to the corresponding page number */ /* tag page */ /* individual tag page (i.e. body.tag-news) */ /* replace the number to the corresponding page number */ /* custom page template page */ /* individual page template (i.e. body.page-template-contact-php */ /* replace the number to the corresponding page number */ /* parent page template */ /* child page template */ /* replace the number to the corresponding page number */ /* if user is logged in */ /* paged items like search results or archives */ /* individual paged (i.e. body.paged-3) */ /********************* 03. LAYOUT & GRID STYLES *********************/ .wrap { margin: 0 auto; width: 1140px; } /********************* 04. LINK STYLES *********************/ a, a:visited { color: #555321; /* on hover */ /* on click */ /* mobile tap color */ } a:hover, a:visited:hover, a:focus, a:visited:focus { color: #5e9c98; } a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /****************************************************************** 05. H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; font-weight: 400; /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } h1, .h1 { font-size: 2.5em; line-height: 1.333em; } h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } h3, .h3 { font-size: 1.125em; } h4, .h4 { font-size: 1.1em; font-weight: 700; } h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* 06. HEADER SYTLES *********************/ .header { background-image: url(/wp-content/themes/knowmad2013/library/images/header/topo_bar.jpg); background-position: left bottom; background-repeat: repeat-x; padding: 0 0 8px; min-width: 1140px; } .header #inner-header { height: 110px; position: relative; padding: 0; } .header #logo { background: #555321; height: 100%; width: 260px; position: absolute; bottom: 0; left: 24px; } .header #logo .logo-image { position: absolute; z-index: 1000; top: 10px; left: 19px; } .header #sublogo { background: #555321; color: #d8ebec; height: 60px; width: 260px; position: absolute; bottom: -68px; z-index: 1000; left: 24px; text-align: center; text-transform: uppercase; font-size: 11px; display: table; } .header #sublogo p { display: table-cell; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 15px; } .header .contact { position: absolute; top: 0px; right: 0px; } .header .contact > div { float: left; } .header .contact .email { background: url(/wp-content/themes/knowmad2013/library/images/sidebar/plus.png) 0 2px no-repeat; color: #8d8f93; font-size: 15px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 0 0 22px; margin: 10px 10px 0; } .header .contact .email a { font-size: 14px; text-decoration: none; } .sidebar .widget_contact_us .connect { display: none; } .sidebar .widget_contact_us .connect ul li a:after { display: none!important; } .sidebar .widget_contact_us .connect ul, .header .contact .connect ul { margin: 6px 0; } .sidebar .widget_contact_us .connect ul li, .header .contact .connect ul li { display: inline-block; padding: 1px; } .sidebar .widget_contact_us .connect ul li a, .header .contact .connect ul li a { width: 25px; height: 25px; display: block; background-position: 0 0; } .sidebar .widget_contact_us .connect ul li a:hover, .header .contact .connect ul li a:hover { background-position: 25px 0; } .header .contact .phone { background: url(/wp-content/themes/knowmad2013/library/images/header/border-angle.png) top left no-repeat; font-family: "HelveticaNeueLTStd-BdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #5e9c98; padding-left: 48px; } .header .contact .phone .border { border-bottom: 2px #ded967 solid; border-right: 2px #ded967 solid; padding: 10px 10px 0px 5px; } .header nav { position: absolute; bottom: 0; left: 275px; } /********************* 07. NAVIGATION STYLES *********************/ /* all navs have a .nav class applied via the wp_menu function; this is so we can easily write one group of styles for the navs on the site so our css is cleaner and more scalable. */ .nav { border: 0; margin: 0 0 0px 40px; /* end .menu li */ /* highlight current page */ /* end current highlighters */ } .nav > li { float: left; background-image: url(/wp-content/themes/knowmad2013/library/images/header/nav-arrow.png); background-position: left center; background-repeat: no-repeat; padding: 5px 40px 0px 0; } .nav > li:last-child { padding: 5px 0px 0px 0; } .nav > li:hover, .nav > li:focus { background-image: url(/wp-content/themes/knowmad2013/library/images/header/nav-arrow-hover.png); background-position: left center; background-repeat: no-repeat; } .nav > li:hover > a, .nav > li:focus > a { color: #5e9c98; } .nav li { position: relative; text-transform: uppercase; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; /* so you really have to rethink your dropdowns for mobile. you don't want to have it expand too much because the screen is so small. How you manage your menu should depend on the project. Here's some great info on it: http://www.alistapart.com/articles/organizing-mobile/ */ } .nav li a { display: block; text-decoration: none; padding: 10px 10px; border-bottom: 0px; padding: 0 0 0 13px; color: #8d8f93; /* remember this is for mobile ONLY, so there's no need to even declare hover styles here, you can do it in the style.scss file where it's relevant. We want to keep this file as small as possible! */ } .nav li:hover > ul.sub-menu, .nav li:focus > ul.sub-menu { display: block; } .nav li ul.sub-menu, .nav li ul.children { margin-top: 0px; border: 2px solid #DED967; border-top: 0; position: absolute; left: 0px; display: none; z-index: 8999; background-color: #FFF; } .nav li ul.sub-menu li.nolink, .nav li ul.children li.nolink { text-transform: uppercase; } .nav li ul.sub-menu li.nolink:hover, .nav li ul.children li.nolink:hover, .nav li ul.sub-menu li.nolink:focus, .nav li ul.children li.nolink:focus { background-color: #fff; } .nav li ul.sub-menu li.nolink a, .nav li ul.children li.nolink a { color: #a7a9ac; } .nav li ul.sub-menu li.nolink a:hover, .nav li ul.children li.nolink a:hover, .nav li ul.sub-menu li.nolink a:focus, .nav li ul.children li.nolink a:focus { color: #a7a9ac; } .nav li ul.sub-menu li, .nav li ul.children li { white-space: nowrap; text-transform: none; font-size: 95%; /* if you need to go deeper, go nuts just remember deeper menus suck for usability. k, bai. */ } .nav li ul.sub-menu li a, .nav li ul.children li a { padding: 2px 10px; border-right: 0; display: block; color: #555321; } .nav li ul.sub-menu li a:hover, .nav li ul.children li a:hover, .nav li ul.sub-menu li a:focus, .nav li ul.children li a:focus { color: #555321; background-color: #ECECEC; } .nav li ul.sub-menu li:first-child, .nav li ul.children li:first-child { padding-top: 3px; } .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; } .nav li ul.sub-menu li:hover ul, .nav li ul.children li:hover ul { top: auto; display: block; } /* end .nav */ /********************* 07.2 FANCY BOX STYLES *********************/ .fancybox-overlay { background-image: none; background-color: rgba(94, 156, 152, 0.5); } /********************* 08. POSTS & CONTENT STYLES *********************/ .print-only { display: none; } #content #slider { background-image: url(/wp-content/themes/knowmad2013/library/images/header/slider.jpg); background-color: #999; height: 420px; position: relative; } #content #slider .bx-pager { top: 20px; right: 20px; height: 20px; } #content a:hover div.dytform { color: #d8ebec; } .Form-Mobile-Wrapper .dytform, #content .dytform { position: absolute; bottom: 50px; left: 24px; width: 260px; background-color: #555321; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #ded967; text-transform: uppercase; padding: 20px 13px 15px; line-height: 1; } .Form-Mobile-Wrapper .dytform { z-index: 1; } @media (min-width: 1156px) { .Form-Mobile-Wrapper .dytform { left: 50%; margin-left: -540px; } } .Form-Mobile-Wrapper .dytform img, #content .dytform img { position: absolute; bottom: 16px; right: 14px; } #content .trip-excerpt { position: absolute; padding: 24px; background-color: rgba(216, 235, 236, 0.85); width: 425px; top: 50px; right: 24px; vertical-align: text-top; } #content .trip-excerpt h1, #content .trip-excerpt h3 { font-size: 22px; margin: 0; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; line-height: 1.2; padding: 0px; } #content .trip-excerpt a { text-decoration: none; } #content .trip-excerpt a:hover { color: inherit; } #content .trip-excerpt .sub-excerpt a:after { content: ">>"; color: #f26d31; } #content .trip-excerpt p { font-size: 15px; margin: 0; padding: 8px 0; color: #333; } #content .trip-excerpt p:last-child { padding-bottom: 0px; } #content .trip-excerpt p:first-child { padding-top: 0px; } #content .trip-excerpt p.hang-quote { text-indent: -8px; margin-left: 8px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; } #content .trip-excerpt .sub-excerpt { color: #555321; font-size: 12px; text-transform: uppercase; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top: 8px; } #content .slider-content a { text-decoration: none; color: #231f20; } #content .slider-content a:hover { text-decoration: none; color: #555321; } #content #inner-content { padding: 24px; } #content #inner-content.travelers-blog #main .article-header { margin-bottom: 5px; } #content #inner-content.travelers-blog #main h1.archive-title { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; text-transform: uppercase; color: #a7a9ac; padding: 12px 10px 5px; border: 1px solid #d8ebec; margin-bottom: 25px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #content #inner-content.travelers-blog #main article { border-bottom: 3px #f26d31 dotted; margin-bottom: 20px; } #content #inner-content.travelers-blog #main article:last-of-type { border-bottom: 0px; } #content #inner-content.travelers-blog #main article h1, #content #inner-content.travelers-blog #main article h1.h2, #content #inner-content.travelers-blog #main article h2 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; } #content #inner-content.travelers-blog #main article h1 a, #content #inner-content.travelers-blog #main article h1.h2 a, #content #inner-content.travelers-blog #main article h2 a { color: #5e9c98; } #content #inner-content.travelers-blog #main article h1 a:hover, #content #inner-content.travelers-blog #main article h1.h2 a:hover, #content #inner-content.travelers-blog #main article h2 a:hover { color: #f26d31; } #content #inner-content.travelers-blog #main article .entry-content { border-bottom: 0; } #content #inner-content.travelers-blog #main article .entry-content .read-more { text-transform: uppercase; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 110%; text-decoration: none; font-style: normal; padding-left: 0px; } #content #inner-content.travelers-blog #main article .entry-content .read-more:after { content: '>'; font-size: 20px; color: #5e9c98; padding-left: 5px; } #content #inner-content.travelers-blog #main article .entry-content a.more-link { text-decoration: none; } #content #inner-content.travelers-blog #main article .entry-content .archive-thumb { float: left; margin: 0 10px 10px 0; } #content #inner-content.travelers-blog #main article footer { margin-bottom: 15px; } #content #inner-content.travelers-blog #main article footer .respond-form { background-color: #FFF; border: 1px solid #d8ebec; padding: 12px; position: relative; margin: 0 0 15px; } #content #inner-content.travelers-blog #main article footer .respond-form h3 { font-size: 17px; padding-bottom: 12px; } #content #inner-content.travelers-blog #main article footer .respond-form h3 a:after { content: ">"; color: #5e9c98; padding-left: 5px; font-size: 22px; } #content #inner-content.travelers-blog #main article footer .footershare { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: #8d8f93; text-transform: uppercase; padding: 10px 10px 3px; position: absolute; top: -38px; right: -1px; background-color: #fff; border: 1px solid #d8ebec; border-bottom: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #content #inner-content.travelers-blog #main article footer .footershare li { display: inline-block; vertical-align: middle; } #content #inner-content.travelers-blog #main article footer .footershare li.sharetxt { padding-top: 5px; } #content #inner-content.travelers-blog #main article footer .footershare li a { display: block; background-position: 0 0; height: 25px; width: 25px; } #content #inner-content.travelers-blog #main article footer .footershare li a:hover { background-position: 25px 0; } #content #inner-content.travelers-blog #main article footer .tags { border: 1px solid #ded967; padding: 5px 10px; clear: both; } #content #inner-content.travelers-blog #main article footer .tags .postdate { float: right; } #content #inner-content #main { background-color: #f6f6f6; padding: 24px; width: 71%; float: left; position: relative; } #content #inner-content #main img { background-color: #fff; padding: 10px; } #content #inner-content #main img.noborder { padding: 0px; } #content #inner-content #main img.transparent { background-color: #f6f6f6; } #content #inner-content #main p { padding: 0 0 15px; margin: 0; } #content #inner-content #main .sharebar { color: #8d8f93; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; position: absolute; top: 0px; right: 20px; padding: 0px 10px 5px; background-color: #FFF; border: 2px #d8ebec solid; border-top: 0px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } #content #inner-content #main .sharebar li { display: -moz-inline-box; display: inline-block; vertical-align: middle; } #content #inner-content #main .sharebar li.img { margin: 0 0 0 8px; } #content #inner-content #main .sharebar li a div.icon { height: 20px; width: 20px; background-size: 40px 40px; float: left; margin: 0 3px 0 5px; } #content #inner-content #main .sharebar li.facebook a div.icon { background-image: url("//knowmadadventures.com/wp-content/uploads/2013/07/facebook-icon.png"); } #content #inner-content #main .sharebar li.email a div.icon { background-image: url("//knowmadadventures.com/wp-content/uploads/2013/07/email-icon.png"); } #content #inner-content #main .sharebar li.pdf a div.icon { background-image: url("//knowmadadventures.com/wp-content/uploads/2013/07/download-icon.png"); } #content #inner-content #main .sharebar li.print a div.icon { background-image: url("//knowmadadventures.com/wp-content/uploads/2013/07/print-icon.png"); } #content #inner-content #main .sharebar li a { text-decoration: none; color: #8d8f93; vertical-align: text-top; } #content #inner-content #main .sharebar li a img { padding: 0px; } #content #inner-content #main .sharebar li a.link-country { margin: 0 0 0 5px; } #content #inner-content #main .sharebar li a:hover div.icon { background-position: 20px 0; } #content #inner-content #main .article-header { margin-bottom: 15px; } #content #inner-content #main .post-trip-resource .post-trip-icons { text-align: center; } #content #inner-content #main .post-trip-resource .post-trip-icons .community-icon { display: inline-block; } #content #inner-content #main .post-trip-resource .post-trip-icons .community-icon a { display: block; background-position: center calc(50% - 3px); background-repeat: no-repeat; } #content #inner-content #main .post-trip-resource .post-trip-icons .community-icon a img { border-width: 0; background: none; padding: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #content #inner-content #main .post-trip-resource .post-trip-icons .community-icon a:hover img { opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } #content #inner-content #main .post-trip-resource .yelp, #content #inner-content #main .post-trip-resource .trip-advisor, #content #inner-content #main .post-trip-resource .fb-review { background-position: 0 0; background-repeat: none; display: inline-block; text-indent: -98765px; } #content #inner-content #main .post-trip-resource .yelp:hover, #content #inner-content #main .post-trip-resource .trip-advisor:hover, #content #inner-content #main .post-trip-resource .fb-review:hover { background-position: 0 -80px; } #content #inner-content #main .post-trip-resource .trip-advisor { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/trip-advisor-logo.png); width: 248px; height: 80px; } #content #inner-content #main .post-trip-resource .fb-review { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/fb-logo.png); width: 248px; height: 80px; } #content #inner-content #main .post-trip-resource .yelp { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/yelp-logo.png); width: 138px; height: 80px; margin: 0 20px; } #content #inner-content #main .post-trip-resource .connectbx { text-align: center; padding: 20px 0 35px; } #content #inner-content #main .post-trip-resource .connectbx ul { margin: 6px 0; display: inline; padding: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #d8ebec; background-color: #FFF; } #content #inner-content #main .post-trip-resource .connectbx ul li { display: inline-block; padding: 1px; text-indent: 0px; vertical-align: middle; text-transform: uppercase; color: #a7a9ac; font-size: 85%; } #content #inner-content #main .post-trip-resource .connectbx ul li.connecttxt { padding-bottom: 4px; } #content #inner-content #main .post-trip-resource .connectbx ul li a { width: 25px; height: 25px; display: block; background-position: 0 0; } #content #inner-content #main .post-trip-resource .connectbx ul li a:hover { background-position: 25px 0; } #content #inner-content #main .post-trip-resource .connectbx ul li:before { content: ""; padding: 0; } #content #inner-content #main .post-trip-resource .quick-form { width: 600px; margin: 0 auto 20px; padding: 15px 20px; border: 1px solid #d8ebec; background-color: #fff; } #content #inner-content #main .post-trip-resource .quick-form ul li { text-indent: 0; padding: 0; } #content #inner-content #main .post-trip-resource .quick-form ul li:before { content: ""; padding: 0; } #content #inner-content #main .post-trip-resource .quick-form li.name input { width: 220px; } #content #inner-content #main .post-trip-resource .quick-form li.email input, #content #inner-content #main .post-trip-resource .quick-form textarea { width: 100%; } #content #inner-content #main .post-trip-resource .quick-form textarea { height: 110px; } #content #inner-content #main .post-trip-resource .quick-form input[type="submit"] { margin: 15px 0 0px; } #content #inner-content #main .post-trip-resource div.wpcf7-response-output { left: 182px; bottom: 20px; } #content #inner-content #main .post-trip-resource .dbutton { text-align: center; padding: 10px 0 18px; } #content #inner-content #main .post-trip-resource .dbutton a { text-decoration: none; color: #8d8f93; font-size: 85%; } #content #inner-content #main .post-trip-resource .dbutton a:after { content: ">"; color: #f26d31; font-size: 17px; margin-left: 5px; } #content #inner-content #main article h1 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; margin: 0 0 3px 0; font-size: 19px; padding: 0 0 0px; line-height: 1.2; } #content #inner-content #main article h2 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; margin: 0 0 3px 0; font-size: 19px; padding: 0 0 0px; line-height: 1.2; } #content #inner-content #main article h2.print-title { font-size: 20px; } #content #inner-content #main article h1.nolink > a { color: #5e9c98; text-decoration: none; cursor: text; } #content #inner-content #main article h2.nolink > a { color: #5e9c98; text-decoration: none; cursor: text; } #content #inner-content #main article h3, #content #inner-content #main article h4 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 0 3px; font-size: 16px; line-height: 1.2; } #content #inner-content #main article h4 { display: inline; font-weight: 400; } #content #inner-content #main article .inlineh3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 5px 15px 0; font-size: 16px; line-height: 1.2; } #content #inner-content #main article .no-padding { padding: 0px; } #content #inner-content #main article .feature-img { margin-bottom: 20px; text-align: center; } #content #inner-content #main article section.entry-content ul { list-style-type: none; margin: 5px 0; } #content #inner-content #main article section.entry-content ul li { padding: 0 0 10px 16px; text-indent: -1em; line-height: 1.4; } #content #inner-content #main article section.entry-content ul li:before { content: "•"; padding: 0 7px 0 0; color: #ded967; line-height: 1; font-size: 16px; } #content #inner-content #main article .entry-content, #content #inner-content #main article .contact { border-bottom: 3px #f26d31 dotted; padding-bottom: 10px; margin-bottom: 24px; } #content #inner-content #main article .contact:last-child { border-bottom: 0px; } #content #inner-content #main article .press-logos { padding: 0; } #content #inner-content #main article .extensions h3 { padding: 0px; } #content #inner-content #main article .extensions a { text-decoration: none; } #content #inner-content #main article .extensions a h3:after { content: " >"; color: #5e9c98; } #content #inner-content #main article div.page-highlight { margin-bottom: 15px; } #content #inner-content #main article div.page-highlight .thumbnail { float: left; margin-right: 25px; } #content #inner-content #main article div.page-highlight .thumbnail img { width: 170px; } #content #inner-content #main article div.page-highlight .text { float: left; padding-top: 10px; width: 500px; } #content #inner-content #main article div.page-highlight .text a { text-decoration: none; color: #555321; } #content #inner-content #main article div.page-highlight .text a h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 5px; font-size: 16px; text-decoration: none; display: inline; } #content #inner-content #main article div.page-highlight .text a h3:after { content: " >"; color: #5e9c98; font-size: 22px; } #content #inner-content #main article div.page-highlight .text a h3:hover { color: #f26d31; } #content #inner-content #main article div.page-highlight .text a h3:hover:after { color: #f26d31; } #content #inner-content #main article div.page-highlight .text .testimonial { font-style: italic; } #content #inner-content #main article div.page-highlight .text .testimonial p { text-indent: -7px; } #content #inner-content #main article div.page-highlight .text .testimonial p:first-child:before { content: open-quote; margin-right: 2px; font-size: 110%; } #content #inner-content #main article div.page-highlight .text .testimonial p:last-child:after { content: close-quote; margin-left: 2px; font-size: 110%; } #content #inner-content #main article div.page-highlight .text .name { margin: 0 0 0 50px; } #content #inner-content #main article div.page-highlight .text .trips { margin: 0 0 0 59px; } #content #inner-content #main article div.page-highlight .text .trips span:last-child:before { content: ' & '; } #content #inner-content #main article div.page-highlight .text .trips span:first-child:before { content: ''; } #content #inner-content #main article div.page-highlight .text .trips span a { text-decoration: underline; } #content #inner-content #main article div.page-highlight .text .trips span a:hover { color: #f26d31; } #content #inner-content #main article div.page-highlight .text .edit { float: right; font-style: italic; } #content #inner-content #main article div.page-highlight .text .edit a { color: #8d8f93; text-decoration: underline; } #content #inner-content #main article div.page-highlight .text .edit a:hover { color: #f26d31; } #content #inner-content #main article div.page-highlight .text p a { text-decoration: underline; } #content #inner-content #main article div.itinerarybox { width: 350px; border: 3px solid #d8ebec; -moz-border-radius: 15px; border-radius: 15px; background-color: #f8f9f9; float: left; padding: 15px; margin-bottom: 25px; min-height: 400px; } #content #inner-content #main article div.itinerarybox:nth-child(odd) { margin-right: 25px; } #content #inner-content #main article div.itinerarybox a { text-decoration: none; color: #231f20; } #content #inner-content #main article div.itinerarybox a h3 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #8d8f93; font-size: 16px; text-decoration: none; padding: 3px 0 5px; } #content #inner-content #main article div.itinerarybox a img { padding: 0; margin: 0 0 5px; } #content #inner-content #main article div.itinerarybox a .great-for, #content #inner-content #main article div.itinerarybox a .price { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #555321; display: block; } #content #inner-content #main article div.itinerarybox a .great-for { line-height: 1.3; margin-top: 3px; text-indent: -68px; padding-left: 68px; } #content #inner-content #main article div.itinerarybox a .price:after { content: " >>"; color: #f26d31; } #content #inner-content #main article div.itinerarybox a p { font-size: 13px; font-style: italic; padding: 0px; } #content #inner-content #main article div.photoalbumbox { width: 350px; float: left; padding: 15px; margin-bottom: 5px; min-height: 360px; } #content #inner-content #main article div.photoalbumbox:nth-child(odd) { margin-right: 25px; } #content #inner-content #main article div.photoalbumbox a { text-decoration: none; color: #231f20; } #content #inner-content #main article div.photoalbumbox a:hover h3 { color: #5e9c98; } #content #inner-content #main article div.photoalbumbox a h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; font-size: 16px; text-decoration: none; padding: 3px 0 0px; margin: 0 10px 0px; line-height: 1; } #content #inner-content #main article div.photoalbumbox a h3:after { content: ">"; font-size: 22px; color: #5e9c98; margin-left: 5px; } #content #inner-content #main article div.photoalbumbox a img { margin: 0 0 5px; } #content #inner-content #main article div.photoalbumbox a p { font-size: 13px; font-style: italic; padding: 0px; margin: 0 10px; } #content #inner-content #main article div.view-more { float: right; } #content #inner-content #main article div.view-more a { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; text-transform: uppercase; text-decoration: none; } #content #inner-content #main article div.view-more a:after { content: " >"; font-size: 22px; color: #5e9c98; } #content #inner-content #main article div.travel-tip { float: left; padding: 15px; } #content #inner-content #main article div.travel-tip h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 0 0px; } #content #inner-content #main article div.travel-tip h3 .dot { color: #ded967; } #content #inner-content #main article div.travel-tip p { margin-left: 18px; } #content #inner-content #main article div.travel-tip.odd { width: 350px; } #content #inner-content #main article div.travel-tip.even { width: 100%; } #content #inner-content #main article.trip_country .edit { float: right; } #content #inner-content #main article.trip_country .edit a { font-size: 12px; color: #8d8f93; } #content #inner-content #main article.trip_country h3 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; margin: 0; } #content #inner-content #main article.trip_country h3.trigger a { color: #5e9c98; background: url(/wp-content/themes/knowmad2013/library/images/expand_txt.png) no-repeat right top; padding: 0 134px 0 0; } #content #inner-content #main article.trip_country h3.trigger.active a { background: url(/wp-content/themes/knowmad2013/library/images/collapse_txt.png) no-repeat right top; /* padding: 0 24px 0 0;*/ } #content #inner-content #main article.trip_country h3.trigger a:hover { color: #f26d31; } #content #inner-content #main article.trip_country .about-region { margin: 0 0 10px; } #content #inner-content #main article.trip_itinerary .highlights li { font-style: italic; } #content #inner-content #main article.trip_itinerary .detailed_itinerary ul { margin-left: 100px; } #content #inner-content #main article.trip_itinerary h2.trigger a { color: #5e9c98; background: url(/wp-content/themes/knowmad2013/library/images/expand_txt.png) no-repeat right top; padding: 0 134px 0 0; } #content #inner-content #main article.trip_itinerary h2.trigger.active a { background: url(/wp-content/themes/knowmad2013/library/images/collapse_txt.png) no-repeat right top; /* padding: 0 24px 0 0;*/ } #content #inner-content #main article.trip_itinerary h2.trigger a:hover { color: #f26d31; } #content #inner-content #main article.faq { padding: 5px; } #content #inner-content #main article.faq h3.trigger a { color: #555321; background: url(/wp-content/themes/knowmad2013/library/images/expand.png) no-repeat right top; padding: 0 24px 7px 0; line-height: 1.2; text-transform: none; } #content #inner-content #main article.faq .question-answer { margin: 0 0 8px; } #content #inner-content #main article.faq h3.trigger.active a { background: url(/wp-content/themes/knowmad2013/library/images/collapse.png) no-repeat right top; } #content #inner-content #main article.faq h3.trigger a:hover { color: #f26d31; } #content #inner-content #main article.faq ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } #content #inner-content #main article .contact-details .col { float: left; width: 50%; padding: 8px 0 15px 16px; } #content #inner-content #main article .downloads h3 { margin-bottom: 5px; } #content #inner-content #main article .downloads .col { float: left; width: 50%; } #content #inner-content #main article .downloads .col > div { padding: 12px 0; } #content #inner-content #main article .downloads a { text-decoration: none; color: #8d8f93; } #content #inner-content #main article .downloads a span.arrow { color: #f26d31; font-size: 18px; } #content #inner-content #main article .downloads a li { display: inline; vertical-align: bottom; } #content #inner-content #main article .downloads a span.download { text-transform: none; } #content #inner-content #main article .downloads a:hover li.downloadicon { background-position: -25px 0; } #content #inner-content #main article .downloads a li.downloadicon { background-image: url(/wp-content/themes/knowmad2013/library/images/header/download.png); background-position: 0 0; background-repeat: no-repeat; width: 25px; height: 25px; display: inline-block; } #content #inner-content #main article .press-article .title { font-style: italic; padding-bottom: 5px; } #content #inner-content #main article .job-title { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; font-size: 19px; } #content #twoColumnlist ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } /* end .hentry */ /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ .byline { color: #999; } /* entry content */ .entry-content { /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ } .entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } .entry-content img { margin: 0; max-width: 100%; height: auto; border: 5px solid #fff; } .entry-content video, .entry-content object { max-width: 100%; height: auto; } .entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; margin-bottom: 1.5em; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; margin-bottom: 1.5em; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* end .entry-content */ .wp-caption { background: #eee; padding: 5px; /* images inside wp-caption */ } .wp-caption img { margin-bottom: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } /* end .wp-caption */ /* image gallery styles */ .gallery { margin: 0 -4px; display: inline-block; } .gallery > br { display: none; } .gallery dl { float: left; margin: 4px; } .gallery dl img { width: 114.5px; } .gallery dt { line-height: 1; } /* end .gallery */ /* gallery caption styles */ /********************* 08.1 FORM STYLES *********************/ div.wpcf7-mail-sent-ok { border: 2px solid #555321; } div.wpcf7-mail-sent-ng { border: 2px solid #f26d31; } div.wpcf7-spam-blocked { border: 2px solid #f26d31; } div.wpcf7-validation-errors { border: 2px solid #f26d31; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #f26d31; font-size: 10pt; width: 280px; padding: 2px; } button, input, select, textarea { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 4px 4px 0px; } form { position: relative; } form .form-bullet { color: #ded967; font-size: 130%; } .fancybox-skin, .mfp-iframe-scaler iframe { background-color: #fff; } .popform { padding: 10px 25px; background-color: #fff; } .popform .popform > div, .popform .popform p, .popform .popform ul { margin: 0px 8px; } .popform .popform div.submit { margin: 15px 0 0; } .form-border form { border: 2px solid #d8ebec; background-color: #FFF; padding: 10px 15px; margin: 15px 0px; } form.wpcf7-form input[type="submit"], .dbutton a { background-color: #fff; border: 2px solid #d8ebec; padding: 13px 14px 7px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; text-transform: uppercase; color: #555321; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } form.wpcf7-form input[type="submit"]:hover, .dbutton a:hover { background-color: #d8ebec; color: inherit; } form.wpcf7-form div.wpcf7-response-output { padding: 5px; position: absolute; bottom: 12px; left: 125px; margin: 0px; } form.wpcf7-form h1, form.wpcf7-form h2, form.wpcf7-form h3 { padding: 0px; margin: 0px; } form.wpcf7-form h1 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #5e9c98; font-size: 22px; } form.wpcf7-form h2 { text-transform: none; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; font-size: 18px; margin: 8px 0 0 3px; } form.wpcf7-form h2 span.extra-info { font-size: 13px; color: #8d8f93; } form.wpcf7-form h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; font-size: 16px; } form.wpcf7-form .wpcf7-list-item { display: block; } form.wpcf7-form .wpcf7-list-item.last { float: none; } form.wpcf7-form .other { margin: 0 0 0 7px; } form.wpcf7-form .active .wpcf7-list-item { padding: 0 0 5px 50px; text-indent: -50px; } form.wpcf7-form p input { margin: 5px 0; } form.wpcf7-form p.text { width: 550px; padding: 0px 0 10px; } form.wpcf7-form .contact-info ul { margin: 0 0 5px; } form.wpcf7-form .contact-info li input { margin: 0 10px 10px 0; } form.wpcf7-form .contact-info li.name input { float: left; width: 200px; } form.wpcf7-form .contact-info li.email { clear: left; } form.wpcf7-form .contact-info li.email input { width: 410px; } form.wpcf7-form .contact-info li.phone input { width: 410px; } form.wpcf7-form .contact-info li.address { clear: left; } form.wpcf7-form .contact-info li.address input { width: 410px; } form.wpcf7-form .contact-info li.city input { float: left; width: 230px; } form.wpcf7-form .contact-info li.state input { float: left; width: 100px; } form.wpcf7-form .contact-info li.zip input { float: left; width: 60px; } form.wpcf7-form .sum-form .message textarea { width: 100%; height: 100px; margin: 5px 0 10px; } /****************************************************************** 08.9. PHOTOALBUM ******************************************************************/ #photo-gallery { width: 720px; padding: 0px 0px 0px ; overflow: hidden; } #photo-gallery .photo-controls { position: absolute; top: 0; right: 20px; background-color: #FFF; width: 315px; height: 30px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #a7a9ac; padding: 4px 0 0 11px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #photo-gallery .photo-controls a { text-decoration: none; color: #a7a9ac; } #photo-gallery .photo-controls a .link { vertical-align: super; margin-right: 5px; } #photo-gallery .photo-controls a .icon { display: inline-block; height: 20px; width: 20px; background-size: 40px 40px; background-position: 0 0; } #photo-gallery .photo-controls a .icon.fb { background-image: url(//www.knowmadadventures.com/wp-content/uploads/2013/07/facebook-icon.png); } #photo-gallery .photo-controls a .icon.pin { background-image: url(//www.knowmadadventures.com/wp-content/uploads/2013/07/pinterest-icon.png); } #photo-gallery .photo-controls a:hover { color: #5e9c98; } #photo-gallery .photo-controls a:hover .icon { background-position: 20px 0; } #photo-gallery .photo-controls div { display: inline-block; } #photo-gallery ul.pgbxslider { margin: 0; } #photo-gallery ul.pgbxslider .gallery-image { height: 480px; } #photo-gallery h1 { font-size: 16px; line-height: 1; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 8px 3px 0px; } #photo-gallery p { margin: 0px 3px 7px; } #photo-gallery ul.photo-itineraries { border: 1px solid #ded967; padding: 3px; margin: 0 0 0px; } #photo-gallery ul.photo-itineraries li { display: inline; } #photo-gallery .bx-wrapper img { margin: 0 auto; max-height: 480px; } #photo-gallery .bx-controls-auto { position: absolute; text-align: left; top: 3px; right: 175px; z-index: 1000; width: 0px; } #photo-gallery .bx-controls-auto .bx-controls-auto-item { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; } #photo-gallery .bx-controls-auto .bx-controls-auto-item a { text-indent: 0px; width: 145px; color: #a7a9ac; text-decoration: none; display: block; background-position: 0 1px; padding-left: 15px; background-repeat: no-repeat; } #photo-gallery .bx-controls-auto .bx-controls-auto-item a.bx-start { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/play.png?v=1); } #photo-gallery .bx-controls-auto .bx-controls-auto-item a.bx-stop { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/stop.png?v=1); } #photo-gallery .bx-controls-auto .bx-controls-auto-item a:hover { background-position: 0 -21px; } #photo-gallery .bx-controls-auto .bx-controls-auto-item a:after { content: ">"; color: #f26d31; font-size: 12px; padding-left: 3px; } #photo-gallery .bx-controls-direction a { background-image: none; background-color: #fff; text-indent: 0px; width: 90px; top: 70%; text-transform: uppercase; text-decoration: none; text-align: center; margin-top: 0px; height: auto; padding: 8px; } #photo-gallery .bx-controls-direction .bx-next { right: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: url(/wp-content/themes/knowmad2013/library/images/blog/arrownext.png); background-repeat: no-repeat; background-position: 68px center; border: 1px solid #d8ebec; border-right: 0; } #photo-gallery .bx-controls-direction .bx-prev { left: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: url(/wp-content/themes/knowmad2013/library/images/blog/arrowprev.png); background-repeat: no-repeat; background-position: 12px center; border: 1px solid #d8ebec; border-left: 0; } /****************************************************************** 09. PAGE NAVI STYLES ******************************************************************/ .page-navigation, .wp-prev-next { margin: 0; text-align: center; } .bones_page_navi { display: inline-block; /* current page link */ /* end .bones_page_navi .bpn-current */ /* common styles for page-navi links */ /* remove the bg on end links */ /* previous link */ /* next page link */ /* first page link */ /* last page link */ } .bones_page_navi li { float: left; margin-left: 10px; } .bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; } .bones_page_navi li a:hover, .bones_page_navi li a:focus { color: #5e9c98; text-decoration: underline; } .bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #5e9c98; position: relative; } .bones_page_navi li.bpn-current a { /* hovering on current page link */ } .bones_page_navi li.bpn-prev-link, .bones_page_navi li.bpn-next-link { font-weight: 700; } .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a { padding: 0; color: #f26d31; } .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover { background: none; } /* end .bones_page_navi */ /* fallback previous & next links */ .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ /****************************************************************** 10. COMMENT STYLES ******************************************************************/ #content #inner-content #main { /* h3 comment title */ /* end .commentlist */ } #content #inner-content #main #comments { /* number of comments span */ } #content #inner-content #main ol { margin: 0; } #content #inner-content #main .commentlist { /* general comment classes */ /* vcard */ /* end .commentlist .vcard */ /* comment meta */ /* comment content */ /* end .commentlist .comment_content */ /* comment reply link */ /* end .commentlist .comment-reply-link */ } #content #inner-content #main .commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 0; padding: 10px; max-width: 75%; /* end .commentlist li ul.children */ } #content #inner-content #main .commentlist li:last-child { margin-bottom: 0; } #content #inner-content #main .commentlist li ul.children { margin: 0; /* variations */ /* change number for different depth */ } #content #inner-content #main .commentlist li[class*=depth-] { margin-top: 1.1em; } #content #inner-content #main .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } #content #inner-content #main .commentlist li:not(.depth-1) { margin-right: -10px; margin-left: -10px; margin-top: 0; padding-bottom: 0; } #content #inner-content #main .commentlist .even { float: left; text-align: left; } #content #inner-content #main .commentlist .even .vcard { padding-left: 50px; background-image: url(/wp-content/themes/knowmad2013/library/images/blog/quote-bubble-even.png); background-position: 25px 0; background-repeat: no-repeat; } #content #inner-content #main .commentlist .odd { float: right; text-align: right; } #content #inner-content #main .commentlist .odd .vcard { padding-right: 24px; background-image: url(/wp-content/themes/knowmad2013/library/images/blog/quote-bubble-odd.png); background-position: right 0; background-repeat: no-repeat; right: 33px; } #content #inner-content #main .commentlist .comment-author { padding-top: 7px; } #content #inner-content #main .commentlist .comment-author .author { line-height: .8; } #content #inner-content #main .commentlist .vcard { position: absolute; bottom: 5px; } #content #inner-content #main .commentlist .vcard cite.fn { font-style: normal; } #content #inner-content #main .commentlist .vcard time a { color: #999; text-decoration: none; font-size: 85%; } #content #inner-content #main .commentlist .vcard time a:hover { text-decoration: underline; } #content #inner-content #main .commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; } #content #inner-content #main .commentlist article { border-bottom: 0; margin: 0; padding-bottom: 32px; min-width: 400px; } #content #inner-content #main .commentlist .comment_content { margin: 0; display: inline-block; padding: 10px 18px; background-color: #fff; border: 2px solid #d8ebec; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #content #inner-content #main .commentlist .comment_content p { margin: 0; padding: 0 0 5px 0; font-size: 12px; line-height: 1.5; } #content #inner-content #main .commentlist .comment_content p:last-child { padding-bottom: 0px; } #content #inner-content #main .commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; } #content #inner-content #main .commentlist .comment-reply-link:hover, #content #inner-content #main .commentlist .comment-reply-link:focus { opacity: 1; } /****************************************************************** 11. COMMENT FORM STYLES ******************************************************************/ .respond-form { clear: both; } .respond-form form { margin: 0; } .respond-form form ul { margin: 0; } .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } .respond-form form li label, .respond-form form li small { display: none; } .respond-form form ::-webkit-input-placeholder { text-transform: uppercase; } .respond-form form :-moz-placeholder { /* Firefox 18- */ text-transform: uppercase; } .respond-form form ::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; } .respond-form form :-ms-input-placeholder { text-transform: uppercase; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea { padding: 3px 6px; background: #fff; border: 1px solid #a7a9ac; line-height: 1.5em; font-size: 90%; /* form validation */ } .respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff; } .respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] { max-width: 400px; min-width: 250px; } .respond-form form textarea { resize: none; width: 97.3%; height: 150px; } /* comment submit button */ #submit { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/DoubleArrows.png); background-position: 72px 17px; background-repeat: no-repeat; background-color: #fff; border: 2px solid #d8ebec; padding: 13px 30px 9px 14px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; text-transform: uppercase; color: #555321; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #submit:hover { background-color: #d8ebec; color: inherit; } /* comment form title */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /********************* 12. SIDEBARS & ASIDES *********************/ .sidebar { margin-top: 0; width: 26.1%; font-size: 12px; color: #8d8f93; } .sidebar a:hover { color: #f26d31; } .sidebar img { max-width: 100%; } .sidebar .dbutton { text-align: center; padding: 20px 0 24px; } .sidebar .dbutton a { text-decoration: none; color: #555321; } .sidebar .dbutton a:after { content: ">>"; font-size: 16px; color: #f26d31; padding-left: 3px; } .sidebar .dbutton a:hover { color: #555321; } .widgettitle { background-image: url(/wp-content/themes/knowmad2013/library/images/sidebar/plus.png); background-repeat: no-repeat; background-position: 0 9px; border-bottom: 1px solid #ded967; color: #a7a9ac; margin: 0; padding: 7px 15px 0px 23px; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: normal; letter-spacing: 1.2px; } .widgettitle a { color: inherit; } .widgettitle a:hover { color: #5e9c98; } .widget { border: 1px solid #ded967; margin: 0 0 10px; position: relative; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 0 12px; line-height: 1.3; } .widget h5 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: knowmad-green; text-transform: uppercase; margin: 0px 0 2px 0; padding: 0px; font-size: 14px; line-height: 1.1; letter-spacing: 0px; } .widget h5 a:hover { color: #5e9c98; } .widget .contain { margin: 0 24px; } .widget img { margin-bottom: 5px; } .widget p.trip-summary { margin: 0px 0px 5px 0px; font-size: 12px; font-style: italic; color: #8d8f93; line-height: 1.5; } .widget .price a { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: #555321; text-decoration: none; } .widget .price a:hover { color: #f26d31; } .widget .price a:after { content: " >>"; color: #f26d31; } .widget > p { padding: 0 15px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; } .widget ul { padding: 15px 24px 0; margin: 0px; } .widget .gform_wrapper, .widget .gform_confirmation_wrapper { padding: 15px 24px 0; margin: 0px; } .widget .gform_wrapper .gform_description { margin-top:0; } .widget .gform_wrapper .gfield input, .widget .gform_wrapper .gfield select, .widget .gform_wrapper .gfield textarea { border:solid 1px #8d8f93; } .widget .gform_wrapper .gfield input { margin: 5px 0 0 !important; padding: 4px 4px 0px !important; font-size: 100% !important; text-transform: uppercase; } .widget .gform_wrapper .hide-label legend, .widget .gform_wrapper .hide-label label { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .widget .gform_wrapper .gform_fields { grid-row-gap: 4px !important; } .widget .gform_wrapper button.button { font-weight: normal; } .widget .gform_wrapper.gravity-theme .gform_footer, .widget .gform_wrapper.gravity-theme .gform_page_footer{ padding-bottom:0 !important; } .widget ul.full { padding: 10px 10px 0; } .widget ul li { margin-bottom: 6px; line-height: 1; /* deep nesting */ } .widget ul li a { text-decoration: none; } .widget ul li a:after { content: ">"; color: #f26d31; font-size: 14px; margin-left: 3px; } .widget ul li ul { margin-top: 0.75em; padding-left: 1em; } #inner-content.travelers-blog .widget_blog_content_top h4 { margin-bottom: 6px; } #inner-content.travelers-blog .widget_jal_widget, #inner-content.travelers-blog .widget_categories, #inner-content.travelers-blog .widget_lc_taxonomy, #inner-content.travelers-blog .widget_blog_pages { border: 0; margin-bottom: 0; padding-bottom: 8px; } #inner-content.travelers-blog .widget_jal_widget h4.widgettitle, #inner-content.travelers-blog .widget_categories h4.widgettitle, #inner-content.travelers-blog .widget_lc_taxonomy h4.widgettitle, #inner-content.travelers-blog .widget_blog_pages h4.widgettitle { background-image: none; padding: 0; margin: 0 0px 0 24px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 103%; color: #a7a9ac; border-bottom: 0px; } #inner-content.travelers-blog .widget_jal_widget > ul, #inner-content.travelers-blog .widget_categories > ul, #inner-content.travelers-blog .widget_lc_taxonomy > ul, #inner-content.travelers-blog .widget_blog_pages > ul, #inner-content.travelers-blog .widget_jal_widget div > ul, #inner-content.travelers-blog .widget_categories div > ul, #inner-content.travelers-blog .widget_lc_taxonomy div > ul, #inner-content.travelers-blog .widget_blog_pages div > ul { padding-top: 6px; } .widget_contact_us, .widget_customize_trip, .widget_talk_travelers { padding-bottom: 0px; } .widget_contact_us .widgettitle, .widget_customize_trip .widgettitle, .widget_talk_travelers .widgettitle { margin-bottom: 12px; font-weight: normal; } .widget_contact_us p, .widget_customize_trip p, .widget_talk_travelers p { margin: 8px 0; } .widget_contact_us h5 a, .widget_customize_trip h5 a, .widget_talk_travelers h5 a { background-image: url(/wp-content/themes/knowmad2013/library/images/sidebar/plus.png); background-repeat: no-repeat; background-position: 1px 9px; border-top: 1px solid #ded967; color: #a7a9ac; margin: 0; padding: 9px 10px 2px 23px; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 16px; display: block; font-weight: normal; letter-spacing: 1.2px; } .widget_contact_us .ap-links, .widget_customize_trip .ap-links, .widget_talk_travelers .ap-links { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 10px; right: 4px; font-size: 12px; } .widget_contact_us .ap-links a, .widget_customize_trip .ap-links a, .widget_talk_travelers .ap-links a { text-decoration: none; } .widget_contact_us .phone, .widget_customize_trip .phone, .widget_talk_travelers .phone { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; font-size: 18px; } .widget_contact_us .email, .widget_customize_trip .email, .widget_talk_travelers .email { color: #555321; } .widget_trip_ideas li.region { text-transform: uppercase; margin: 15px 0 6px; font-size: 103%; line-height: 1.3; } .widget_trip_ideas li.region:first-child { margin-top: 0px; } .widget_trip_ideas li a { margin-left: 0px; } .widget_simplevideo .simple-video { padding: 15px 15px 0; } .widget_simplevideo .simple-video .video-play { position: absolute; margin: 0; padding: 0; } .widget_simplevideo .simple-video p { margin: 0; padding: 0; } .widget_simplevideo .simple-video p a { text-decoration: none; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; } .widget_simplevideo .simple-video p a:after { content: ">"; color: #f26d31; font-size: 110%; padding-left: 3px; } .widget_km_recent_posts .blog-post, .widget_km_recent_posts_tt .blog-post { padding: 15px 15px; border-bottom: 1px solid #ded967; } .widget_km_recent_posts .blog-post:last-child, .widget_km_recent_posts_tt .blog-post:last-child { border-bottom: 0; padding-bottom: 0; } .widget_km_recent_posts .blog-post .category, .widget_km_recent_posts_tt .blog-post .category, .widget_km_recent_posts .blog-post .title, .widget_km_recent_posts_tt .blog-post .title { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #555321; } .widget_km_recent_posts .blog-post .category a, .widget_km_recent_posts_tt .blog-post .category a, .widget_km_recent_posts .blog-post .title a, .widget_km_recent_posts_tt .blog-post .title a { text-decoration: none; } .widget_km_recent_posts .blog-post .category, .widget_km_recent_posts_tt .blog-post .category { text-transform: uppercase; } .widget_km_recent_posts .blog-post .excerpt, .widget_km_recent_posts_tt .blog-post .excerpt { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .widget_km_recent_posts .blog-post .excerpt .read-more a, .widget_km_recent_posts_tt .blog-post .excerpt .read-more a { text-decoration: none; } .widget_km_recent_posts .blog-post .excerpt .read-more a:after, .widget_km_recent_posts_tt .blog-post .excerpt .read-more a:after { content: ">"; font-size: 13px; color: #f26d31; padding-left: 3px; } .widget_talk_travelers ul { padding-top: 0; } .widget_ka_field_report ul { padding: 15px 15px 0; } .widget_ka_field_report .testimonial p { margin: 0px 0px 5px 0px; font-size: 12px; font-style: italic; color: #8d8f93; line-height: 1.5; text-indent: -8px; } .widget_ka_field_report .testimonial p:before { content: open-quote; margin-right: 2px; font-size: 120%; } .widget_ka_field_report .testimonial p:after { content: close-quote; margin-left: 2px; font-size: 120%; } .widget_ka_field_report .name { text-align: center; } .widget_ka_field_report .trips { margin-top: 7px; text-align: center; } .widget_ka_field_report .trips .itinerary:first-child:before { content: ""; } .widget_ka_field_report .trips .itinerary:before { content: " & "; color: #555321; } .widget_ka_field_report .trips a { text-decoration: none; } .widget_itineraries_destination_widget ul { height: 380px; position: relative; background-position: 53px 38px; background-repeat: no-repeat; background-image: url(../images/sidebar/destination-map2.jpg); } .widget_itineraries_destination_widget ul.sa, .widget_itineraries_destination_widget ul#sa { background-image: url(../images/sidebar/destination-map2.jpg); } .widget_itineraries_destination_widget ul.ecuador, .widget_itineraries_destination_widget ul#ecuador { background-image: url(../images/sidebar/ecuador-map2.jpg); } .widget_itineraries_destination_widget ul.bt, .widget_itineraries_destination_widget ul#bz { background-image: url(../images/sidebar/brazil.jpg); } .widget_itineraries_destination_widget ul.arge, .widget_itineraries_destination_widget ul#arge { background-image: url(../images/sidebar/argentina.jpg); } .widget_itineraries_destination_widget ul.peru, .widget_itineraries_destination_widget ul#peru { background-image: url(../images/sidebar/peru-map2.jpg); } .widget_itineraries_destination_widget ul.chile, .widget_itineraries_destination_widget ul#chile { background-image: url(../images/sidebar/chile-map2.jpg); } .widget_itineraries_destination_widget ul.antarctica, .widget_itineraries_destination_widget ul#antarctica { background-image: url(../images/sidebar/antarctica-map2.jpg); } .widget_itineraries_destination_widget ul.argentina, .widget_itineraries_destination_widget ul#argentina { background-image: url(../images/sidebar/argentina-map2.jpg); } .widget_itineraries_destination_widget ul li.maplink { position: absolute; text-align: center; } .widget_itineraries_destination_widget ul li.sa { top: 17px; right: 12px; text-transform: uppercase; } .widget_itineraries_destination_widget ul li.egi { top: 33px; left: 23px; } .widget_itineraries_destination_widget ul li.pmp { top: 104px; left: 35px; } .widget_itineraries_destination_widget ul li.ceip { top: 206px; left: 16px; } .widget_itineraries_destination_widget ul li.antarc { top: 343px; left: 56px; } .widget_itineraries_destination_widget ul li.arge { top: 233px; left: 176px; } li.maplink.arge a::after { display: none;} .widget_itineraries_destination_widget ul li.arge::after { display: none;} .widget_itineraries_destination_widget ul li.arge::before { content: "<"; color: #f26d31; font-size: 14px; margin-left: 3px; } .widget_good_works_widget p { margin: 5px 0px 10px; line-height: 1.5; } .widget_good_works_widget p a { text-decoration: none; } .widget_good_works_widget p a:after { content: ">"; color: #f26d31; font-size: 14px; margin-left: 3px; } .widget_frommer_widget { padding: 10px 0 0 0; } .widget_frommer_widget p { margin: 0; } .widget_frommer_widget p.quote { color: #a7a9ac; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; width: 100%; line-height: 1.3; font-size: 19px; } .widget_frommer_widget p.img { text-align: center; padding: 10px; } .widget_featured_journey_widget ul { padding: 15px 15px 0; } .widget_featured_journey_widget h5 { font-size: 13px; font-weight: 700; } .widget_featured_journey_widget h5 a:hover { color: #f26d31; } .widget_talk_travelers .phone { line-height: 1; } .widget_talk_travelers .email { padding-bottom: 3px; } .widget_subscribe_feed form.wpcf7-form div.wpcf7-response-output { position: static; margin-top: 15px; } .widget_subscribe_feed #subscribe-form ul { padding: 5px 0 0; } .widget_subscribe_feed #subscribe-form ul li { margin-bottom: 0; } .widget_subscribe_feed #subscribe-form ul li input { margin: 5px 0 0; } .widget_subscribe_feed #subscribe-form ul li.name { display: inline-block; width: 49%; } .widget_subscribe_feed #subscribe-form ul li.name input { width: 100%; } .widget_subscribe_feed #subscribe-form ul li.email input { width: 100%; } .widget_subscribe_feed #subscribe-form .submit { margin-top: 10px; text-align: center; } .widget_subscribe_feed #subscribe-form .submit input { background-image: url(/wp-content/themes/knowmad2013/library/images/blog/DoubleArrows.png); background-position: 72px 16px; background-repeat: no-repeat; background-color: #fff; padding-right: 30px; } .widget_subscribe_feed #subscribe-form p { margin: 0; } #inner-content.travelers-blog .widget_jal_widget ul li .jaw_symbol { color: #f26d31; } #inner-content.travelers-blog .widget_jal_widget ul li a { color: #555321; } #inner-content.travelers-blog .widget_jal_widget ul li a:after { content: ''; } #inner-content.travelers-blog .widget_jal_widget ul li ul { padding: 0; margin: 5px 0 0 11px; } #inner-content.travelers-blog .widget_jal_widget ul li ul li a { color: #a7a9ac; } #inner-content.travelers-blog .widget_jal_widget ul li ul li a:hover { color: #5e9c98; } #inner-content.travelers-blog .widget_jal_widget ul li ul li .jaw_symbol { color: #5e9c98; margin: 0 0 0 3px; } #inner-content.travelers-blog .widget_jal_widget ul li ul li ul li a { line-height: 1.3; } #inner-content.travelers-blog .widget_jal_widget ul li ul li ul li a:after { content: '>'; color: #5e9c98; font-size: 12px; margin: 0 0 0 2px; } /* links widget */ /* meta widget */ /* pages widget */ /* recent-posts widget */ /* archives widget */ /* tag-cloud widget */ /* calendar widget */ /* category widget */ /* recent-comments widget */ /* search widget */ /* text widget */ /********************* 13. FOOTER STYLES *********************/ .footer { clear: both; background-color: #555321; background-image: url(/wp-content/themes/knowmad2013/library/images/header/topo_bar.jpg); background-position: top; background-repeat: repeat-x; color: #d8ebec; min-width: 1140px; text-align: center; overflow: hidden; } .footer nav { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ded967; } .footer nav ul.nav { margin: 5px 0; text-align: center; clear: both; } .footer nav ul.nav:first-child { margin-top: 18px; } .footer nav ul.nav li { background-image: none; text-transform: none; padding: 0; display: inline-block; float: none; } .footer nav ul.nav li a, .footer nav ul.nav li .nolink { color: #ded967; padding: 0 0 0 6px; } .footer nav ul.nav li a:after, .footer nav ul.nav li .nolink:after { content: "•"; color: #d8ebec; padding-left: 6px; } .footer nav ul.nav li a:hover { color: #d8ebec; } .footer nav ul.nav li.icons { padding-right: 7px; } .footer nav ul.nav li.icons a { width: 25px; height: 25px; display: block; background-position: 0 25px; } .footer nav ul.nav li.icons a:hover { background-position: 25px 25px; } .footer nav ul.nav li.icons a:after { content: ""; padding: 0px; } .footer nav ul.nav li.icons:last-child { padding-right: 0px; } .footer nav ul.nav li.connect { padding: 3px 6px 0 0; } .footer nav ul.nav li:last-child a:after, .footer nav ul.nav li:last-child .nolink:after { content: ""; } .footer .slogan { color: #ded967; } .footer .footer__actions a { color: #fff; text-decoration: none; } /* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */ /* end .footer-links */ /****************************************************************** Site Name: Author: Stylesheet: Grid Stylesheet I've seperated the grid so you can swap it out easily. It's called at the top the style.less stylesheet. There are a ton of grid solutions out there. You should definitely experiment with your own. Here are some recommendations: http://gridsetapp.com - Love this site. Responsive Grids made easy. http://gridpak.com/ - Create your own responsive grid. The grid below is a combination of the 1140 grid and Twitter Boostrap. I liked 1140 but Boostrap's grid was way more detailed so I merged them together, let's see how this works out. If you want to use 1140, the original values are commented out on each line. ******************************************************************/ .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */ .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */ .threecol { width: 22.928176794%; } /* 22.05%; } /* grid_3 */ .fourcol { width: 31.491712705%; } /* 30.75%; } /* grid_4 */ .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */ .sixcol { width: 48.618784527%; } /* 48%; } /* grid_6 */ .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */ .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */ .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */ .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */ .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */ .twelvecol { width: 99.999999993%; } /* 100%; } /* grid_12 */ .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; } .first { margin-left: 0; } .last { float: right; } /* LARGER MOBILE DEVICES This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners. */ @media only screen and (min-width: 481px) { /****************************************************************** Site Name: Author: Stylesheet: 481px and Up Stylesheet This stylesheet is loaded for larger devices. It's set to 481px because at 480px it would load on a landscaped iPhone. This isn't ideal because then you would be loading all those extra styles on that same mobile connection. A word of warning. This size COULD be a larger mobile device, so you still want to keep it pretty light and simply expand upon your base.less styles. ******************************************************************/ /********************* NAVIGATION STYLES *********************/ /* .menu is clearfixed inside mixins.scss */ .menu { /* end .menu ul */ } .menu ul { /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } .menu ul li { /* plan your menus and drop-downs wisely. */ } .menu ul li a { /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* end .menu */ /********************* POSTS & CONTENT STYLES *********************/ /* entry content */ /* end .entry-content */ /********************* FOOTER STYLES *********************/ /* check your menus here. do they look good? do they need tweaking? */ /* end .footer-links */ } /* TABLET & SMALLER LAPTOPS This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 768px) { /****************************************************************** Site Name: Author: Stylesheet: Tablet & Small Desktop Stylesheet Here's where you can start getting into the good stuff. This size will work on iPads, other tablets, and desktops. So you can start working with more styles, background images, and other resources. You'll also notice the grid starts to come into play. Have fun! ******************************************************************/ /********************* GENERAL STYLES *********************/ /********************* LAYOUT & GRID STYLES *********************/ /********************* HEADER SYTLES *********************/ /********************* NAVIGATION STYLES *********************/ .nav { border: 0; /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } .nav li { /* plan your menus and drop-downs wisely. */ /* showing sub-menus */ } .nav li a { /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* end .nav */ /********************* SIDEBARS & ASIDES *********************/ /********************* FOOTER STYLES *********************/ /* you'll probably need to do quite a bit of overriding here if you styled them for mobile. Make sure to double check these! */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ } /* end .footer-links */ } /* DESKTOP This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 1030px) { /****************************************************************** Site Name: Author: Stylesheet: Desktop Stylsheet This is the desktop size. It's larger than an iPad so it will only be seen on the Desktop. ******************************************************************/ } /* LARGE VIEWING SIZE This is for the larger monitors and possibly full screen viewers. */ @media only screen and (min-width: 1240px) { /****************************************************************** Site Name: Author: Stylesheet: Super Large Monitor Stylesheet You can add some advanced styles here if you like. This kicks in on larger screens. ******************************************************************/ } /* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. You can also create a media query for retina AND a certain size if you want. Go Nuts. */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /****************************************************************** Site Name: Author: Stylesheet: Retina Screens & Devices Stylesheet When handling retina screens you need to make adjustments, especially if you're not using font icons. Here you can add them in one neat place. ******************************************************************/ /* EXAMPLE Let's say you have an image and you need to make sure it looks ok on retina screens. Let's say we have an icon which dimension are 24px x 24px. In your regular stylesheets, it would look something like this: .icon { width: 24px; height: 24px; background: url(img/test.png) no-repeat; } For retina screens, we have to make some adjustments, so that image doesn't look blurry. So, taking into account the image above and the dimensions, this is what we would put in our retina stylesheet: .icon { background: url(img/test@2x.png) no-repeat; background-size: 24px 24px; } So, you would create the same icon, but at double the resolution, meaning it would be 48px x 48px. You'd name it the same, but with a @2x at the end (this is pretty standard practice). Set the background image so it matches the original dimensions and you are good to go. */ } /* iPHONE 5 MEDIA QUERY Want to get fancy for no good reason? Knock yourself out. */ /* PRINT STYLESHEET Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. */ @media print { /****************************************************************** Site Name: Author: Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it. ******************************************************************/ * { background: transparent !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } body { font-size: 13px; } img { max-width: 100% !important; } @page { margin: 0.5cm; } .print-only { display: block; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #slider, footer, .sidebar, .sharebar, .header, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } .wrap { width: 100%; } #content #inner-content #main { width: 100%; } #content #inner-content #main .toggle_container[style] { display: block !important; } } .widget_crb_reviews { display: block; background: #555321; font-family: "HelveticaNeueLTStdLtIt", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-size: 13px; font-weight: 300; line-height: 1.3!important; color: #d8eaec; border: none; } .widget_crb_reviews .slide { left: 15px; } .widget_crb_reviews .slide h5 { font-style: normal; text-transform: none; font-size: 14px; font-weight: normal!important; font-family: "HelveticaNeueLTStdLt"; margin-bottom: 30px; padding-right: 20px; } .widget_crb_reviews .slide .review-text { position: relative; padding-left: 10px; padding-right: 20px; padding-top: 15px; } .widget_crb_reviews .slide .review-text p { max-width: calc(100% - 20px); font-family: "HelveticaNeueLTStdLtIt", "Helvetica Neue", Helvetica, Arial, sans-serif; } .widget_crb_reviews .slide .image { float: left; max-width: 90px; -webkit-shape-outside:circle(); shape-outside:circle(); margin-right: 20px; } .widget_crb_reviews .slide .image img { border-radius: 50%; border: solid 5px #fff; max-width: 100%; height: auto; } .widget_crb_reviews .slide .stars { float: left; display: block!important; width: calc( 100% - 90px ); margin-top: 0px; margin-bottom: 0; margin-left: -20px; } .widget_crb_reviews .slide .stars img { display: inline; max-width: 14px; height: auto; margin-left: 0; margin-bottom: 0; vertical-align: middle; } .widget_crb_reviews .slide { line-height: 1.3; } .widget_crb_reviews .slide .stars img:first-child { margin-left: -12px; } .widget_crb_reviews .slide .stars h3 { display: inline !important; vertical-align: top; margin-bottom: 12px; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 1.2px; } .widget_crb_reviews .slide:after { clear: both; display: table; content: ''; } .archive #inner-content .entry-content p { display: inline; } body .wp_rp_content .related_post_title { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif!important; color: #5e9c98!important; text-transform: uppercase!important; margin: 0 0 3px 0!important; font-size: 19px!important; line-height: 1.2!important; border-top: 3px #f26d31 dotted; padding-top: 15px!important; display: block!important; width: 100%!important; } .wp_rp_wrap .related_post li { width: 24%!important; margin-right: 1%!important; text-transform: uppercase!important; } .wp_rp_wrap .related_post li:before { display: none !important; } .wp_rp_wrap .related_post li a { height: auto !important; display: block !important; text-indent: 0!important; font-size: 15px!important; line-height: 1.3!important; font-weight: 500; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; line-height: 1.2; } .wp_rp_wrap .related_post li img { width: 100%!important; height: auto!important; } /* Landing page */ .page-template-tmp-landing-page .popform { background: #fff; } .page-template-tmp-landing-page .mfp-form .mfp-content { background: #fff; max-width: 250px; border: 1px solid #ddd; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); padding: 17px 30px; } .page-template-tmp-landing-page .widget.widget_crb_reviews { display: none; } /* ------------------------------------------------------------ *\ Magnific Popup \* ------------------------------------------------------------ */ .mfp-iframe-scaler { padding-top: 0; height: 70vh; } .mfp-iframe-scaler iframe { position: static; width: 100%; height: 100%; } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-star { display: inline-block; vertical-align: middle; font-size: 0; width: 20px; height: 20px; background: url(../images/ico-star1.png) no-repeat 0 0; } .ico-spin { display: inline-block; vertical-align: middle; font-size: 0; width: 15px; height: 15px; background: url(../images/header/spin-icon.png) no-repeat 0 0; background-size: contain; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .ico-star { display: inline-block; vertical-align: middle; font-size: 0; width: 20px; height: 20px; background: url(../images/ico-star1@2x.png) no-repeat 0 0; background-size: cover; } } /* ------------------------------------------------------------ *\ Star \* ------------------------------------------------------------ */ .stars { float: left; margin-right: 15px; } .stars ul { font-size: 0; margin: 0 -3px; } .stars li { display: inline-block; vertical-align: middle; padding: 0 2px; } /* ------------------------------------------------------------ *\ Landing Header \* ------------------------------------------------------------ */ .page-template-tmp-landing-page .header { padding: 6px 30px; background: #555321; color: #fff; border-bottom: 4px solid #e5db5f; } .page-template-tmp-landing-page .header .wrap { position: relative; padding: 0 40px; } .page-template-tmp-landing-page .header .wrap:after { content: ''; display: table; clear: both; line-height: 0; } .page-template-tmp-landing-page .header .header__left { float: left; } .page-template-tmp-landing-page .header .header__right { float: right; } .page-template-tmp-landing-page .header .header__left { display: flex; flex-wrap: nowrap; align-items: center; } .page-template-tmp-landing-page .header .logo { display: inline-block; vertical-align: middle; position: relative; margin-right: 23px; } .page-template-tmp-landing-page .header .logo:after { content: ''; position: absolute; top: 6px; right: -23px; bottom: 7px; width: 6px; background: url('../images/map-image-1.jpg'); background-size: contain; } .page-template-tmp-landing-page .header .slogan { margin-left: 21px; } .page-template-tmp-landing-page .header .contact { right: 50px; } .page-template-tmp-landing-page .header .contact--default { margin-top: -6px; } .page-template-tmp-landing-page .header .contact--default .phone .border { background: #fff; border: none; padding-top: 4px; } .page-template-tmp-landing-page .header .contact--default .phone { padding-left: 47px; background: url(../images/tirangle-white.png) top left no-repeat; background-size: contain; } .page-template-tmp-landing-page .header .contact--default .phone span { font-size: 20px; font-family: 'HelveticaNeueLTStdHvEx', sans-serif; color: #ec6525; } /* ------------------------------------------------------------ *\ Landing Footer \* ------------------------------------------------------------ */ .page-template-tmp-landing-page .footer { position: relative; padding: 17px 0 10px; font-size: 13px; } .page-template-tmp-landing-page .footer:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 7px; background: url(../images/footer-before-bg.jpg) repeat center center; } .page-template-tmp-landing-page .footer .nav li { font-size: inherit; } .page-template-tmp-landing-page .footer nav .nav.footer-nav { margin-top: 0; } .page-template-tmp-landing-page .footer .footer-nav, .page-template-tmp-landing-page .footer .footer__actions, .page-template-tmp-landing-page .footer .slogan { padding: 3px 0; } /* ------------------------------------------------------------ *\ Icons \* ------------------------------------------------------------ */ .ico-menu { position: relative; display: inline-block; vertical-align: middle; width: 12px; height: 8px; } .ico-menu span { position: absolute; display: block; height: 1px; width: 100%; background: #fff; } .ico-menu span:nth-child(1) { top: 0; } .ico-menu span:nth-child(2) { top: 3px; } .ico-menu span:nth-child(3) { top: 6px; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main .main__inner .wrap { padding: 0 25px; } /* ------------------------------------------------------------ *\ Slogan \* ------------------------------------------------------------ */ .slogan p { margin: 0 0 13px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.8; text-transform: uppercase; color: #e2f0f2; letter-spacing: .03em; } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { position: relative; z-index: 2; } .intro img { max-width: 100%; height: auto; } .intro .slider { position: relative; z-index: 5; } .intro .slider .owl-stage-outer { overflow: visible ; } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider .slider__slides { position: relative; z-index: 1; } .slider .slider__clip { overflow: hidden; } .slider .slick-list { overflow: visible; } .slider .slider__slide { border: solid #fff; border-width: 0 5px; } .slider .slider__slide-inner { padding-top: 36.81%; min-height: 188px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } #slider .slider__content, .slider .slider__content { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 5; } .slider .slider__slide-image { font-size: 0; } /* ------------------------------------------------------------ *\ Slider Testimonial \* ------------------------------------------------------------ */ .slider-testimonial { position: relative; padding: 14px 12px; border: 2px solid #e2f0f3; border-radius: 15px; background: #fff; } .slider-testimonial .slider__slide:after { content: ''; display: table; clear: both; line-height: 0; } .slider-testimonial .slider__slide-image img { max-width: 100%; } .slider-testimonial .slider__slide-image { float: left; width: 50%; margin-right: 17px; } .slider-testimonial .slider__slide-content { overflow: hidden; padding-bottom: 175px; } .slider-testimonial .slider__slide-content h3 { margin-bottom: 10px; font-family: 'HelveticaNeueLTStdBdEx', sans-serif; color: #999999; font-size: 18px; line-height: 1.26; } .slider-testimonial .slider__slide-content blockquote { margin: 0; text-align: center; font-size: 13px; line-height: 1.69; color: #5e581d; } .slider-testimonial .slider__slide-content blockquote p { margin: 0; font-family: 'HelveticaNeueLTStdIt', sans-serif; text-align: left; } .slider-testimonial .slider__slide-content blockquote cite { font-family: 'HelveticaNeueLTStdRoman', sans-serif; font-style: normal; } .slider-testimonial .slider__content { position: absolute; right: 0; bottom: 0; width: 50%; } .slider-testimonial .slider__logos { margin-left: 17px; } .slider-testimonial .slider__logos li { margin-bottom: 18px; } .slider-testimonial .slider__logos li:last-child { margin-bottom: 0; } .slider-testimonial .slider__logos li:after { content: ''; display: table; width: 100%; clear: both; } .slider-testimonial .slider__logos h5 { margin: 0; padding: 10px 0; color: #9b9b9b; font-weight: 700; line-height: 1.2; font-family: HelveticaNeueLTStdMd, sans-serif; } .slider-testimonial .slider__logos em { display: block; } .slider-testimonial .slider__logos img { float: left; width: 52px; max-width: 100%; margin-right: 20px; } /* Slider Paging */ .slider-testimonial .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; background: #d8d8d8; margin: 0 2px; } .slider-testimonial .bx-wrapper .bx-pager { bottom: 0; z-index: 50; } .slider-testimonial .bx-wrapper .bx-pager.bx-default-pager a:hover, .slider-testimonial .bx-wrapper .bx-pager.bx-default-pager a.active { background: #b0b0b0; } /* ------------------------------------------------------------ *\ Slider Logos \* ------------------------------------------------------------ */ /* .slider-logos .slider__slide { width: auto!important; } .slider-logos .slider__slide img { max-height: 55px } */ /* ------------------------------------------------------------ *\ Form Trip \* ------------------------------------------------------------ */ .form-trip { padding: 17px 20px 24px; background: rgba(216, 235, 236, 0.85); max-width: 970px; margin: 0 auto; } .form-trip .form__head { text-align: center; } .form-trip .form__head h2 { padding-bottom: 18px; margin-bottom: 0; font-family: 'HelveticaNeueLTStdBdEx', sans-serif; color: #5e581d; font-size: 24px; line-height: 1; } .form-trip .form__body { font-size: 0; margin: 0 -5px; } .form-trip .form__body:after { content: ''; display: table; clear: both; line-height: 0; } .form-trip .form__controls { float: left; width: 33.33%; padding: 0 2px; } .form-trip .select { background: #fff url(../images/ico-carets@2x.png) no-repeat top right; -webkit-background-size: auto 100%; background-size: auto 100%; } .form-trip select { color: #b1b0b2; font-size: 11px; border-radius: 0; width: 100%; max-width: 100%; height: 27px; border: 2px solid #655f26; padding: 4px; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; } .form-trip select::-ms-expand { display: none; } .form-trip select option { color: #5f591e; } .form-trip .submit { position: relative; background-color: #555321; font-family: "HelveticaNeueLTStd-BdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; letter-spacing: .075em; color: #ded967; text-transform: uppercase; padding: 9px 46px 3px 20px; line-height: 1; border: none; border-radius: 0; width: 100%; text-align: left; } .form-trip .submit span { display: inline-block; vertical-align: middle; } .form-trip .submit i { position: absolute; top: 6px; right: 10px; } .form-trip .form__controls-right { display: inline-block; vertical-align: middle; width: 25%; } .form-trip .form__controls-left { display: inline-block; vertical-align: middle; width: 75%; } .form-trip .form__controls-right:after { content: ''; display: table; clear: both; line-height: 0; } .form-trip .form__controls-left:after { content: ''; display: table; clear: both; line-height: 0; } .form-trip .submit[type="button"] { display: none; } /* ------------------------------------------------------------ *\ Chosen \* ------------------------------------------------------------ */ .select { position: relative; } .select.error .chosen-container-single .chosen-single, .select.error .chosen-container-active.chosen-with-drop .chosen-single, .select.error .form-create-your-trip .gform_wrapper .chosen-container-single .chosen-single, .select.error .form-create-your-trip .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single { border-color: #ab0f0f; } /* Chosen Style */ .chosen-container-single { width: 100% !important; } .chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single, .form-create-your-trip .gform_wrapper .chosen-container-single .chosen-single, .form-create-your-trip .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single { height: 27px; padding: 6px 4px 2px; line-height: normal; border: 2px solid #655f26; border-radius: 0; background: #fff; border-radius: 0; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #b1b0b2; font-size: 11px; } .chosen-container-single .chosen-single div b, .chosen-container-active.chosen-with-drop .chosen-single div b, .form-create-your-trip .gform_wrapper .chosen-container-single .chosen-single div b, .form-create-your-trip .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b { background: #fff url(../images/ico-carets@2x.png) no-repeat center center !important; -webkit-background-size: auto 100%; background-size: 27px 27px !important; } .gform_wrapper .description_above .gfield_description { padding: 0 0 10px; font-size: 11px; } .chosen-container-single .chosen-drop, .form-create-your-trip .gform_wrapper .chosen-container-single .chosen-drop { margin-top: 0; border-radius: 0; } .chosen-container .chosen-results, .form-create-your-trip .gform_wrapper .chosen-container .chosen-results { margin: 0; padding: 0; background: #fff; border: 1px solid #b1b0b2; color: #5f591e;} .chosen-container .chosen-results li, .form-create-your-trip .gform_wrapper .chosen-container .chosen-results li { padding: 4px 8px; } .chosen-container .chosen-results li.highlighted, .form-create-your-trip .gform_wrapper .chosen-container .chosen-results li.highlighted { background: #ededed; color: #5f591e; } .chosen-search { display: none; } /* ------------------------------------------------------------ *\ Form Create Your Trip \* ------------------------------------------------------------ */ .form-create-your-trip.hidden { display: none; } .form-create-your-trip { width: 100%; padding: 17px 30px; } .form-create-your-trip .gform_wrapper { margin-top: 0; } .form-create-your-trip .gform_wrapper ul li.gfield { margin-top: 0; } .form-create-your-trip .gform_wrapper .gfield_required { display: none; } .form-create-your-trip .gform_wrapper .top_label .gfield_label, .form-create-your-trip .gform_wrapper .gfield_label { display: none !important; } @media (max-width: 767px) { .form-create-your-trip .gform_wrapper .top_label .gfield--multiselect .gfield_label, .form-create-your-trip .gform_wrapper .gfield--multiselect .gfield_label { position: static !important; display: block !important; width: auto; min-height: 0; height: auto; margin-bottom: 10px; opacity: 1; visibility: visible; } } .form-create-your-trip .gform_wrapper .top_label div.ginput_container { margin-top: 0; } .form-create-your-trip .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; margin-bottom: 10px; } .form-create-your-trip .gform_wrapper .gform_footer { padding: 0; margin: 0; } .form-create-your-trip .gform_wrapper h3.gform_title { margin: 0; } .form-create-your-trip .gform_wrapper span.gform_description { margin: 0; width: 100%; } .form-create-your-trip .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { margin-left: 0; } /* Head */ .form-create-your-trip .gform_wrapper .gform_heading { text-align: center; font-family: 'HelveticaNeueLTStdLt', sans-serif; font-size: 11px; line-height: 1.71; color: #1d1d1b; } .form-create-your-trip .gform_wrapper .gform_heading .gform_title { padding-bottom: 14px; font-family: 'HelveticaNeueLTStdBdEx', sans-serif; font-size: 15px; line-height: 1.26; color: #6ea29e; display: none; } /* Body */ .form-create-your-trip .gform_wrapper .gform_body { font-size: 11px; margin-bottom: 15px; } .form-create-your-trip .gform_wrapper.gf_browser_chrome .gform_body { width: 100%; } .form-create-your-trip .gitform-create-your-trip .gform_wrapper .gform_body input { border: 1px solid #716b37; margin-bottom: 10px; border-radius: 2px; height: 22px; } .form-create-your-trip .gform_wrapper .gform_body input::-webkit-input-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body input::-moz-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body input:-ms-input-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body input:-moz-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body .gfield_select { color: #5f591e; border: 1px solid #716b37; border-radius: 0; height: 26px; background: #fff url(../images/ico-carets@2x.png) no-repeat top right; -webkit-background-size: auto 100%; background-size: auto 100%; } .form-create-your-trip .gform_wrapper .gform_body textarea { padding: 6px; color: #5f591e; border: 1px solid #716b37; border-radius: 2px; height: 56px; border-radius: 0; } .form-create-your-trip .gform_wrapper .gform_body textarea::-webkit-input-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body textarea::-moz-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body textarea:-ms-input-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper .gform_body textarea:-moz-placeholder { color: #5f591e; opacity: 1; } .form-create-your-trip .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { box-shadow: none; border-radius: 0; border: 1px solid #716b37; color: #5f591e; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-create-your-trip .gform_wrapper .ginput_container_select select { padding: 2px 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-create-your-trip .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: normal; min-height: 0; } .form-create-your-trip .gform_wrapper.gf_browser_ie .gform_footer input.button { padding: 4px 12px; } /* Gform Chosen */ .form-create-your-trip .gform_wrapper .chosen-container { width: 100% !important; } .form-create-your-trip .gform_wrapper.gform_wrapper .chosen-container-single .chosen-single, .form-create-your-trip .gform_wrapper.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single { border-width: 1px; height: 24px; font-size: 11px; color: #5f591e; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; } .form-create-your-trip .gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single div b, .form-create-your-trip .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single div b, .form-create-your-trip .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single div b { top: 0; } /* Form */ .form-create-your-trip .gform_wrapper .gform_footer .gform_button { background: #5f591e; border: none; border-radius: 0; background-color: #fff; border: 2px solid #d8ebec; padding: 10px 14px 6px; font-weight: 400; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; text-transform: uppercase; color: #555321; border-radius: 10px; width: auto; line-height: normal; } .form-create-your-trip .gform_wrapper .gform_footer .gform_button:hover { background-color: #d8ebec; } /* Validation */ .form-create-your-trip .gform_wrapper div.validation_error { display: none; } .form-create-your-trip .gform_wrapper .gfield.gfield_error { padding: 0; margin: 0; } .form-create-your-trip .gform_wrapper .gfield.gfield_error .ginput_container { margin: 0; padding: 0; } .form-create-your-trip .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .form-create-your-trip .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .form-create-your-trip .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; } .form-create-your-trip .gform_wrapper .gform_body li.gfield.gfield_error, .form-create-your-trip .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { margin: 0; padding: 0; background: transparent; border: 0; } .form-create-your-trip .gform_wrapper .field_description_below .gfield_description { padding-top: 3px; padding-right: 0; } .form-create-your-trip .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error { margin-top: 0; } /* Hidden Fields */ .form-create-your-trip .select-date, .form-create-your-trip .select-about, .form-create-your-trip .select-travelers, .form-create-your-trip .select-budget { display: none; } .form-create-your-trip .crb-select-1, .form-create-your-trip .crb-select-2, .form-create-your-trip .crb-select-3, .form-create-your-trip .crb-select-4 { display: none; } .form-create-your-trip select::-ms-expand { display: none; } #journey-form { display: none; padding: 0; } #journey-form .gform_wrapper .gfield_html h3 { font-weight: 700; } #journey-form .ginput_recaptcha > div, #journey-form .ginput_recaptcha iframe { width: 302px !important; } /* ------------------------------------------------------------ *\ Features \* ------------------------------------------------------------ */ .features { display: flex; flex-wrap: nowrap; margin: 0 -15px 33px; } .features .feature { flex: 0 1 33.33%; width: 33.33%; } .feature { padding: 0 15px; display: flex; font-family: 'HelveticaNeueLTStdLt', sans-serif; color: #1d1d1b; } .feature .feature__inner { padding: 15px 22px; background: #fafafa; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); width: 100%; } .feature p { font-family: 'HelveticaNeueLTStdLt', sans-serif; margin-top: 0; margin-bottom: 2px; } .feature h3 { padding-bottom: 11px; font-family: "HelveticaNeueLTStd-BdEx", sans-serif; font-size: 19px; line-height: 1.21; color: #6ea29e; text-align: center; } .feature ul { padding: 0 0 0 16px; margin: 0; } .feature ul li { position: relative; padding-left: 10px; margin-bottom: 3px; } .feature ul li:before { content: ''; position: absolute; top: .65em; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #e5db5f; } /* ------------------------------------------------------------ *\ List-logos \* ------------------------------------------------------------ */ .list-logos { display: flex; justify-content: space-between; width: 100%; margin: 0; padding-bottom: 20px; } .list-logos a { display: inline-block; } .list-logos img { display: inline-block; height: auto; max-height: 55px; width: auto; max-width: 100%; } .list-logos.owl-carousel img { width: auto; } .list-logos.owl-carousel .owl-stage { transition-timing-function: linear !important; } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { padding: 12px 0px; margin-bottom: 25px; background: #5f591e; color: #e2f0f3; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; font-size: 12px; float: left; } .callout p { margin: 0; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; } .callout strong, .callout span { color: #e6dc5e; } .callout strong { font-size: 14px; font-family: 'HelveticaNeueLTStd-BdEx', sans-serif; text-transform: uppercase; margin-right: 5px; } .callout span { font-size: 13px; font-family: 'HelveticaNeueLTStdMd', sans-serif; } .callout img { max-width: 100%; width: 100%; transform: translateZ(0); height: auto; } .callout a { color: #e2f0f3; } .callout .callout__image { float: left; max-height: 154px; max-width: 154px; border-radius: 100%; overflow: hidden; border: 5px solid #fff; background: #fff; margin-left: 10px; margin-top: 10px;margin-right: 20px;} .callout .callout__image img { border-radius: 100%; } .callout .callout__actions { text-align: center; margin-bottom: 12px; } .callout .btn { display: inline-block; vertical-align: middle; background-color: #fff; border: 2px solid #d8ebec; border-radius: 25px; padding: 10px 14px 7px; font-family: 'HelveticaNeueLTStdEx', sans-serif; font-size: 14px; text-transform: uppercase; color: #555321; text-decoration: none; min-width: 240px; } .callout .btn:after { content: '>>'; display: inline-block; vertical-align: middle; color: #ec6527; transition: .2s; } /* .callout .btn span { display: inline-block; vertical-align: middle; color: #555321; font-family: 'HelveticaNeueLTStdEx'; } */ .callout .callout__content { padding: 4px 20px; margin-bottom: 2px; } .callout .btn:hover:after { transform: translateX(3px); } /* ------------------------------------------------------------ *\ Callout Default \* ------------------------------------------------------------ */ .callout-default { text-align: center; padding: 22px 0; } .callout-default .btn { display: inline-block; vertical-align: middle; padding: 14px 17px; font-family: 'HelveticaNeueLTStdMdEx', sans-serif; font-size: 14px; color: #fff; background: #ec6525; text-decoration: none; text-transform: uppercase; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); transition: .2s; border-radius: 12px; } .callout-default .btn:hover { box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .35); } /* ------------------------------------------------------------ *\ Service \* ------------------------------------------------------------ */ .services { display: flex; flex-wrap: nowrap; margin: 0 13px; color: #5e581d; font-family: 'HelveticaNeueLTStdMd', sans-serif; font-size: 14px; letter-spacing: .05em; clear: both; } .services .service { flex: 0 1 33.33%; width: 33.33%; padding: 0 10px; } .service .service__meta:after { content: " >>"; color: #f26d31; } .service .service__meta { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #555321; display: block; } .service .service__inner { display: inline-block; padding: 14px 12px 6px; border: 2px solid #e2f0f3; border-radius: 12px; text-decoration: none; transition: .2s; } .service .service__inner:hover .service__image { opacity: .8; } .service .service__inner:hover .service__meta { color: #555321; } .service .service__image img { max-width: 100%; } .service .service__image { margin-bottom: 2px; } .service .service__title { font-family: "HelveticaNeueLTStdMdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #8d8f93; font-size: 16px; line-height: 1.25; text-decoration: none; padding: 3px 0 5px; } /* ------------------------------------------------------------ *\ Inslider Tip \* ------------------------------------------------------------ */ .insider-tip { padding: 15px 0; margin-bottom: 30px; } .insider-tip h4 { margin: 0; font-family: 'HelveticaNeueLTStdRoman', sans-serif; font-size: 15px; line-height: 1.83; color: #5e581d; text-transform: uppercase; letter-spacing: .2em; } .insider-tip h4 span { color: #78a9a5; } .insider-tip p { margin: 0; } /* ------------------------------------------------------------ *\ Section Primary \* ------------------------------------------------------------ */ .section-primary { padding: 22px 0 9px; } .section { padding: 15px; margin-bottom: 20px; background: #fafafa; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); } .mainLeft .section { padding: 15px; margin-bottom: 20px; background: #fafafa; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0); } .section .section__title { margin: 0 0 17px; font-family: 'HelveticaNeueLTStd-BdEx', sans-serif; font-size: 19px; line-height: 1.26; color: #6ea29e; text-transform: uppercase; } @media(max-width: 1160px ) { .page-template-tmp-landing-page .header { position: relative; z-index: 10; } .page-template-tmp-landing-page .header .contact--default { padding-left: 0; } .page-template-tmp-landing-page .header .logo { margin-right: 10px; } .page-template-tmp-landing-page .header .logo:after { display: none; right: -10px; } .page-template-tmp-landing-page .header .slogan { margin-left: 5px; } .page-template-tmp-landing-page .header .header__left { position: relative; } .page-template-tmp-landing-page .header .slogan { position: absolute; bottom: -102px; left: 0; right: 0; background: #5f591e; text-align: center; margin: 0; padding: 7px; } .callout .btn { margin-left: 0; } /* .slogan p { font-size: 10px; } */ } @media ( max-width: 1023px ) { .form-trip .form__controls-right { display: block; width: 100%; text-align: center; } .form-trip .form__controls-left { display: block; width: 100%; margin-bottom: 15px; } .form-trip .submit { width: auto; } .form-trip .form__head h2 { font-size: 20px; } /* List Logos */ .list-logos { padding-bottom: 10px; display: table; margin: 0; } .list-logos .owl-stage { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .list-logos li { display: none; padding: 6px; text-align: center; } .list-logos li.mobile { display: table-cell; } .list-logos.active li { display: block; } } @media (max-width: 767px) { .page-template-tmp-landing-page .main__inner .wrap { padding: 0 10px; } .page-template-tmp-landing-page .header { border-bottom: none; } .page-template-tmp-landing-page .header .header__left { display: block; float: none; } .page-template-tmp-landing-page .header .wrap { padding: 0; } .page-template-tmp-landing-page .header .logo { display: block; width: 100%; margin-right: 0; text-align: center; padding: 10px 20px; } .page-template-tmp-landing-page .header .logo:after { display: inline-block; background: url('../images/map-image-2.jpg') no-repeat 0 0; background-size: cover; left: 0; right: 0; bottom: 0; top: auto; height: 5px; width: 100%; } .page-template-tmp-landing-page .header .slogan { position: static; display: block; margin: 0; float: none; font-size: 9px; line-height: 1.48; } .page-template-tmp-landing-page .header .slogan p { font-size: 12px; line-height: 1.54; max-width: 270px; margin: 0 auto; letter-spacing: 0; } /* Form Trip */ .form-trip { background-color: transparent; padding: 0; } .form-trip .form__head { display: none; } .form-trip .form__body .form__controls-left { display: none; } .form-trip .submit { padding: 23px 48px 12px 13px; font-size: 18px; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; } .form-trip .submit i { top: auto; bottom: 16px; right: 18px; width: 20px; height: 20px; } .form-trip .submit[type="button"] { display: inline-block; } .form-trip .submit[type="submit"] { display: none; } /* Form Create Your Trip */ .form-create-your-trip .select-date, .form-create-your-trip .select-about, .form-create-your-trip .select-travelers, .form-create-your-trip .select-budget { display: block; } .form-create-your-trip .crb-select-1, .form-create-your-trip .crb-select-2, .form-create-your-trip .crb-select-3, .form-create-your-trip .crb-select-4 { display: block; } .slider { overflow: hidden; } #slider .slider__content, .slider .slider__content { bottom: auto; top: 50%; transform: translateY(-50%); } .slider .slider__slide { border: 0; } .slider .wrap { padding: 0; } .features { flex-wrap: wrap; order: 2; margin-bottom: 0; margin: 0 0 33px; } .features .feature { flex: 1 1 100%; width: 100%; } .features .feature .feature__inner { position: relative; } .features .feature + .feature .feature__inner:before { content: ''; position: absolute; top: 0; left: 10px; right: 10px; height: 2px; border-top: 2px dashed #eb5d1a; } .feature .feature__inner { width: 100%; box-shadow: none; } .slider-logos { display: flex; order: 1; } .section-primary { display: flex; flex-wrap: wrap; padding-bottom: 3px; } .callout { margin: 0 -10px; padding: 12px 7px 23px; } .callout .callout__image { width: 137px; height: 137px; border-width: 4px; margin-right: 15px; -webkit-shape-outside:circle(); shape-outside:circle();} .callout .callout__content { padding: 17px 0; } .callout strong { display: block; margin-right: 0; margin-bottom: 12px; font-weight: 400; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 1.2px; line-height: 1.67; } .services { flex-wrap: wrap; margin: 0 0 15px; } .services .service { flex: 1 1 100%; width: 100%; padding: 0; } .services .service + .service .service__inner { margin-top: 17px; } .services .service__inner { width: 100%; } .services .service__image { text-align: center; } .section { box-shadow: none; padding-top: 29px; padding-bottom: 0; } .section .section__title { text-align: center; margin-bottom: 12px; } .insider-tip { padding: 0; border: 1px solid #ded967; color: #8d8f93; font-size: 12px; line-height: 1.3; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; } .insider-tip p { font-family: inherit; margin: 15px 0; padding: 0 15px; } .insider-tip h4 { padding: 6px 4px 4px; font-weight: 400; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 1.2px; line-height: 1.67; color: #999; border-bottom: 1px solid #ded967; } .insider-tip h4 a { color: #999; } .insider-tip h4 span { display: none; } .insider-tip h4:before { content: '+'; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 25px; line-height: 0; color: #ec6527; } .slider-testimonial { display: none; } .page-template-tmp-landing-page .widget.widget_crb_reviews { display: block; margin: 0 -25px; } .page-template-tmp-landing-page .widget.widget_crb_reviews .stars { margin-right: 0; } .callout-default { margin-bottom: 25px; } .callout-default .btn { padding: 14px; font-size: 12px; } .page-template-tmp-landing-page .footer { position: relative; padding-top: 7px; } .page-template-tmp-landing-page .footer:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7px; background: #000; background: url('../images/map-image-3.jpg'); background-size: cover; } .wp_rp_wrap .related_post li img { background-color: #fff !important; padding: 10px !important; border-radius: 0 !important; box-shadow: none !important; } body .wp_rp_content .related_post_title { text-align: center !important; } .page-template-tmp-reviews-press .press-article { display: none; } .page-template-tmp-reviews-press .press-article:nth-child(-n+6) { display: block; } .desktop-visible { display: none!important; } .mobile-visible { display: block!important; } .text-desktop { display: none; } .text-mobile { display: block; } .text-mobile a { position: relative!important; } body .header { padding: 0!important; background-color: #555321; background-position: left 72%; } body .header nav { position: absolute; top: 20px; right: 20px; } body .header #logo { padding-bottom: 0 !important; } body .header .contact { display: none; } body .header #sublogo { width: 100%; font-size: 12px; max-width: 270px; height: 50px; vertical-align: middle; } body .header #sublogo p { padding: 3px 0 0; margin: 0; } body .header #sublogo br { display: inline-block; content: ' '; } body .header #sublogo br:before { content: ' '; display: inline-block; margin-right: 5px; } body .header #header-inner { position: relative; } body .article-header { display: none; margin: 10px auto!important; } body.category .article-header, body.blog .article-header, body.single-post .article-header { display: block; } .wp_rp_wrap .related_post li { width: 48%!important; margin-right: 2%!important; text-transform: uppercase!important; } .wp_rp_wrap .related_post li:nth-child(2n+1) { clear: both; } .wp_rp_wrap .related_post li a { width: 100% !important; display: block !important; } #content #inner-content #main .page-highlight { margin-bottom: 0!important; } #content #inner-content #main .page-highlight p { padding-bottom: 0; } #content #inner-content #main article div.page-highlight .text { padding: 7px 20px 0!important; } #content #inner-content #main article div.page-highlight .text a h3 { display: inline-block; font-size: 15px; max-width: calc( 100% - 20px ); } body .page-highlight .thumbnail img { height: auto; width: 100%!important; padding: 0!important; padding: 10px; border: solid 10px #fff; } body .browse_by_desitination .page-highlight { width: calc(100% + 40px)!important; height: auto; max-width: calc(100% + 40px); padding: 0!important; margin-left: -20px!important; overflow: hidden!important; } body .browse_by_desitination .page-highlight .thumbnail { width: calc(100% + 40px)!important; height: auto; max-width: calc(100% + 40px); padding: 0!important; margin-left: -20px!important; border: none; overflow: hidden; background-size: cover; background-repeat: none; } body .browse_by_desitination .page-highlight .thumbnail { padding-bottom: 68.48%!important; } body .browse_by_desitination .page-highlight .thumbnail a { display: block; z-index: 20; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } body .browse_by_desitination .page-highlight .thumbnail a img { display: none; } body .browse_by_desitination .page-highlight .thumbnail .text { z-index: 10; } body .browse_by_desitination .page-highlight .thumbnail .mobile-backgorund { transition: transform 1s; } body .browse_by_desitination .page-highlight .thumbnail.active .mobile-backgorund { transform: scale(1.4); } .thumbnail a:link, .thumbnail a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important; } #content #inner-content #main article div.page-highlight { margin-bottom: 8px!important; } #content #inner-content #main article div.page-highlight .thumbnail { margin-bottom: 0!important; } #content #inner-content #main article div.page-highlight .thumbnail .mobile-backgorund { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; } body .browse_by_desitination .page-highlight .thumbnail img { width: calc(100% + 40px)!important; height: auto; max-width: calc(100% + 40px); padding: 0!important; margin-left: -20px; border: none; transition: transform 1s; opacity: 0; } .entry-content .thumbnail, body .entry-content.mobile-visible .thumbnail { position: relative; } .text-mobile, body .entry-content.mobile-visible .thumbnail .text { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); min-width: 100%; } .text-mobile h3, body .entry-content.mobile-visible .thumbnail .text h3 { background: #d7eaea; font-size: 24px; padding: 15px 25px!important; background-color: rgba(215, 234, 234, .8) } .text-mobile h3:after, body .entry-content.mobile-visible .thumbnail .text h3:after { display: none; } .text-desktop h3 { display: none!important; } body #content #inner-content #main article .kad_intro { border-bottom: none; margin-bottom: 0; } body #content #inner-content #main article .entry-content { padding-bottom: 0; } body #content #inner-content #main article .entry-content.extensions, body #content #inner-content #main article .entry-content.photoalbums:nth-last-child(2), body #content #inner-content #main article .entry-content.reviews-main:nth-last-child(2), body #content #inner-content #main article .entry-content.photoalbums:last-child, body #content #inner-content #main article .entry-content.reviews-main:last-child, body #content #inner-content #main article .entry-content.weather { border: none !important; margin-bottom: 3px !important; } body #content #inner-content #main article .entry-content.overview { padding-bottom: 15px; } body #content #inner-content #main article .entry-content.reviews-main > h1:first-child { max-width: 190px; margin-left: auto; margin-right: auto; } #content #inner-content #main .post-trip-resource .connectbx ul li.connecttxt { display: block; width: 100%; float: none; } #content #inner-content.travelers-blog #main article .gallery, #content #inner-content.travelers-blog #main article .article-footer { display: none; } #content #inner-content.travelers-blog #main article:only-of-type .article-footer { display: block !important; margin-top: 40px; margin-bottom: 0; } #content #inner-content.travelers-blog #main article footer .respond-form { margin-bottom: 0; } #content #inner-content.travelers-blog #main article footer br { display: none; } body #content #inner-content #main article .entry-content:last-child { margin-bottom: 0; } #content #inner-content #main .post-trip-resource .post-trip-icons .community-icon a { background-size: 100% auto; background-position: 0 0; width: 75%; background-repeat: no-repeat; } .country_faq.entry-content h2, .photoalbums.entry-content h2 { margin-bottom: 15px!important; } .logos { font-size: 0; line-height: 0; display: table; } .logos .logo { display: table-cell; vertical-align: middle; padding: 6px; text-align: justify; vertical-align: middle; } .logos .logo img { max-width: 100%; height: auto; vertical-align: middle; } /* Widgets */ .sidebar .widget_contact_us h5 { display: none; } .sidebar .widget_contact_us .connect { display: block; border-top: 1px solid #ded967; background-image: url(/wp-content/themes/knowmad2013/library/images/sidebar/plus.png); background-repeat: no-repeat; background-position: 0px 19px; } .sidebar .widget_contact_us .connect h5, .sidebar .widget_contact_us .connect ul { display: inline-block; vertical-align: middle; padding-right: 0; max-width: calc(100% - 140px); } .sidebar .widget_contact_us .connect ul { padding-top: 5px !important; } .sidebar .widget_contact_us .connect ul li { margin-bottom: 0!important; } .sidebar .widget_contact_us .connect h5 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 25px; font-size: 16px; color: #a7a9ac; font-weight: bold; letter-spacing: 1.2px; vertical-align: top; transform: translateY(17px); font-weight: normal; } #content #inner-content #main article h3 { display: inline; } .widget_text, .widget_frommer_widget, .widget_in_press_widget, .widget_ka_field_report, .widget_good_works_widget, .widget_itineraries_destination_widget { display: none; } .widgettitle { padding: 9px 15px 7px 20px!important; } .widget_contact_us .ap-links { top: 9px !important; } .widget_km_recent_posts, .widget_featured_journey_widget { border: none; background: #f6f6f6; padding: 5px 20px; } .widget_km_recent_posts { margin-top: -10px!important; padding-bottom: 15px !important; } .widget_km_recent_posts .widgettitle, .widget_featured_journey_widget .widgettitle { color: #5e9c98; text-align: center; border: none; margin-bottom: 10px; } .widget_km_recent_posts .widgettitle, .widget_featured_journey_widget .widgettitle { font-size: 19px; margin-bottom: 3px !important; padding-top: 10px !important; padding-bottom: 0 !important; } .widget_featured_journey_widget ul { border: 3px solid #d8eaec; border-radius: 15px; background-color: #f6f6f6; padding: 15px !important; padding-top: 15px !important; margin-bottom: 25px; } .widget_featured_journey_widget .price { margin-bottom: 3px; display: block; } .widget_featured_journey_widget h5 a { color: #8d8f93; font-size: 16px; text-decoration: none; padding: 3px 0 5px; margin-bottom: 3px; } .widget_featured_journey_widget .great-for { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color: #555321; text-decoration: none; margin-bottom: 10px; display: block; } .widget_featured_journey_widget p.trip-summary { color: #231f20; margin-bottom: 3px; font-size: 15px; } .widget_km_recent_posts .categories { padding: 10px; background: #fff; z-index: 0; line-height: 0; font-size: 0; line-height: 0; padding-bottom: 0; } .widget_km_recent_posts .categories .category { width: calc(50% - 5px); display: inline-block; position: relative; margin-right: 10px; margin-bottom: 10px; } .widget_km_recent_posts .categories .category:nth-child(2n) { margin-right: 0!important; } .widget_km_recent_posts .categories .category img { max-width: 100%; height: auto; margin-bottom: 0; width: 100%; } .widget_km_recent_posts .categories .category .text { position: absolute; top: 10px; left: 50%; transform: translate( -50%, 0 ); width: 90%; max-width: 90%; text-align: center; } .widget_km_recent_posts .categories .category .text h5 { background: #d7eaea; font-size: 14px; padding: 12px 0!important; background-color: rgba(215, 234, 234, .8); display: inline-block; margin: 0 auto; position: relative; width: 100%; } .widget_km_recent_posts .widgettitle, .widget_featured_journey_widget .widgettitle { background: none !important; } /* Footer */ .nav.footer-nav { margin: 15px 0!important; } .nav.footer-nav:last-child { margin-bottom: 0 !important; } #menu-footer-page-menu { margin-bottom: 20px!important; } iframe[name="google_conversion_frame"] { display: none !important; } /*#slider li { padding-bottom\: 50px!important; }*/ .journey_begin { display: none; } /*.entry-content { margin-bottom: 0!important; border-bottom: none!important; }*/ .footer { position: relative; z-index: 20; } .footer nav ul.nav li.last a:after, .footer nav ul.nav li.last .nolink:after { opacity: 0!important; } .footer .nav.footer-nav li.connect, .footer .nav.footer-nav li.icons { vertical-align: middle!important; } .footer-fixed { display: block; background-color: #555321; width: 100%; padding: 2px 0; position: fixed; bottom: 0; left: 0; z-index: 100; opacity: 0; transition: opacity .8s, visibility .8s; line-height: 0; font-size: 0; visibility: hidden; } .footer-fixed.active { opacity: 1; visibility: visible; } .footer-fixed ul { margin: 0 auto; display: block; width: auto; text-align: center; } .footer-fixed ul li { display: inline-block; margin-right: 10px; } .footer-fixed ul li:last-child { margin-right: 0; } .footer-fixed ul li a { display: block; height: 30px; width: 30px; background-size: 100% auto; } #inner-footer { padding-top: 10px !important; } #content #inner-content #main article .entry-content.browse_by_desitination { border: none !important; margin-bottom: 4px;width: 100%; } body { font-size: 15px; } } @media (max-width: 395px) { .sidebar .widget_contact_us .connect ul { width: 100%; display: block; margin: 20px 0 3px 0; padding-right: 20px; max-width: 100%; display: flex; justify-content: space-between; } } /*********** NEW EDITS************************/ .wrap-main { margin: 0 auto; width: 1140px; } .mainLeft{ padding: 24px; width: 71%; float: left; position: relative; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; } /*****************************Overview******************/ .overview_section{ font-family: 'HelveticaNeueLTStdLtEx', sans-serif; background-color: #f6f6f6; padding: 24px; width: 100%; float: left; position: relative; margin-bottom: 20px; } .overview_section h2, .overview_section h3 { text-transform: uppercase; } .overview_section h2{ font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; margin: 0 0 10px 0; font-size: 19px; } .overview_section h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin: 0; padding: 0 0 3px; font-size: 16px; line-height: 1.2; } .overview_section p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; text-transform: none; margin-top: 0px; font-size: 14px; line-height: 1.5; color: #565656; } .airtravel h2 {position: relative; display: inline-block; font-weight: bold; cursor: pointer; min-width: 100%; height: 16px; margin-left: 0px; } .DroplinkHolder{ min-width: 100px; min-height: 30px; color: #8d8f93; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; position: absolute; top: 19px; padding: 5px 10px 5px; background-color: #FFF; border: 2px solid #d8ebec; border-radius: 25px; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); float: right; right: 30px; } .DroplinkHolder a{text-decoration: none;} .DroplinkHolder p{ display: inline-block; margin-bottom: 0px; } .DroplinkHolder p::after{ color: #ec6527; content:'>>' ; } p .DroplinkHolderTitle{content: '>>'; display: inline-block; vertical-align: middle; color: #ec6527; } .Overview_Holder{ width: 50%; float: left; } .map_holder { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 48%; height: 250px; float: right; background-color: white; margin-top: 10%; border: 5px solid #ffffff; overflow: hidden; } #imap1message{ padding: 5px; } /*****************************Callout******************/ .callout_NEW { padding: 12px 0px; margin-bottom: 0px; color: #e2f0f3; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; font-size: 12px; float: left; } .callout_NEW p { margin: 0; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; } .callout_NEW strong, .callout_NEW span { color: #e6dc5e; } .callout_NEW strong { font-size: 14px; font-family: 'HelveticaNeueLTStd-BdEx', sans-serif; text-transform: uppercase; margin-right: 5px; } .callout_NEW span { font-size: 13px; font-family: 'HelveticaNeueLTStdMd', sans-serif; } .callout_NEW img { max-width: 100%; width: 100%; transform: translateZ(0); height: auto; } .callout_NEW a { color: #e2f0f3; } .callout_NEW .callout__image { float: left; max-height: 154px; max-width: 154px; border-radius: 100%; overflow: hidden; border: 5px solid #fff; background: #fff; margin-left: 20px; margin-top: 10px;} .callout_NEW .callout__image img { border-radius: 100%; } .callout_NEW .callout__actions { text-align: center; margin-bottom: 12px; } .callout_NEW .btn { display: inline-block; vertical-align: middle; background-color: #fff; border: 2px solid #d8ebec; border-radius: 25px; padding: 10px 14px 7px; font-family: 'HelveticaNeueLTStdEx', sans-serif; font-size: 14px; text-transform: uppercase; color: #555321; text-decoration: none; min-width: 240px;box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); } .callout_NEW .btn:after { content: '>>'; display: inline-block; vertical-align: middle; color: #ec6527; transition: .2s; } .callout_NEW .btn-form-trip{box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3);} /**/ .callout .btn span { display: inline-block; vertical-align: middle; color: #555321; font-family: 'HelveticaNeueLTStdEx'; } .callout_NEW .callout__content { padding: 4px 0; margin-bottom: 2px; } .callout_NEW .btn:hover:after { transform: translateX(3px); } .callout_NEW { margin: 0 -10px; padding: 0px 7px 3px;} .callout_NEW .callout__image { width: 137px; height: 137px; border-width: 4px; margin-right: 15px; -webkit-shape-outside:circle(); shape-outside:circle();} .callout_NEW .callout__content { padding: 17px 0; } .callout_NEW strong { display: block; margin-right: 0; margin-bottom: 12px; font-weight: 400; font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 1.2px; line-height: 1.67; } .popform .gform_wrapper h3.gform_title { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #5e9c98; font-size: 22px; } .popform .gform_wrapper .top_label .gfield_label { display: -moz-inline-stack; display: inline-block; clear: both; height: 20px; text-transform: none; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; font-size: 18px; margin: 8px 0 0 0px; padding-left: 0px; font-weight: normal; } #field_8_2 .gfield_label{font-size: 13px; color: #8d8f93;font-weight: normal; } #field_8_3 .gfield_label, #field_8_4 .gfield_label {display:none; } #field_8_1, #field_8_2{ display: inline-block; width: 50%; } .popform .gform_wrapper .gform_footer input.button,.popform .gform_wrapper .gform_footer input[type="submit"],.popform .gform_wrapper .gform_page_footer input.button,.popform .gform_wrapper .gform_page_footer input[type="submit"] { font-size: 1em; width: auto; margin: 0 16px 0 0; background-image: none; background-color: #fff; border: 2px solid #d8ebec; padding: 13px 14px 7px; font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; text-transform: uppercase; color: #555321; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: normal; } /* ------------------------------------------------------------ *\ Callout Default \* ------------------------------------------------------------ */ .callout-default { text-align: center; padding: 22px 0; } .callout-default .btn { display: inline-block; vertical-align: middle; padding: 14px 17px; font-family: 'HelveticaNeueLTStdMdEx', sans-serif; font-size: 14px; color: #fff; background: #ec6525; text-decoration: none; text-transform: uppercase; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); transition: .2s; border-radius: 12px; } .callout-default .btn:hover { box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .35); } .callout__image_wrapper{ padding: 14px 0; background: #5f591e; float: left; width: 180px; min-height: 200px; } .callout_title{ padding: 4px 0px; float: left; display: block; text-align: center; margin: 0 auto; width: 100%; font-weight: bold; } p .callout_phone{ color:#e6dc5e; } .landing_callout_holder{ max-width: 75%; float: left; color: black; width: 75%; } .callout__content_new { font-family: 'HelveticaNeueLTStdLtEx', sans-serif; padding: 4px 0; margin-bottom: 2px; background-color: #f6f6f6; display: block; margin-left: 3%; } .callout__content_new h2{ font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; font-weight: normal; font-size: 19px; padding: 0px; } .callout__content_new ul { } .callout__content_new ul li{ line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #565656; font-size: 14px; } .callout__content_new li::before { content: "• "; color: #e6dc5e; } .list-logos-new { display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 10px 0px 0px; } .list-logos-new li{ margin: 1%; } /*****************************Itinerary*************************************/ .ItineraryHolder{ font-family: 'HelveticaNeueLTStdLtEx', sans-serif; background-color: #f6f6f6; padding: 24px; width: 100%; float: left; position: relative; margin-top: 20px; } .ItineraryTitle{ font-family: 'HelveticaNeueLTStd-BdEx', sans-serif !important; text-transform: uppercase; padding-bottom: 0px; margin-bottom: 0px; } .ItineraryHolder p,.ItineraryHolder h3 { font-family: 'HelveticaNeueLTStdLtEx', sans-serif; } .AirContent{ float: left; } .airtravel{} .airtravel h2{} .page-highlight{ margin: 25px 0; } .IT_thumbnail{ width: 25%; float: left; margin-right: 4%; } .IT_text{ width: 65%; float: left; } .IT_text h3{margin-left: 0px!important;} .IT_text ul{list-style-type: none; } .IT_text ul li{ color: #565656; margin-left: 70px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .IT_text ul li::before { content: "• "; color: #dfd968; display: inline-block; width: 1em; margin-left: -1em } .IT_Key{ font-family: 'HelveticaNeueLTStdLtEx', sans-serif !important; color: #555321; text-align: right; float: right; margin-top: -20px; } .AirTravelHolder{ } .MoreGalleryHolder{ } .CustAdventureHolder{ } .JourneyHolder{ } .Journey_Content{ float:left; display: block; width:100%; margin: 1em; color: #565656; } .Journey_Content img{width: 97%; height: 100%;border: 7px solid #fff;} .mainsidebar{ margin-top: 0; width: 26.1%; font-size: 12px; color: #8d8f93; font-family: 'HelveticaNeueLTStdLtEx', sans-serif; float: left; display: block !important; } .thumbnail_gallery{width: 30%; float: left; margin: 1%;} .thumbnail_gallery img{ width: 100%; } .sidebarNew { overflow: hidden; width: 100%; font-size: 12px; color: #8d8f93; margin-top: 25px; } #sidebar1 .dbutton{ } .fullspan { margin-top: 0; width: 100%; font-size: 12px; color: #8d8f93; float: left; display: none; } /*******************test*********************/ .fancybox-inner { overflow: hidden; min-height: 580px; } .overview_section_tab{ font-family: 'HelveticaNeueLTStdLtEx', sans-serif; background-color: #f6f6f6; padding: 10px 24px 0px; width: 100%; float: left; position: relative; margin-bottom: 0px; } .overview_section_tab h2, .overview_section_tab h3 { font-family: "HelveticaNeueLTStd-MdEx", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e9c98; text-transform: uppercase; font-weight: normal; font-size: 19px; margin-right: 10px; } .overview_section_tab h3 { font-family: "HelveticaNeueLTStd-Ex", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555321; text-transform: uppercase; margin-left: 13px; font-size: 16px; margin-right: 10px; padding-bottom: 0px;} .overview_section_tab p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #565656; font-size: 14px; text-transform: none; margin-top: 0px; } .half { float: left; width: 100%; padding: 0 1em; } /* Acordeon styles */ .tab { position: relative; margin-bottom: 1px; width: 100%; color: #fff; overflow: hidden; } .TabTitle { /*font-family: 'HelveticaNeueLTStd-BdEx', sans-serif !important;*/ text-transform: uppercase; padding-bottom: 0px; margin-bottom: 0px; float: left; } /*input */.extendBox{ position: absolute; opacity: 0; z-index: -1; } label { position: relative; display: inline-block; padding: 0 0 0 1em; font-weight: bold; line-height: 3; cursor: pointer; min-width: 100%; height: 30px; } .blue label { background: #2980b9; } .tab-content1 { max-height: 0; /* overflow: hidden;*/ -webkit-transition: max-height .5s; -o-transition: max-height .5s; transition: max-height .5s; } .blue .tab-content1 { background: #3498db; } .tab-content1 p { margin: 1em; color: #565656; } .tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .5s; -o-transition: max-height .5s; transition: max-height .5s; } .blue .tab-content { background: #3498db; } .tab-content p { margin: 1em; color: #565656; } .tab-content img{width:100%; height:100%;border: 7px solid #fff;} /* :checked */ input:checked ~ .tab-content { max-height: 1000em; border-bottom: 3px #f26d31 dotted; margin-bottom: 20px; padding-bottom: 10px; } /* Icon */ label::after { display: block; width: 10em; height: 2em; line-height: 1.5; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; float: left; } input[type=checkbox] + label::after { content: url(../images/expand_txt.png)!important; /*display: inline; content: "+"; color: #565656;*/ } input[type=radio] + label::after { content:url(../images/collapse_txt.png)!important; /*content: "\25BC";*/ } input[type=checkbox]:checked + label::after { content:url(../images/collapse_txt.png)!important; /*transform: rotate(315deg);*/ } input[type=radio]:checked + label::after { content:url(../images/collapse_txt.png)!important; /* transform: rotateX(180deg);*/ } button.accordion { background: none; cursor: pointer; padding: 0px; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; margin-left: 14px; } button.accordion.active, button.accordion:hover { } button.accordion:after { content:url(../images/collapse_txt.png)!important; font-size: 13px; color: #777; float: left; margin-left: 5px; margin-top: 5px; } button.accordion.active:after { max-height: 0px; content: url(../images/expand_txt.png)!important; } div.panel { padding: 0 18px; max-height: 10000px !important; border-bottom: 3px #f26d31 dotted; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .wpgmza-filter-widgets {display: none !important;} #intro-full{ display: block; } #intro-mobile{display: none;} /* IT ACCORDION*/ .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .Journey_Content .callout_NEW{ width: 100%; } .Journey_Content .callout_NEW .btn { display: inline-block; vertical-align: middle; background-color: #fff; border: 2px solid #d8ebec; border-radius: 25px; padding: 10px 14px 7px; font-family: 'HelveticaNeueLTStdEx', sans-serif; font-size: 14px; text-transform: uppercase; color: #555321; text-decoration: none; min-width: 240px; box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, .3); } .Journey_Content .callout_NEW .btn a.btn .btn-form-trip{ } .CenterBTN{width: 250px; margin: 0 auto;} .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; } #demo.collapse{display: none;} #demo.collapse.in{display: block} .container2{padding: 14px;} button.btn1.btn-success{border: none; width: 140px; height: 17px;} button.btn1.btn-success.collapsed{background:url(../images/expand_txt.png) no-repeat!important;} button.btn1.btn-success{ background: url(../images/collapse_txt.png) no-repeat !important; } /*content: url(../images/expand_txt.png) !important; content: url(../images/collapse_txt.png) !important; */