@charset "UTF-8"; .wp-block-popup-maker-cta-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;width:100%;word-break:break-word}.wp-block-popup-maker-cta-button__link.aligncenter,.wp-block-popup-maker-cta-button__link.has-text-align-center{text-align:center}.wp-block-popup-maker-cta-button__link.alignright,.wp-block-popup-maker-cta-button__link.has-text-align-right{text-align:right}.wp-block-popup-maker-cta-button__link.alignleft,.wp-block-popup-maker-cta-button__link.has-text-align-left{text-align:left}:where(.wp-block-popup-maker-cta-button__link){border-radius:9999px;box-shadow:none;padding:1rem 2.25rem;text-decoration:none}.wp-block-popup-maker-cta-button[style*=text-decoration] .wp-block-popup-maker-cta-button__link{text-decoration:inherit}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width{max-width:none}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-width .wp-block-popup-maker-cta-button__link{width:100%}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.has-custom-font-size .wp-block-popup-maker-cta-button__link{font-size:inherit}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-100{flex-basis:100%;width:100%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-25{width:25%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-50{width:50%}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button.wp-block-popup-maker-cta-button__width-75{width:75%}.wp-block-popup-maker-cta-button.is-style-squared,.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button.is-style-squared{border-radius:0}.wp-block-popup-maker-cta-button.no-border-radius,.wp-block-popup-maker-cta-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-popup-maker-cta-button){font-family:inherit;font-size:var(--wp--preset--font-size--medium);font-style:normal;line-height:inherit}:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline){background-color:var(--wp--preset--color--contrast);border-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base)}:root :where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover{background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 85%,#0000);border-color:#0000;color:var(--wp--preset--color--base)}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link){border:1px solid;padding:calc(1rem - 1px) calc(2.25rem - 1px)}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-popup-maker-cta-button .wp-block-popup-maker-cta-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link:not(.has-background)){background-color:#0000;background-image:none}:root :where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover){background-color:color-mix(in srgb,var(--wp--preset--color--contrast) 5%,#0000)}.wp-block-popup-maker-cta-button__link:hover.has-background:not(.is-style-outline):hover,.wp-block-popup-maker-cta-button__link:hover[style*=background-color]:not(.is-style-outline){filter:brightness(.85)}.wp-block-popup-maker-cta-button__link:hover.is-style-outline:hover{filter:brightness(1.05)}@supports not (background-color:color-mix(in srgb,red 50%,blue)){:where(.wp-block-popup-maker-cta-button:not(.is-style-outline))>.wp-block-popup-maker-cta-button__link:not(.is-style-outline):hover{filter:brightness(.85)}:where(.wp-block-popup-maker-cta-button.is-style-outline>.wp-block-popup-maker-cta-button__link.wp-block-popup-maker-cta-button__link:not(.has-background):hover){filter:brightness(1.05)}}.wp-block-popup-maker-cta-button{cursor:text;position:relative} .wp-block-popup-maker-cta-buttons{box-sizing:border-box}.wp-block-popup-maker-cta-buttons.is-vertical{flex-direction:column}.wp-block-popup-maker-cta-buttons.is-vertical>.wp-block-popup-maker-cta-button:last-child{margin-bottom:0}.wp-block-popup-maker-cta-buttons>.wp-block-popup-maker-cta-button{display:inline-block;margin:0}.wp-block-popup-maker-cta-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-popup-maker-cta-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-popup-maker-cta-buttons.is-content-justification-center{justify-content:center}.wp-block-popup-maker-cta-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-popup-maker-cta-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-popup-maker-cta-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-popup-maker-cta-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-popup-maker-cta-buttons.aligncenter{text-align:center}.wp-block-popup-maker-cta-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-popup-maker-cta-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button,.wp-block-popup-maker-cta-buttons[style*=text-decoration] .wp-block-popup-maker-cta-button__link{text-decoration:inherit}.wp-block-popup-maker-cta-buttons.has-custom-font-size .wp-block-popup-maker-cta-button__link{font-size:inherit}.wp-block-popup-maker-cta-button.aligncenter{text-align:center}:root .wp-block-popup-maker-cta-buttons.is-layout-flex:not([class*=wp-container-popup-maker-cta-buttons-is-layout-]){gap:16px}.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-color: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; margin: 0; } ul li a, ol li a { color: #545454; } ul li a:hover, ol li a:hover { color: #ff4530; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 20px; width: 100%; } caption, th { font-weight: 400; text-align: left; } th { text-transform: uppercase; color: #333; } td, th { padding: 8px; border-width: 0 1px 1px 0; } a img { border: 0 none; } embed, iframe, object { max-width: 100%; } *,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ::selection { background: #ff4530; color: #fff; } ::-moz-selection { background: #ff4530; color: #fff; } body, button, input, select, textarea { color: #484848; font-family: "Arimo", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.875em; font-weight: 400; line-height: 1.6em; word-wrap: break-word; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { color: #343434; font-family: "Arimo", sans-serif; font-weight: 500; margin-top:0; margin-bottom: 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #343434; font-weight: inherit; } h1 { font-size: 30px; line-height: 1.233; } h2 { font-size: 26px; line-height: 1.269; } h3 { font-size: 24px; line-height: 1.292; } h4 { font-size: 22px; line-height: 1.318; } h5 { font-size: 20px; line-height: 1.350; } h6 { font-size: 18px; line-height: 1.389; } .highlight { font-weight: 500; } p { padding: 0; margin: 0 0 20px 0; } b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 2px solid #ddd; color: #888; font-family: "Arimo", sans-serif; font-size: 16px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; letter-spacing: 0.3px; line-height: 26px; margin-bottom: 20px; padding: 16px 20px 1px; position: relative; quotes: none; } blockquote cite { display: block; font-size: 15px; font-style: normal; text-align: right; } blockquote em, blockquote i, blockquote cite { font-style: normal; } address { display: block; margin: 0 0 1.6em; } pre { background-color: #f8f8f8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear: both; color: #747474; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 1.500; margin-bottom: 20px; overflow: auto; padding: 30px; position: relative; white-space: pre; z-index: 1; } code, kbd, tt, var { font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; line-height: 1.500; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; margin-bottom: 20px; } sup, sub { font-size: 75%; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } [hidden] { display: none; } a { color: #ff4530; cursor:pointer; text-decoration: none; transition-property: color; transition-duration: 0.2s; transition-timing-function: linear; } a:active, a:hover { text-decoration: none; } a:focus { outline: thin dotted; } #page { width: 100%; background-color: #fff; } .wide-wrap:after, .wrap:after { clear: both; content: ""; display: block; } .wide-wrap { margin: 0 40px; } .wrap { margin: 0 auto; max-width: 1170px; padding: 0; position: relative; } .inner-wrap { max-width: 978px; margin: 0 auto; overflow: hidden; } #primary .wrap { max-width: 100%; } .elementor-template-full-width #content > .wrap, .elementor-page #content > .wrap { width: 100%; max-width: 100%; } .column { margin: 0 -15px; } .one-column, .two-column, .three-column, .four-column { float: left; padding: 0 15px 30px; } .two-column-full-width { float: left; padding-bottom: 40px; } .one-column, #primary .two-column { width:100%; } .two-column, .two-column-full-width, #primary .three-column, #primary .four-column-full-width, #primary .four-column { width: 50%; } .three-column, .boxed-layout-small .four-column-full-width, .three-column-full-width { width: 33.33%; } .four-column, .four-column-full-width { width: 25%; } #primary .three-column:nth-child(3n+4), #primary .four-column:nth-child(4n+5), .boxed-layout-small .four-column-full-width:nth-child(4n+5) { clear: none; } .two-column:nth-child(2n+3), .three-column:nth-child(3n+4), .four-column:nth-child(4n+5), .four-column-full-width:nth-child(4n+5), .boxed-layout-small .four-column-full-width:nth-child(3n+4), #primary .three-column:nth-child(2n+3), #primary .four-column:nth-child(2n+3) { clear: both; } .btn-default:before { border-bottom: 36px solid rgba(255, 255, 255, 0.3); border-right: 36px solid transparent; bottom: -28px; content: ""; height: 0; left: -28px; position: absolute; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0; } .btn-default:after { border-left: 36px solid transparent; border-top: 36px solid rgba(255, 255, 255, 0.3); content: ""; height: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0; } .btn-default { background-color: #484848; color: #fff; display: inline-block; font-family: "Arimo", sans-serif; font-size: 13px; font-weight: 400; line-height: 23px; margin: 10px 10px 0; overflow: hidden; padding: 10px 30px; position: relative; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn-default:hover:before, .btn-default:focus:before { left: -10px; bottom: -10px; } .btn-default:hover:after, .btn-default:focus:after { right: -28px; top: -28px; } .btn-default:hover { color: #fff; } .dark { background-color: #484848; } .vivid-red { background-color: #ff4530; } .vivid-blue { background-color: #3dace1; } .go-to-top { background-color: transparent; border: none; bottom: 40px; cursor: pointer; height: 50px; margin: 0; overflow: hidden; padding: 0; position: fixed; right: 40px; width: 50px; z-index: 10000; } .go-to-top .icon-bg { background-color: #ff4530; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08); display: block; height: 50px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 50px; } .go-to-top .icon-bg:before { background: #333; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transform-origin: 50% 0 0; transition-duration: 0.5s; transition-property: transform, -webkit-transform; transition-timing-function: ease-out; z-index: 1; } .go-to-top:hover .icon-bg:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .go-to-top .back-to-top-text { color: #fff; font-size: 12px; font-weight: 400; left: 50%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); position: absolute; text-align: center; text-transform: uppercase; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 100%; z-index: 2; } .go-to-top .back-to-top-icon { color: #fff; font-size: 24px; left: 50%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 80%; -webkit-transform: translate3d(-50%, -50%, 0px); -moz-transform: translate3d(-50%, -50%, 0px); -ms-transform: translate3d(-50%, -50%, 0px); -o-transform: translate3d(-50%, -50%, 0px); transform: translate3d(-50%, -50%, 0px); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 2; } .go-to-top:hover .back-to-top-text, .go-to-top:focus .back-to-top-text { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); top: 20%; } .go-to-top:hover .back-to-top-icon, .go-to-top:focus .back-to-top-icon { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); top: 50%; } a.more-link { color: #ff4530; display: block; font-family: "Arimo",sans-serif; font-size: 12px; font-style: italic; margin-top: 20px; position: relative; text-align: left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 130px; } a.more-link:hover { color: #333; } a.more-link:after { content: "\f101"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 14px; font-style: normal; left: 5px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: top; } a.more-link:hover:after { left: 8px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; overflow: hidden; width: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); clip: auto !important; color: #ff4530; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .alignleft { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } .aligncenter { clear: both; display: block; margin: 0 auto; } .breadcrumb { font-size: 13px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .breadcrumb, .breadcrumb a:hover { color: #999; } .breadcrumb a { color: #333; } .breadcrumb .home:before { content: '\f015'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; font-style: normal; line-height: 1.313; margin-right: 4px; vertical-align: top; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; }/*\*/* html .clearfix { height: 1%; } .clearfix { display: block; }/**/ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="password"], textarea { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; margin-bottom: 30px; background-color: #fafafa; } input[type="search"] { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input[type="reset"], input[type="button"], input[type="submit"] { background-color: #ff4530; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0 none; color: #fff; cursor: pointer; display: block; margin-bottom: 30px; padding: 6px 18px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:focus, input[type="button"]:focus, input[type="submit"]:focus { background-color: #747474; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus { border-color: rgba(0, 0, 0, 0.20); background-color: #eee; } input[type="search"]:focus { background-color: #f8f8f8; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type=search] { -webkit-appearance: none; } .header-search:before { border: 1px solid #333; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; display: inline-block; height: 15px; top: 1px; -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); width: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .header-search:after { background-color: #333; content: ""; display: inline-block; height: 10px; -webkit-transform: translateX(50%) translateY(50%) rotate(-45deg); -moz-transform: translateX(50%) translateY(50%) rotate(-45deg); -ms-transform: translateX(50%) translateY(50%) rotate(-45deg); -o-transform: translateX(50%) translateY(50%) rotate(-45deg); transform: translateX(50%) translateY(50%) rotate(-45deg); width: 1px; } .header-search-x:before { background-color: #333; content: ""; display: inline-block; height: 20px; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .header-search-x:after { background-color: #333; content: ""; display: block; height: 20px; margin-left: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 1px; } .header-search, .header-search-x { background-color: transparent; border: none; cursor: pointer; height: 36px; margin: 0 45px 0 0; position: absolute; right: 0; top: 22px; width: 36px; } #search-box { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); left: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; right: 80px; top: 80px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 9999; } #search-box.show-search-box { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); top: 100px; } #search-box .search-form { background-color: rgba(255, 255, 255, 0.9); display: none; height: 80px; padding: 20px 20px 0; width: 100%; } #search-box.show-search-box .search-form { display: block; } #search-box input.search-field { width: calc(100% - 50px); } #search-box .search-submit { border-bottom: 1px solid rgba(0, 0, 0, 0.2); color: #999; background-color: transparent; border-top: none; border-left: none; border-right: none; } #search-box input[type="search"] { background-color: transparent; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #site-branding { display: inline-block; float: left; } #site-detail { display: inline-block; padding: 8px 0; text-align: left; vertical-align: middle; } #site-title { font-family: "Arimo", sans-serif; font-style: italic; font-size: 36px; font-style: inherit; font-weight: 400; letter-spacing: 1px; line-height: 44px; margin: 0; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } #site-title a { color: #484848; display: block; } #site-description { clear: both; color: #747474; font-family: "Arimo", sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.727; margin: 0; text-transform: uppercase; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; max-width: 100%; vertical-align: top; } img.alignleft, img.alignright, img.aligncenter { margin-top: 20px; margin-bottom: 20px; } figure { margin: 0; } img#wpstats { display: none; } .entry-content img, .comment-content img, .widget img { max-width: 100%; } .img-border { background-color: #fff; padding: 5px; border: 1px solid #ccc; } .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { margin-bottom: 20px; max-width: 100%; } .wp-caption a { position: relative; } .wp-caption .wp-caption-text { margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .wp-caption .wp-caption-text, .gallery-caption { font-style: italic; } .margin-top-none { margin-top: 0 !important; } .margin-bottom-none { margin-bottom: 0 !important; } .margin-right-none { margin-right: 0 !important; } .margin-left-none { margin-left: 0 !important; } .padding-top-none { padding-top: 0 !important; } .padding-bottom-none { padding-bottom: 0 !important; } .padding-right-none { padding-right: 0 !important; } .padding-left-none { padding-left: 0 !important; } .border-top-none { border-top: 0 none !important; } .border-bottom-none { border-bottom: 0 none !important; } .border-right-none { border-right: 0 none !important; } .border-left-none { border-left: 0 none !important; } .shadow-none { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .margin-bottom-none p { margin-bottom: 0 !important; } #page.side-content-open .top-header, #page.side-content-open .sticky-wrapper, #page.side-content-open .main-slider, #page.side-content-open .site-content { -webkit-transition: -webkit-transform .35s; transition: transform .35s; } #page.side-content-open .top-header, #page.side-content-open .sticky-wrapper, #page.side-content-open .main-slider, #page.side-content-open .site-content { -webkit-transform: translate3d(-12em,0,0); -moz-transform: translate3d(-12em,0,0); -ms-transform: translate3d(-12em,0,0); -o-transform: translate3d(-12em,0,0); transform: translate3d(-12em,0,0); } .side-menu-wrap { display: block; position: relative; clear: both; text-align: left; } .side-menu { background-color: #fff; -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.20); box-shadow: 0 0px 3px rgba(0, 0, 0, 0.20); display: none; z-index: 9999; margin-right: -14px; position: fixed; right: -100%; height: 100%; max-width: 400px; padding: 50px 50px 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; overflow-y: scroll; } .side-menu.show { right: 0; } .admin-bar .side-menu { top: 30px; } .side-nav-wrap { padding-bottom: 30px; } .side-widget-tray { display: inline-block; width: 100%; } .page-overlay.side-menu-open { visibility: visible; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .page-overlay { position: fixed; display: block; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(34, 34, 34, 0.6); cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M20 1l-1-1-9 9-9-9-1 1 9 9-9 9 1 1 9-9 9 9 1-1-9-9'/%3E%3C/svg%3E"),pointer; z-index: 999; visibility: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .4s cubic-bezier(.075,.82,.165,1),opacity 250ms; -moz-transition: all .4s cubic-bezier(.075,.82,.165,1),opacity 250ms; -o-transition: all .4s cubic-bezier(.075,.82,.165,1),opacity 250ms; transition: all .4s cubic-bezier(.075,.82,.165,1),opacity 250ms; } .show-menu-toggle { background-color: transparent; border: none; cursor: pointer; display: block; padding: 10px; position: absolute; right: 0; top: 18px; } .show-menu-toggle .sn-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .show-menu-toggle .bars:after, .show-menu-toggle .bars:before { background-color: #000; position: absolute; content: ''; display: inline-block; height: 2px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; outline: 1px solid transparent; right: 0; } .show-menu-toggle .bars:after { width: 25px; top: 7px; } .show-menu-toggle .bars:before { width: 35px; top: -7px; } .show-menu-toggle .bars { background-color: #000; display: inline-block; width: 20px; height: 2px; position: relative; top: -10px; vertical-align: bottom; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .show-menu-toggle:hover .bars:after, .show-menu-toggle:hover .bars { width: 35px; } .hide-menu-toggle { background-color: transparent; border: none; cursor: pointer; padding: 8px 20px; position: absolute; left: 15px; top: 10px; } .hide-menu-toggle .bars:after, .hide-menu-toggle .bars:before { background-color: #999; position: absolute; content: ''; display: inline-block; width: 25px; height: 2px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; outline: 1px solid transparent; left: 0; } .hide-menu-toggle .bars:after { top: 0; -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .hide-menu-toggle .bars:before { top: 0; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .hide-menu-toggle .bars { display: inline-block; position: relative; top: -10px; vertical-align: bottom; } .side-menu-wrap .side-nav-wrap a { color: #000; display: block; font-family: "Arimo",sans-serif; font-size: 24px; line-height: 34px; text-align: right; } .side-menu-wrap .side-nav-wrap a:hover, .side-menu-wrap .side-nav-wrap a:focus { color: #ff4530; } .side-menu-wrap .side-nav-wrap ul li ul li a { font-size: 18px; line-height: 42px; } .side-menu-wrap .side-nav-wrap ul li ul li ul li a { font-size: 14px; line-height: 36px; } .side-menu .social-links { margin-bottom: 40px; } .header-wrap { position: relative; display: block; clear: both; } .top-bar { margin: 0; } .top-bar .widget_contact { float: left; margin: 0; } .top-bar .widget_contact ul li { display: inline-block; margin-right: 10px; } .top-bar .widget_contact ul li a { color: #747474; font-size: 13px; } .top-header { text-align: center; background-position: center center; background-size: cover; } #sticky-header { border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; width: 100%; z-index: 999; } .is-sticky #sticky-header { background-color: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); border-bottom: none; } .is-sticky .main-header { border-bottom: none; } @media only screen and (max-width: 767px) { .is-sticky #sticky-header { background-color: #fff; } } .boxed-layout #sticky-header, .boxed-layout-small #sticky-header { width: inherit; } .top-bar .widget-title { display: none; } .header-image { width: 100%; height: auto; } .custom-header { display: block; height: auto; width: 100%; } .wp-custom-header { position: relative; } #wp-custom-header-video { width: 100%; } video#wp-custom-header-video { height: auto; } .wp-custom-header .wp-custom-header-video-button { background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); cursor: pointer; font-size: 0; height: 45px; overflow: hidden; padding: 0; position: absolute; right: 30px; top: 30px; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; width: 45px; } .wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { border-color: rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.5); color: #fff; } .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after, .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after { color: #fff; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 18px; font-style: normal; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); vertical-align: middle; } .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after { content: "\f04c"; } .wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after{ content: "\f04b"; } .header-social-block { float: right; margin-top: 6px; } .header-social-block .social-links { margin-top: 0; float: right; } .social-links { float: left; } .entry-content .social-links { margin: 0; } .social-links li { float: left; display: inline-block; } .social-links li a { color: #747474; display: block; float: left; font-family: "FontAwesome"; font-size: 15px; text-align: center; line-height: 35px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.2s linear 0s; width: 35px; } .social-links li a[href*="facebook.com"]:before { content: '\f09a'; } .social-links li a[href*="facebook.com"]:hover { color: #3B5998; } .social-links li a[href*="twitter.com"]:before { content: '\e61b'; } .social-links li a[href*="twitter.com"]:hover { color: #000000; } .social-links li a[href*="pinterest.com"]:before { content: '\f231'; } .social-links li a[href*="pinterest.com"]:hover { color: #CB2027; } .social-links li a[href*="dribbble.com"]:before { content: '\f17d'; } .social-links li a[href*="dribbble.com"]:hover { color: #F26798; } .social-links li a[href*="instagram.com"]:before { content: '\f16d'; } .social-links li a[href*="instagram.com"]:hover { color: #8E6051; } .social-links li a[href*="flickr.com"]:before { content: '\f16e'; } .social-links li a[href*="flickr.com"]:hover { color: #0063DB; } .social-links li a[href*="linkedin.com"]:before { content: '\f0e1'; } .social-links li a[href*="linkedin.com"]:hover { color: #007BB6; } .social-links li a[href*="angellist.com"]:before { content: '\f209 '; } .social-links li a[href*="angellist.com"]:hover { color: #000000; } .main-navigation { float: right; margin-right: 80px; } .main-navigation > ul > li { position: relative; display: inline-block; } .main-navigation a { color: #484848; display: block; font-family: "Arimo", sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 0.1em; line-height: 80px; padding: 0 10px; text-align: left; text-transform: uppercase; } .main-navigation a:hover, .main-navigation a:focus, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a, .main-navigation li.current-menu-ancestor.menu-item-has-children > a:after, .main-navigation li.current-menu-item.menu-item-has-children > a:after, .main-navigation ul li:hover > a:after, .main-navigation li.menu-item-has-children > a:hover:after, .main-navigation li.page_item_has_children > a:hover:after { color: #ff4530; } .main-navigation ul li ul, .main-navigation ul li:hover ul ul, .main-navigation ul ul li:hover ul ul, .main-navigation ul ul ul li:hover ul ul, .main-navigation ul ul ul ul li:hover ul ul { visibility:hidden; } .main-navigation ul li ul { background-color: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); line-height: 2.667; list-style-type: none; margin: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding: 0; position: absolute; top: 100px; -webkit-transition: all .50s ease; -moz-transition: all .50s ease; -ms-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; visibility: hidden; width: 200px; z-index: 9999; } .main-navigation > ul > li:hover > ul, .main-navigation > ul > li.focus > ul { display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; top: 70px; } .is-sticky .main-navigation > ul > li:hover > ul { top: 60px; } .main-navigation ul li ul li { float: none; margin: 0; position: relative; text-align: left; width: 200px; z-index: 1; } .main-navigation ul li ul li:before { border-top: 1px solid #eee; content: ""; height: 1px; left: 10px; position: absolute; top: 0; width: 90%; } .main-navigation ul li ul li:first-child:before { border-top: none; } .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a { color: #747474; float: none; font-size: 13px; height: inherit; line-height: 1.538; padding: 12px 15px; text-transform: capitalize; } .is-sticky .main-navigation ul li ul li a { line-height: 1.538; } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li a:focus, .main-navigation ul li ul li:hover > a, .main-navigation ul li.current-menu-item ul li a:hover { color: #ff4530; } .main-navigation ul li ul li ul { left: 190px; top: 10px; } .main-navigation ul li:last-child ul li ul { left: -200px; } .main-navigation ul ul li:hover ul, .main-navigation ul ul li.focus ul, .main-navigation ul ul ul li:hover ul, .main-navigation ul ul ul li.focus ul { top: 0; display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility:visible; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after, .main-navigation li li.page_item_has_children > a:after { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-style: normal; text-decoration: inherit; color: #484848; font-size: 12px; padding-left: 6px; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { content: "\f107"; } .main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after { content: "\f105"; position: absolute; right: 15px; } .menu-toggle { display: none; } .line-bar, .line-bar:after, .line-bar:before { background-color: #333; } #content { padding: 50px 0 0; } .elementor-template-full-width #content, .elementor-page #content, .siteorigin-panels.full-width-layout #content { padding: 0; } .blog #content { padding: 60px 0 0; } #main ul { list-style-type: disc; } #main ol { list-style-type: decimal; } #main ol ol { list-style: upper-alpha; } #main ol ol ol { list-style: lower-roman; } #main ol ol ol ol { list-style: lower-alpha; } #primary { float: left; width: 70%; } #secondary { float: left; padding-left: 40px; width: 30%; } .sticky:before { color: #ddd; content: "\f08d"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; position: absolute; right: 12px; top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sticky { background-color: #fafafa; padding: 30px; position: relative; } .entry-header { padding-bottom: 15px; } .post { margin-bottom: 60px; } .post-content { background-color: #fff; position: relative; } .single-featured-image-header { max-width: 1170px; margin: 50px auto 0; } .single-featured-image-header img { display: block; height: auto; margin: auto; width: 100%; } .entry-title { font-size: 26px; margin-bottom: 15px; } .entry-title, .entry-title a { color: #343434; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #ff4530; } .entry-meta { overflow: hidden; } .entry-meta span:last-child { margin-right: 0; } .entry-meta span { color: #999; display: inline-block; margin-right: 15px; margin-bottom: 10px; } .entry-meta, .entry-meta a { color: #222; font-family: "Lustria",sans-serif; font-size: 12px; font-style: italic; letter-spacing: 0.2px; line-height: 1.583; } .entry-meta a:hover, .entry-meta .comments:hover { color: #ff4530; } .entry-meta .comments { color: #222; } .entry-content .entry-meta { float: right; } .cat-links, .cat-links a, .tag-links, .tag-links a, .entry-format, .entry-format a { color: #ff4530; font-family: "Arimo",sans-serif; font-size: 11px; font-style: normal; font-weight: 600; text-transform: uppercase; } .entry-footer { padding: 5px 0; width: 100%; } .entry-footer .entry-meta span.author { margin-bottom: 0; } .entry-footer .more-link { float: right; } .post-image-content { position: relative; z-index: 2; } .post-featured-image { margin-bottom: 30px; text-align: left; } .post-featured-image a { display: block; } .post-image-content .posted-on { display: none; left: 20px; margin: 0; max-width: 110px; padding: 10px 15px 15px; position: absolute; top: 0; z-index: 1; } .post-image-content .posted-on:before { background-color: #ff4530; bottom: 0; content: ""; left: 0; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); position: absolute; right: 0; top: 0; z-index: -1; } .post-image-content .entry-meta .posted-on a { color: #fff; font-family: "Arimo",sans-serif; font-size: 15px; font-style: normal; line-height: 25px; } .post-image-content .entry-format { border: none; bottom: 20px; position: absolute; right: 15px; } .post-image-content .entry-format a { font-size: 0; } .post-image-content .entry-meta .entry-format a:before { color: #fff; display: none; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 36px; font-style: normal; font-variant: normal; line-height: 32px; opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); position: relative; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } span.big-font { color: #fff; display: block; font-size: 36px; line-height: 34px; margin-bottom: 0; } .format-aside .post-image-content .entry-format a:before { content: "\f06e"; } .format-image .post-image-content .entry-format a:before { content: "\f03e"; } .format-gallery .post-image-content .entry-format a:before { content: "\f1ad"; } .format-video .post-image-content .entry-format a:before { content: "\f03d"; } .format-status .post-image-content .entry-format a:before { content: "\f130"; } .format-quote .post-image-content .entry-format a:before { content: "\f10d"; } .format-link .post-image-content .entry-format a:before { content: "\f0c1"; } .format-chat .post-image-content .entry-format a:before { content: "\f086"; } .format-audio .post-image-content .entry-format a:before { content: "\f028"; } .has-post-thumbnail .post-image-content .posted-on, .has-post-thumbnail .post-image-content .entry-format a:before { display: block; } .has-post-thumbnail .entry-header .entry-meta .posted-on, .has-post-thumbnail .entry-header .entry-meta .entry-format { display: none; } .single .has-post-thumbnail .entry-header .entry-meta .posted-on, .single .has-post-thumbnail .entry-header .entry-meta .entry-format { display: inline-block; } .entry-content { display: block; margin: 0 0 20px; } .entry-content dt, .comment-content dt { font-weight: 700; } .entry-content dd, .comment-content dd { margin-bottom: 20px; } .entry-content td, .comment-content td { padding: 8px; } .entry-content ul, .entry-content ol { margin: 0 0 30px 30px; } .entry-content li > ul, .entry-content li > ol { margin-bottom: 0; } .entry-content a { text-decoration: underline; } .wp-element-button, .entry-content a:hover { text-decoration: none; } .gallery { margin-bottom: 20px; } .gallery-item { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 4px 4px 0; width: 100%; vertical-align: top; text-align: center; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { text-align: left; } .wp-pagenavi, .default-wp-page { margin: 50px 0; clear: both; } .wp-pagenavi .pages { border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #747474; padding: 9px 15px; } .wp-pagenavi .current, .wp-pagenavi a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #747474; display: block; float: left; border: 1px solid rgba(0, 0, 0, 0.15); padding: 4px 11px; } .wp-pagenavi .current, .wp-pagenavi a:hover, .wp-pagenavi span.current { color: #747474; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #f4f4f4; } .wp-pagenavi span.current { font-weight: 200; } .wp-pagenavi { text-align: center; } .wp-pagenavi .current, .wp-pagenavi a { display: inline-block; float: none; margin-left: 4px; } #main ul.default-wp-page { margin-left: 0; list-style: none; padding-bottom: 0; } ul.default-wp-page li a { color: #848484; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 2px 10px; } ul.default-wp-page li a:hover { background-color: #f4f4f4; } ul.default-wp-page li { padding: 0 0 20px; } ul.default-wp-page li.previous { float:left; } ul.default-wp-page li.next { float:right; } .navigation.pagination:after { clear: both; content: ""; display: table; table-layout: fixed; } .navigation.pagination { clear: both; margin-bottom: 50px; text-align: center; } .navigation.pagination .nav-links { display: inline-block; } .page-numbers { background-color: #f4f4f4; border: 1px solid #fafafa; color: #747474; display: block; float: left; margin-right: 8px; outline: 1px solid #eee; padding: 4px 11px; } .page-numbers:last-child { margin-right: 0; } .page-numbers.current, .page-numbers:hover { background-color: #e8e8e8; } .navigation.post-navigation { clear: both; margin-bottom: 50px; } .navigation.post-navigation .nav-links, .image-navigation .nav-links { display: inline-block; width: 100%; } .navigation.post-navigation .nav-previous, .image-navigation .nav-links .nav-previous { float: left; } .navigation.post-navigation .nav-next, .image-navigation .nav-links .nav-next { float: right; } .navigation.post-navigation .post-title { color: #949494; display: block; } .image-navigation .nav-links a { color: #ff4530; } .image-attachment div.attachment { background-color: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background-color: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } .attachment-jpeg .attachment { text-align: center; } .comments-title { font-size: 30px; font-weight: 400; line-height: 1.267; padding-bottom: 15px; } #main .comments-area ul, #main .comments-area ol { margin: 0 0 30px 30px; } #main .comments-area ul ul, #main .comments-area ol ol { margin-bottom: 0; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #484848; } .comments-area article header a { text-decoration: none; color: #484848; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: 400; color: #fff; background-repeat: repeat-x; background: #0088d0; background: -webkit-linear-gradient(#009cee, #0088d0); background: -moz-linear-gradient(#009cee, #0088d0); background: -ms-linear-gradient(#009cee, #0088d0); background: -o-linear-gradient(#009cee, #0088d0); background: -webkit-gradient(#009cee, #0088d0); background: linear-gradient(#009cee, #0088d0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #747474; } a.comment-reply-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } #comments .comment ol { list-style: none; } #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 30px; font-weight: 400; line-height: 1.267; padding-bottom: 15px; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: 400; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #484848; } .required { color: red; } label ~ span.required { display: block; float: left; margin: -18px 0 0 -16px; margin: -1.285714286rem 0 0 -1.142857143rem; } .page-header { padding: 0 0 20px; position: relative; overflow: hidden; } .elementor-template-full-width .page-header, .elementor-page .page-header, .siteorigin-panels.full-width-layout .page-header { display: none; } .blog .page-header, .category .page-header { display: none; } .error-404 .page-header { background-color: #fddbdd; margin-top: 0; padding: 25px 20px 15px; } .error-404 .page-title { padding: 0; } .error-404 .page-content { padding: 20px 0; } .error-404 #colophon { position: absolute; bottom: 0; width: 100%; } .page-title { color: #343434; font-size: 26px; line-height: 1.333; } .wpcf7-select { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 30px; padding: 10px; width: 40%; display: block; } .wpcf7 p { margin-bottom: 0; } input[type="file"] { margin: 0 0 30px; display: block; } input[type="checkbox"] { margin: 0 0 30px; } .idyllic-corporate #content, .page-template-front-page-feature-template #content, .page-template-latest-blog-template #content, .page-template-portfolio-template #content, .page-template-follow-member-template #content { padding: 0; } .blog.idyllic-corporate #content { padding: 60px 0 0; } body:not(.boxed-layout):not(.boxed-layout-small) .inner-wrap { max-width: inherit; } .boxed-layout #page { max-width: 1230px; margin: 30px auto; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } .boxed-layout-small #page { max-width: 1038px; margin: 30px auto; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } .boxed-layout-small .wrap { margin: 0 auto; max-width: 978px; padding: 0; position: relative; } .boxed-layout #page, .boxed-layout-small #page { overflow: hidden; } .two-column-blog #primary .post { width: calc(50% - 15px); float: left; margin-right: 15px; } .two-column-blog #primary .post:nth-child(2n+1) { margin-right: 0; margin-left: 15px; } .two-column-blog #primary .post:nth-child(2n+2) { clear: both; } .two-column-blog .entry-header, .two-column-blog .entry-content { padding-bottom: 0; } .two-column-blog a.more-link:before { left: -50%; width: 50%; } .two-column-blog a.more-link:after { right: -50%; width: 50%; } .two-column-blog .post-image-content .posted-on { max-width: 72px; padding: 5px; } .two-column-blog .post-image-content .entry-meta .posted-on a { font-size: 12px; line-height: 18px; } .small-image-blog .post { clear: both; float: left; } .small-image-blog .entry-title { text-align: left; } .small-image-blog .post-featured-image { display: inline-block; float: left; margin-bottom: 20px; margin-right: 20px; overflow: hidden; width: 40%; } .small-image-blog .latest-blog-image .post-featured-image { width: 100%; } .small-image-blog .post-image-content .posted-on { max-width: 72px; padding: 5px; } .small-image-blog .post-image-content .entry-meta .posted-on a { font-size: 12px; line-height: 18px; } .search-results.small-image-blog #primary .page, .search-results.two-column-blog #primary .page { display: block; float: left; margin-bottom: 60px; } .widget { margin-bottom: 30px; } .widget ul li a { color: #343434; } .widget ul li a:hover, .widget ul li a:focus { color: #ff4530; } .widget-title { font-family: "Arimo", sans-serif; font-size: 18px; line-height: 25px; font-weight: 400; } .widget-title, .widget-title a { color:#484848; } .widget-title a:hover { color: #ff4530; } #secondary .widget-title { border-bottom: 1px dotted #eee; font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 15px; padding: 10px 0; position: relative; text-align: left; text-transform: uppercase; } input.search-field { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #747474; float: left; font-size: 14px; height: 40px; line-height: 1.571; margin: 0; outline: medium none; padding: 6px 8px; width: 80%; width: calc(100% - 50px); } .search-submit { background-color: #ff4530; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 18px; height: 40px; margin-left: -1px; outline: medium none; right: 0; width: 50px; -webkit-transition: all 300ms ease-out 0s; -moz-transition: all 300ms ease-out 0s; -o-transition: all 300ms ease-out 0s; -ms-transition: all 300ms ease-out 0s; transition: all 300ms ease-out 0s; } .search-submit:hover { background-color: #585858; border: 1px solid #585858; } .box-header { margin-bottom: 40px; padding: 0 50px; } .box-title { font-size: 32px; font-weight: 400; line-height: 38px; margin-bottom: 15px; } .box-sub-title { font-size: 16px; font-weight: 400; line-height: 1.500; margin-bottom: 25px; } .feature-box { padding: 80px 0 20px; position: relative; } .feature-item-wrap { width: 1300px; margin: 0 auto; } .feature-item { position: relative; width: 100%; } .feature-box .feature-image:after { border-color: #fff; border-style: solid; border-width: 1px; bottom: 11px; content: ""; display: block; left: 11px; position: absolute; right: 11px; top: 11px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; z-index: 1; } .feature-image { position: relative; width: 100%; } .feature-box .feature-image:hover:after { bottom: 22px; left: 22px; right: 22px; top: 22px; -webkit-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91) 0s; -moz-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91) 0s; -o-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91) 0s; -ms-transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91) 0s; transition: all 0.25s cubic-bezier(0.42, 0.09, 0.25, 0.91) 0s; } .feature-title-wrap { left: 0; padding: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .feature-title-wrap .feature-title a { color: #fff; font-size: 38px; font-weight: 300; line-height: 48px; text-transform: uppercase; } .our-feature-box { margin-bottom: 0; padding: 80px 0 50px; position: relative; text-align: center; } .our-feature-box .column { margin: 0 -10px; } .feature-content { color: #fff; padding: 30px 30px 15px; text-align: left; } .our-feature-box .four-column:nth-child(4n+1) .feature-content-wrap { background-color: #ff4530; } .our-feature-box .four-column:nth-child(4n+2) .feature-content-wrap { background-color: #a85ad4; } .our-feature-box .four-column:nth-child(4n+3) .feature-content-wrap { background-color: #3dace1; } .our-feature-box .four-column:nth-child(4n+4) .feature-content-wrap { background-color: #acc66b; } .feature-icon { display: block; float: left; height: 50px; width: 50px; margin: 30px 20px 10px 30px; padding: 0; } .our-feature-box .feature-title a { color: #fff; display: block; font-size: 22px; font-weight: 400; line-height: 1.318; } .our-feature-box a.more-link { color: #fff; margin: 10px 0; } .our-feature-one .feature-content { color: #484848; padding: 30px 0 0; text-align: center; } .our-feature-one .feature-content-wrap { background-color: transparent !important; } .our-feature-one .four-column:nth-child(4n+1) .feature-icon { background-color: #ff4530; } .our-feature-one .four-column:nth-child(4n+2) .feature-icon { background-color: #a85ad4; } .our-feature-one .four-column:nth-child(4n+3) .feature-icon { background-color: #3dace1; } .our-feature-one .four-column:nth-child(4n+4) .feature-icon { background-color: #acc66b; } .our-feature-one .feature-icon { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; float: none; height: 70px; margin: 0 auto; padding: 15px; width: 70px; } .our-feature-one .feature-title a { color: #484848; } .our-feature-one a.more-link { color: #ff4530; margin: 15px auto; text-align: center; } .our-feature-one a.more-link:hover { color: #343434; } .our-feature-two .feature-content-wrap { background-color: transparent !important; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); display: inline-block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .our-feature-two .feature-content-wrap:hover { box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); } .our-feature-two .feature-content { color: #484848; padding: 20px; text-align: left; } .our-feature-two .feature-icon { height: 100%; margin: 0 0 20px; padding: 0; width: 100%; } .our-feature-two .feature-title a { color: #484848; font-size: 20px; } .our-feature-two a.more-link { color: #343434; } .our-feature-two a.more-link:hover { color: #747474; } .latest-blog-box { padding: 65px 0 40px; text-align: center; } .latest-blog-content { padding: 30px 30px 0 0; text-align: left; } .latest-blog-content .post { margin-bottom: 0; position: relative; } .latest-blog-image { float: right; width: 240px; position: absolute; right: -30px; top: -30px; } .latest-blog-image .post-featured-image a:before { background-color: rgba(255, 255, 255, 0.3); bottom: 200px; content: ""; left: 200px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; right: 200px; top: 200px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; z-index: 1; } .latest-blog-image .post-featured-image a:after { border: 1px solid rgba(255, 255, 255, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: rgba(255, 255, 255, 0.7); content: '\f0c1'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 20px; height: 50px; left: 0; margin: 0 auto; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding: 14px; position: absolute; right: 0; text-align: center; top: 30%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; vertical-align: middle; width: 50px; } .latest-blog-image .post-featured-image a:hover:before { bottom: 10px; left: 10px; right: 10px; top: 10px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .latest-blog-image .post-featured-image a:hover:after { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); top: 50%; } .latest-blog-image .post-featured-image { margin-bottom: 0; overflow: hidden; position: relative; } .latest-blog-image .post-featured-image a img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; } .latest-blog-image .post-featured-image a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .post-featured-image a:focus { outline: 1px dotted; outline-offset: -1px; margin: 0px; padding: 1px; } .latest-blog-text { border: 1px solid #B1B1B1; padding: 30px 240px 20px 30px; text-align: left; } .latest-blog-text .entry-title { font-size: 18px; line-height: 25px; } .latest-blog-content .sticky .entry-header:before { display: none; } .latest-blog-text .entry-header { padding-bottom: 0; text-align: left; } .latest-blog-content .entry-content { text-align: left; } .latest-blog-content .sticky { background-color: transparent; padding: 0; } .latest-blog-content .sticky:before { display: none; } .latest-blog-text .entry-meta span { margin-right: 5px; } .latest-blog-text .entry-meta .author, .latest-blog-text .entry-meta .posted-on, .latest-blog-text .entry-meta .comments, .latest-blog-text .entry-meta .entry-format { display: none; } .latest-blog-text .entry-meta .cat-links, .latest-blog-text .entry-meta .tag-links { border: none; } .latest-blog-content a.more-link { color: #484848; } .full-image-latest-blog .latest-blog-content { padding: 0; } .full-image-latest-blog .latest-blog-text { border: 1px solid #eee; float: left; padding: 30px; width: 100%; } .full-image-latest-blog .latest-blog-image { float: none; margin-bottom: -1px; position: relative; right: auto; top: auto; width: 100%; } .fact-figure-box { background-color: #aaa; } .fact-figure-bg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 70px 0 50px; position: relative; text-align: center; } .fact-figure-box .box-header { margin-bottom: 40px; } .fact-figure-box .box-title, .fact-figure-box .box-sub-title { color: #fff; } .fact-figure-box .four-column:nth-child(4n+1) .counter:after { background-color: #ff4530; } .fact-figure-box .four-column:nth-child(4n+2) .counter:after { background-color: #a85ad4; } .fact-figure-box .four-column:nth-child(4n+3) .counter:after { background-color: #3dace1; } .fact-figure-box .four-column:nth-child(4n+4) .counter:after { background-color: #acc66b; } .fact-figure-box .counter:after { content: ""; display: block; height: 3px; width: 120px; } .fact-figure-box .counter { margin-bottom: 20px; position: relative; text-align: left; } .facts-content-wrap span { color: #fff; display: inline-block; font-size: 50px; line-height: 57px; } .facts-content-wrap p { color: #fff; display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; } .portfolio-box { background-color: #fff; padding: 100px 0 70px; text-align: center; } .portfolio-box .box-header .box-title { margin-bottom: 30px; position: relative; z-index: 2; } .portfolio-title-bg { color: #eee; font-size: 100px; line-height: 0; position: absolute; top: 10px; left: 0; width: 100%; z-index: 1; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); font-weight: 700; } .portfolio-wrap-bg { margin: 0 auto; max-width: 1170px; padding: 0 15px; } .portfolio-content { position: relative; overflow: hidden; } .portfolio-content:before { background-color: rgba(255, 255, 255, 0.7); bottom: 0; content: ""; left: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; right: 0; top: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 500ms ease-out; z-index: 1; } .portfolio-content:hover:before { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .portfolio-img a:after { border: 1px solid rgba(255, 255, 255, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: rgba(255, 255, 255, 1); content: inherit; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 22px; left: 0; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; text-align: center; top: 20%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; z-index: 2; display: inline-block; height: 60px; width: 60px; margin: 0 auto; line-height: 60px; } .portfolio-content:hover .portfolio-img a:after { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); top: calc(50% - 25px); } .portfolio-title { font-size: 16px; line-height: 22px; margin-bottom: 5px; } .portfolio-content .entry-header { background-color: #fff; position: absolute; bottom: 0; left: 0; margin-bottom: 0; padding: 10px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 2; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; width: 100%; } .portfolio-content .entry-header .tag-links { border: none; margin-bottom: 0; } .portfolio-content:hover .entry-header, .portfolio-content.focus .entry-header { bottom: 20px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .portfolio-img img { -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .portfolio-content:hover.portfolio-img img { -webkit-transform: scale(1.1) rotate(1deg); -moz-transform: scale(1.1) rotate(1deg); -o-transform: scale(1.1) rotate(1deg); -ms-transform: scale(1.1) rotate(1deg); transform: scale(1.1) rotate(1deg); } .portfolio-box.portfolio-full-img.portfolio-no-border { padding-bottom: 0; } .portfolio-full-img .portfolio-wrap-bg { max-width: 100%; } .portfolio-no-border .portfolio-wrap-bg .four-column { padding: 0; } .portfolio-full-img.portfolio-no-border .portfolio-wrap-bg { padding: 0; } .portfolio-show-title .portfolio-img a:after { content: "\f0c1"; } .portfolio-show-title .entry-header { bottom: 0; left: 0; margin-top: 5px; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); position: inherit; text-align: left; } .portfolio-show-title .portfolio-content:hover .entry-header { bottom: 0; } .about-box { background-color: #f8f8f8; } .about-box-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 90px 0 50px; position: relative; } .about-box .box-header { text-align: center; } .about-box .two-column { float: right; } .about-content-wrap { padding: 0 30px; } .about-title:after { background-color: #ff4530; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 1px; margin-top: 15px; width: 250px; } .about-title { font-size: 22px; font-weight: 400; line-height: 30px; position: relative; } .about-work-icon { display: inline-block; float: left; height: 40px; margin-right: 20px; width: 40px; } .about-work-text { float: left; } .about-content { text-align: center; } .flip-content .two-column { float: left; } .testimonial-box { background-color: #e4e4e4; text-align: center; } .testimonial-box .testimonial-bg { background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; padding: 100px 0 50px; position: relative; } .testimonial-slider { max-width: 60%; overflow: hidden; margin: 0 auto; z-index: 1; position: relative; } .testimonial-wrap { background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 30px; position: relative; margin: 0 40px; } .testimonial-quote { margin-left: 40px; text-align: left; letter-spacing: 0; line-height: 2; } .testimonial-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } html[xmlns] .testimonial-slider .slides { display: block; } * html .testimonial-slider .slides { height: 1%; } .testimonial-slider .slides > li:first-child { display: block; } .testimonial-box .testimonial-slider .slides li img { background-color: #ffffff; border: 1px solid #dddddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: initial; float: left; height: 80px; margin-bottom: 20px; padding: 5px; width: 80px; margin-left: -70px; } .testimonial-quote h2 { border-bottom: 1px dashed #eee; padding-bottom: 10px; font-weight: 300; letter-spacing: 1px; } .testimonial-quote cite { color: #000; font-style: normal; font-weight: 600; font-size: 12px; } #main .testimonial-box .flex-control-nav { display: inline-block; margin-top: 30px; } .testimonial-box .flex-control-nav li { display: block; float: left; margin: 0 5px; position: relative; } .testimonial-box .flex-control-nav li a:before { border: 1px solid rgba(255, 255, 255, 0.7); content: ""; float: left; margin: -3px; padding: 6px; } .testimonial-box .flex-control-nav li a.flex-active:before, .testimonial-box .flex-control-nav li a:hover:before { border-color: #ff4530; } .testimonial-box .flex-control-nav li a { background: rgba(255, 255, 255, 0.7); border: 0 none; display: block; height: 8px; margin: 5px; text-indent: -999999px; width: 8px; position: relative; } .testimonial-box .flex-control-nav li a.flex-active, .testimonial-box .flex-control-nav li a:hover { background-color: #ff4530; } .testimonial-box .fa-caret-down { bottom: -39px; color: #e8e8e8; font-size: 60px; left: 0; position: absolute; right: 0; } .team-member-box { background-color: #fafafa; padding: 50px 0 80px; position: relative; } .team-member-box .box-header:after { background-color: rgba(0, 0, 0, 0.2); bottom: 0; content: ""; display: block; height: 30px; left: 50%; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); position: absolute; width: 1px; } .team-member-box .box-header { padding-bottom: 35px; position: relative; text-align: center; } .team-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } html[xmlns] .team-slider .slides { display: block; } * html .team-slider .slides { height: 1%; } .team-slider { background-color: transparent; position: relative; } .team-content-wrap { background-color: #fff; position: relative; overflow: hidden; } .team-info { letter-spacing: 1px; padding: 15px 15px 20px; } .team-info .team-info-text { text-align: center; width: 100%; } .team-info h3 { font-size: 18px; } .team-info .more-link { margin: 0 auto; text-align: center; } .team-info .more-link { display: none; } .team-info .social-links { display: inline-block; float: none; } .team-info .social-links li { background-color: #f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: none; margin: 0 3px 3px 0; } .team-info .social-links li:hover { background-color: #f8f8f8; } .team-info .social-links li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #a2a2a2; display: block; font-family: "FontAwesome"; font-size: 16px; line-height: 30px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; width: 30px; } .team-info-text p:last-child { margin-bottom: 0; } .team-member-box .flex-direction-nav { left: 0; position: absolute; right: 0; text-align: center; top: -70px; } .team-member-box .flex-direction-nav li { border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; font-size: 0; margin: 0 15px; } .team-member-box .flex-direction-nav li:hover { border: 1px solid #ff4530; background-color: #ff4530; } .team-member-box .flex-nav-prev a.flex-prev:before { content: '\f104'; font-size: 22px; } .team-member-box .flex-nav-next a.flex-next:before { content: '\f105'; font-size: 22px; } .team-member-box .flex-nav-prev a.flex-prev, .team-member-box .flex-nav-next a.flex-next { color: #ddd; display: block; font-family: 'Font Awesome 6 Free'; font-weight: 900; height: 30px; line-height: 30px; text-align: center; width: 30px; } .team-member-box .flex-direction-nav li:hover a.flex-prev, .team-member-box .flex-direction-nav li:hover a.flex-next { color: #fff; } .team-content-hover .team-content-wrap img { height: 100%; object-fit: cover; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; width: 100%; } .team-content-hover .team-content-wrap:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .team-content-hover .team-info { align-items: center; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #f4f4f4; bottom: 0; color: #333; display: flex; flex-wrap: wrap; left: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding: 15px; place-content: center; position: absolute; right: 0; top: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .team-content-hover .team-content-wrap:hover .team-info { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .team-content-hover .team-info .team-info-text { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; width: 100%; } .team-content-hover .team-info .social-links { margin: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -ms-transition: all 0.5s ease-in 0s; transition: all 0.5s ease-in 0s; width: 100%; } .team-content-hover .team-content-wrap:hover .team-info .team-info-text, .team-content-hover .team-content-wrap:hover .team-info .social-links { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .widget_contact i[class*="fa fa-"]::before, .column-4 .widget i[class*="fa fa-"]::before { font-family: "Fontawesome"; font-weight: 400; } .widget_contact i.fa-envelope-o::before, .column-4 .widget i.fa-envelope-o::before { content: "\f0e0"; } .widget_contact ul li i { font-size: 14px; line-height: 1.714; padding-right: 5px; vertical-align: top; } .widget_contact ul li { padding: 6px 0 7px 0; } .widget_contact ul li a:hover { color: #ff4530; } .widget_calendar #wp-calendar { width: 90%; margin: 0 auto; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 18px; padding: 0 0 30px; text-transform: uppercase; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar tfoot td { background-color: #f4f4f4; } .widget_posts { margin-bottom: 30px; } .widget_posts .post-title a:hover { text-decoration: underline; } .widget_posts .article-calendar { font-size: 14px; } .widget_tag_cloud a { background-color: #f4f4f4; color: #747474; display: inline-block; font-size: 13px !important; font-weight: 300; margin-bottom: 10px; margin-right: 5px; padding: 2px 15px; } .widget_tag_cloud a:hover { background-color: #eee; } .site-info { background-color: #f6f6f8; background-position: center center; background-size: cover; font-size: 14px; line-height: 1.571; padding: 60px 0 40px; text-align: center; } .site-info .social-links { float: none; margin-bottom: 30px; text-align: center; } .site-info .social-links { display: inline-block; } .site-info .social-links a { background-color: #efefef; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #949494; display: inline-block; font-size: 20px; height: 50px; line-height: 50px; margin: 0 10px 10px; width: 50px; } .site-info .social-links a:hover { background-color: #fafafa; border-color: transparent; } .site-info .copyright { color: #848484; font-size: 13px; line-height: 26px; text-align: center; } .site-info .copyright a { color: #969595; } .site-info .copyright span { display: block; } .site-info .copyright a:hover, .site-info .copyright a:focus { color: #ff4530; } .googlemaps_widget { width: 100%; margin-bottom: 50px; } .maps-container { margin: 0; padding: 0; height: auto; } .googlemaps_widget .maps-container .textwidget { border: 1px solid #ccc; height: 402px; } .googlemaps_widget iframe { width: 100%; height: 400px; } #colophon p { margin-bottom: 15px; } #colophon { font-size: 14px; line-height: 1.500; } #colophon .widget-wrap { background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.05); color: #343434; } #colophon .widget-area { margin: 0 -15px; padding: 50px 0 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } #colophon .widget { margin-bottom: 10px; } #colophon .widget ul li a { color: #343434; } #colophon .widget ul li a:hover, #colophon .widget ul li a:focus { color: #ff4530; } #colophon .widget_categories ul li a, #colophon .widget_pages ul li a, #colophon .widget_nav_menu ul li a, #colophon .widget_recent_entries ul li a, #colophon .widget_categories ul li a, #colophon .widget_recent_comments ul li a, #colophon .widget_meta ul li a, #colophon .widget_rss ul li a { display: block; } #colophon .widget_categories ul ul li a, #colophon .widget_pages ul ul li a, #colophon .widget_nav_menu ul ul li a, #colophon .widget_recent_entries ul ul li a, #colophon .widget_categories ul ul li a, #colophon .widget_recent_comments ul ul li a, #colophon .widget_meta ul ul li a, #colophon .widget_rss ul ul li a { padding-left: 20px; } #colophon .widget_categories ul ul ul li a, #colophon .widget_pages ul ul ul li a, #colophon .widget_nav_menu ul ul ul li a, #colophon .widget_recent_entries ul ul ul li a, #colophon .widget_categories ul ul ul li a, #colophon .widget_recent_comments ul ul ul li a, #colophon .widget_meta ul ul ul li a, #colophon .widget_rss ul ul ul li a { padding-left: 30px; } #colophon .widget-title { font-size: 20px; line-height: 1.444; } .widget_search .widget-title { display: none; } .widget_rss ul li { display: block; padding: 10px 0; } .widget_meta ul li, .widget_recent_comments ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_archive ul li { display: block; padding: 6px 0 7px 20px; position: relative; } .widget_meta ul li:before, .widget_recent_comments ul li:before, .widget_categories ul li:before, .widget_recent_entries ul li:before, .widget_archive ul li:before { color: #949494; content: "\f105"; font-family: 'Font Awesome 6 Free'; font-weight: 900; left: 0; line-height: 20px; position: absolute; } .widget_recent_entries span { display: block; } .widget_text .textwidget li { margin-bottom: 10px; } #colophon .widget_posts .post-title { font-size: 15px; line-height: 1.467; padding-bottom: 0; } .column-4 { float: left; padding: 0 20px 40px; } .column-4 { width: 25%; } .column-4:nth-child(4n+5) { clear: both; } #colophon .column-4 { margin-bottom: 30px; padding: 0 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } #colophon #site-branding { float: none; } #footer-navigation { margin-bottom: 30px; padding: 10px 0; text-align: center; } #footer-navigation a:hover, #footer-navigation a:focus { color: #ff4530; } #footer-navigation a { color: #969595; display: block; float: left; font-size: 12px; font-weight: 400; padding: 0 15px; text-transform: uppercase; } #footer-navigation ul li { position: relative; display: inline-block; } .main-slider { clear: both; } .main-slider .layer-slider, .main-slider .multi-slider { height: 100%; position: relative; } .layer-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } html[xmlns] .layer-slider .slides { display: block; } * html .layer-slider .slides { height: 1%; } .layer-slider .slides > li:first-child { display: block; } .main-slider .image-slider { background-position: center center; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 640px; position: relative; } .slider-content { position: absolute; right: 15%; text-align: right; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; max-width: 70%; } .slider-content .slider-title, .slider-content .slider-title a { color: #484848; font-size: 54px; font-weight: 300; line-height: 62px; } .slider-content .slider-text { color: #484848; font-size: 20px; font-weight: 300; line-height: 28px; margin-bottom: 10px; } .btn-default:last-child { margin-right: 0 !important; } .multi-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } html[xmlns] .multi-slider .slides { display: block; } * html .multi-slider .slides { height: 1%; } .main-slider .multi-slider { padding: 0 20px; overflow: hidden; } .main-slider .multi-slider .image-slider { margin: 20px 0; min-height: 500px; } .main-slider .multi-slider .slider-content { background-color: rgba(255, 255, 255, 0.9); bottom: 0; margin-bottom: 30px; max-width: 90%; padding: 10px 20px; right: inherit; text-align: left; top: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; } .main-slider .multi-slider .slider-content .slider-title, .main-slider .multi-slider .slider-content .slider-title a { font-size: 20px; line-height: 27px; margin-bottom: 0; } .main-slider .multi-slider .slider-content .slider-text { font-size: 13px; margin-bottom: 0; } .main-slider .multi-slider .slider-buttons .btn-default { background-color: transparent; color: #484848; font-size: 11px; margin: 3px 10px 0; padding: 0; text-transform: none; } .main-slider .multi-slider .slider-buttons .btn-default:hover { color: #ff4530; } .main-slider .multi-slider .slider-buttons .btn-default:first-child { margin-left: 0; } .main-slider .multi-slider .slider-buttons .btn-default:before, .main-slider .multi-slider .slider-buttons .btn-default:after { content: none; } .animation-bottom .layer-slider li .slider-title, .animation-bottom .layer-slider li .slider-text, .animation-bottom .layer-slider li .slider-buttons { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeOutBottom; animation-name: fadeOutBottom; } .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-title, .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-text, .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-buttons { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; } .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-title { -webkit-animation-delay: .5s; animation-delay: .5s; } .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-text { -webkit-animation-delay: 1s; animation-delay: 1s; } .animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-buttons { -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes fadeInBottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInBottom { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOutBottom { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutBottom { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, 100%, 0); } } .main-slider .flex-direction-nav { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); visibility: hidden; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; } .main-slider:hover .flex-direction-nav { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility: visible; } .main-slider .flex-direction-nav li { display: block; font-size: 0; height: 140px; left: 0; outline: medium none; padding: 35px; position: absolute; text-align: left; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 140px; z-index: 99; } .main-slider .flex-direction-nav li:before { background-color: rgba(0, 0, 0, 0.35); content: ""; height: 2px; left: 100%; margin-top: -1px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; -webkit-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; -moz-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; -o-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; -ms-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s; width: 35px; } .main-slider .flex-direction-nav a:before { -webkit-transform: translateX(-50%) rotate(30deg); -moz-transform: translateX(-50%) rotate(30deg); -ms-transform: translateX(-50%) rotate(30deg); -o-transform: translateX(-50%) rotate(30deg); transform: translateX(-50%) rotate(30deg); transform-origin: 0 100% 0; } .main-slider .flex-direction-nav a:before, .main-slider .flex-direction-nav a:after { backface-visibility: hidden; background-color: #666; content: ""; height: 50%; left: 25%; position: absolute; -webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; -o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s; width: 3px; } .main-slider .flex-direction-nav a:after { top: 50%; -webkit-transform: translateX(-50%) rotate(-30deg); -moz-transform: translateX(-50%) rotate(-30deg); -ms-transform: translateX(-50%) rotate(-30deg); -o-transform: translateX(-50%) rotate(-30deg); transform: translateX(-50%) rotate(-30deg); transform-origin: 0 0 0; } .main-slider .flex-direction-nav a { display: block; height: 80%; margin: 10% 0 0 10%; position: relative; width: 80%; } .main-slider .flex-direction-nav li.flex-nav-next { left: auto; right: 0; } .main-slider .flex-direction-nav li.flex-nav-next a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .main-slider .flex-direction-nav li:hover:before { background-color: #666; left: 50%; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .main-slider .flex-direction-nav li:hover a:before { -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .main-slider .flex-direction-nav li:hover a:after { -webkit-transform: translateX(-50%) rotate(-45deg); -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -o-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .main-slider .flex-direction-nav li.flex-nav-next:hover:before { left: auto; right: 50%; } .main-slider .flex-direction-nav li.flex-nav-next:before { left: auto; right: 100%; } .main-slider .flex-control-nav { text-align: right; line-height: 0; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; bottom: 30px; z-index: 99; right: 50px; visibility: hidden; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; } .main-slider:hover .flex-control-nav { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); visibility: visible; } .main-slider .flex-control-nav li { display: block; } .main-slider .flex-control-nav li a { background-color: #747474; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; display: inline-block; font-size: 0; height: 2px; margin: 8px 0; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); text-align: center; vertical-align: middle; width: 20px; } .main-slider .flex-control-nav a.flex-active, .main-slider .flex-control-nav a:hover { background-color: #ff4530; -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -o-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; } .top-logo-title #site-branding { display: block; float: none; text-align: center; } .top-logo-title .is-sticky #site-branding { display: block; float: left; text-align: center; } .top-logo-title #site-detail { display: block; text-align: center; } .top-logo-title .is-sticky #site-detail { text-align: left; } .top-logo-title .main-navigation { float: none; margin: 0 80px; } .top-logo-title .is-sticky .main-navigation { float: right; margin-right: 80px; } .top-logo-title .header-search, .top-logo-title .header-search-x { bottom: 25px; top: auto; } .top-logo-title .show-menu-toggle { bottom: 15px; top: auto; } .top-logo-title .custom-logo { height: auto; } .top-logo-title .is-sticky .custom-logo { height: 80px; width: auto; } .header-item-one.sld-plus .top-header { position: absolute; width: 100%; z-index: 99; } .header-item-one .main-slider .image-slider { min-height: 100vh; position: relative; } .header-item-one.sld-plus .slider-content, .header-item-one.sld-plus .main-slider .flex-direction-nav li { top: calc(50% + 40px); } .header-item-one.sld-plus .multi-slider .slider-content { background-color: rgba(0, 0, 0, 0.2); top: inherit; } .header-item-two.sld-plus .top-header { position: absolute; width: 100%; top: 50px; z-index: 99; } .header-item-two.sld-plus .top-header .top-bar .wrap { padding: 0 10px; } .header-item-two.sld-plus #sticky-header { border: none; } .header-item-two.sld-plus .is-sticky #sticky-header { background-color: transparent; border: none; box-shadow: none; } .header-item-two.sld-plus .main-header { background-color: #fff; padding: 0 20px; } .header-item-two.sld-plus .header-search, .header-item-two.sld-plus .header-search-x { margin-right: 75px; } .header-item-two.sld-plus .show-menu-toggle { right: 20px; } .header-item-two.sld-plus .slider-content, .header-item-two.sld-plus .main-slider .flex-direction-nav li { top: calc(50% + 50px); } .header-item-two.sld-plus .multi-slider .slider-content { top: inherit; } .header-item-two .main-slider .image-slider { min-height: 800px; position: relative; } .box-slider.sld-plus #sticky-header .wrap, .box-slider.sld-plus .top-bar .wrap { margin: 0 50px; max-width: 100%; } .box-slider.sld-plus #sticky-header { border: none; } .box-slider .main-slider { margin: 0 50px; } .sld-plus .header-text-light .top-bar .widget_contact ul li a, .sld-plus .header-text-light .top-bar .social-links ul li a, .sld-plus .header-text-light #site-title a, .sld-plus .header-text-light #site-description, .sld-plus .header-text-light .main-navigation a, .sld-plus .header-text-light .main-navigation li.menu-item-has-children > a:after, .sld-plus .header-text-light .main-navigation li li.menu-item-has-children > a:after, .sld-plus .header-text-light .main-navigation li.page_item_has_children > a:after, .sld-plus .header-text-light .main-navigation li li.page_item_has_children > a:after, .sld-plus .header-text-light .slider-content .slider-text, .sld-plus .header-text-light .slider-content .slider-title, .sld-plus .header-text-light .slider-content .slider-title a { color: #fff; } .sld-plus .header-text-light .main-navigation ul li ul li a { color: #747474; } .sld-plus .header-text-light .top-bar .widget_contact ul li a:hover, .sld-plus .header-text-light .top-bar .social-links ul li a:hover, .sld-plus .header-text-light .main-navigation ul li.current-menu-item a, .sld-plus .header-text-light .main-navigation ul li.current_page_ancestor a, .sld-plus .header-text-light .main-navigation ul li.current-menu-ancestor a, .sld-plus .header-text-light .main-navigation ul li.current_page_item a, .sld-plus .header-text-light .main-navigation ul li:hover > a, .sld-plus .header-text-light .main-navigation li.current-menu-ancestor.menu-item-has-children > a:after, .sld-plus .header-text-light .main-navigation li.current-menu-item.menu-item-has-children > a:after, .sld-plus .header-text-light .main-navigation ul li:hover > a:after, .sld-plus .header-text-light .main-navigation li.menu-item-has-children > a:hover:after, .sld-plus .header-text-light .main-navigation li.page_item_has_children > a:hover:after { color: #ff4530; } .sld-plus .header-text-light .line-bar, .sld-plus .header-text-light .line-bar:after, .sld-plus .header-text-light .line-bar:before, .sld-plus .header-text-light .show-menu-toggle .bars, .sld-plus .header-text-light .show-menu-toggle .bars:after, .sld-plus .header-text-light .show-menu-toggle .bars:before, .sld-plus .header-text-light .header-search:after, .sld-plus .header-text-light .header-search-x:before, .sld-plus .header-text-light .header-search-x:after, .sld-plus .header-text-light .main-slider .flex-direction-nav a:before, .sld-plus .header-text-light .main-slider .flex-direction-nav a:after, .sld-plus .header-text-light .main-slider .flex-direction-nav li:hover:before, .sld-plus .header-text-light .main-slider .flex-control-nav li a { background-color: #fff; } .sld-plus .header-text-light .header-search:before { border-color: #fff; } .sld-plus .header-text-light .main-slider .flex-control-nav a.flex-active, .sld-plus .header-text-light .main-slider .flex-control-nav a:hover { background-color: #ff4530; } .sld-plus .header-text-light #sticky-header { border-color: rgba(255, 255, 255, 0.15); } .sld-plus .header-text-light .is-sticky #sticky-header { background-color: rgba(0, 0, 0, 0.5); } #bbpress-forums, div.bbp-breadcrumb, div.bbp-topic-tags, div.bbp-template-notice p, #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { font-size: 14px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { border: 0; float: none; margin-bottom: 2px; margin-right: 1px; } .bbp-pagination { text-align: right; } .bbp-pagination-count { float: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 14px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #f4f4f4; border: none; font-weight: 700; text-align: center; padding: 15px 18px 15px 18px; } #bbpress-forums li.bbp-footer { padding: 8px; border-top: 1px solid #ddd; } #bbpress-forums .bbp-topics a { color: #333; } #bbpress-forums .bbp-topics a:hover { color: #ff4530; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #ddd; } #bbpress-forums li.bbp-header ul { font-size: 16px; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { font-size: 14px; padding: 12px 0 10px 18px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; margin: 5px 0 5px; padding: 0; word-wrap: break-word; } div.bbp-template-notice.info { color: #1891a8; } div.bbp-template-notice.info a { color: #1891a8; font-weight: 400; } #bbpress-forums p.bbp-topic-meta img.avatar { width:25px; height:25px; } #bbpress-forums fieldset.bbp-form { border: none; padding: 0; } #bbpress-forums fieldset.bbp-form legend { font-size: 15px; font-weight: 700; padding: 0 0 10px; } div.bbp-template-notice, div.indicator-hint { background: #f4f4f4; border: 1px solid #ddd; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #bbpress-forums .wp-editor-container, #wp-bbp_topic_content-editor-container, #wp-bbp_reply_content-editor-container { border: 1px solid #ddd; } #wp-bbp_topic_content-editor-container textarea { background-color: transparent; } .bbp-topic-form input#bbp_topic_title, .bbp-topic-form input#bbp_topic_tags, .bbp-topic-form select#bbp_stick_topic_select, .bbp-topic-form select#bbp_topic_status_select { color: #AAA9A9; background-color: #ffffff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; color: #747474; font-size: 13px; padding: 8px 2%; } .bbp-submit-wrapper button.submit { border: 1px solid #ff4530; background-color: #ff4530; color: #fff; padding: 8px 30px; font-size: 15px; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bbp-submit-wrapper button.submit:hover { background-color: #ddd; border: 1px solid #ccc; color: #666; cursor: pointer; } .bbp-search-form input[type="submit"] { display: inline-block; height: 45px; margin: 0 0 0 -4px; } div.bbp-template-notice, div.indicator-hint { color: #ed1c24; } @media only screen and (max-width: 480px) { .bbp-search-form input[type="submit"] { height: 29px; } } .woocommerce #main .page-title { display: none; } .woocommerce-ordering .orderby { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color: #ff4530; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: 400; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #ff4530; color: #fff; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #999; color: #fff; } .woocommerce .quantity .qty { height: 34px; } .woocommerce span.onsale { background-color: #2eb851; font-size: 14px; font-weight: 500; left: -20px; min-height: 4em; min-width: 4em; padding: 0.402em; top: -20px; } .woocommerce ul.products li.product .onsale { margin: -1em -1em 0 0; } .woocommerce ul.products li.product h3 { font-size: 1.2em; } .woocommerce ul.products li.product .price { font-size: 1em; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #747474; } .woocommerce ul.products li.product .price { color: #747474; } .woocommerce div.product .woocommerce-tabs .panel { padding-top: 20px; } .woocommerce-demo-store p.demo_store { background-color: #ff4530; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; } .woocommerce .woocommerce-message:before { color: #ff4530; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 10px 6px 12px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 15px; } .woocommerce table.shop_table td { padding: 12px; border-top: 0; } .woocommerce table.shop_table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce div.product .woocommerce-tabs ul.tabs li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.5em 0.8em; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { margin: 0 0 3em; } .woocommerce ul.products li.product a img { border: 1px solid #ddd; margin: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #2eb851; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #008922; } .woocommerce .star-rating, .comment-form-rating .stars span a { color: #f9b91e; } .woocommerce .woocommerce-product-search input.search-field { width: calc(100% - 95px); } .woocommerce .woocommerce-product-search button[type="submit"] { cursor: pointer; height: 40px; padding: 0 15px; margin-left: -1px; } .woocommerce .tagcloud a { border: 1px solid #ddd; display: inline-block; margin: 0 2px 6px 0; padding: 3px 10px; } .woocommerce-review-link { color: #747474; } #main .woocommerce-MyAccount-navigation > ul { list-style: none; } .woocommerce-MyAccount-navigation ul li > a { border: 1px solid #e4e4e4; display: block; height: 100%; margin-bottom: -1px; padding: 8px; width: 100%; } .woocommerce-MyAccount-navigation ul li > a:hover, .woocommerce-MyAccount-navigation ul li.is-active { background-color: #f8f8f8; } .related.products { display: inline-block; } .woocommerce nav.woocommerce-pagination { display: inline-block; margin-bottom: 40px; width: 100%; } .woocommerce-pagination .page-numbers { outline: none; } .woocommerce .single-featured-image-header { display: none; } @media only screen and (max-width: 767px) { .woocommerce span.onsale { left: 0; } .woocommerce ul.products li.product .onsale { margin: -0.6em -0.6em 0 0; } } @media only screen and (max-width: 800px) { #infinite-handle { clear: both; display: block; } } .rpwwt-widget ul li { margin: 0 0 1em; } .rpwwt-post-author { color: #747474; } .rpwwt-post-date { color: #949494; font-size: 13px; font-style: italic; } @media print { form, button, input, select, textarea, .social-links, .header-search, .flex-direction-nav, .flex-control-nav, .feature-icon, .portfolio-img, .portfolio-title-bg, .about-image, .team-content-wrap img, .testimonial-wrap img, .client-content-box, .latest-blog-image, .fact-figure-box .btn-default, #secondary, .custom-logo, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer .widget-area, .site-info { display: none !important; } .latest-blog-text { padding: 30px; } .our-feature-box, .about-box-bg, .fact-figure-bg, .portfolio-box, .testimonial-bg, .latest-blog-box, .team-member-box { padding: 0; } .about-box .two-column { width: 100%; } body { font-size: 12pt; } h1 { font-size: 24pt; } h2 { font-size: 22pt; } h3 { font-size: 17pt; } h4 { font-size: 12pt; } h5 { font-size: 11pt; } h6 { font-size: 12pt; } .page .panel-content .entry-title, .page-title { font-size: 10pt; } .wrap { padding-left: 5% !important; padding-right: 5% !important; max-width: none; } .site-header { background: transparent; padding: 0; } .custom-header-media { padding: 0; } .site-branding { margin-top: 0; margin-bottom: 1.75em !important; } .site-title { font-size: 25pt; } .site-description { font-size: 12pt; opacity: 1; } .single-featured-image-header { background: transparent; } .entry-meta { font-size: 9pt; } body, .site { background: none !important; } body, a, .site-title a { color: #222 !important; } h2, h5, blockquote, .site-description, .entry-meta, .entry-meta a { color: #777 !important; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 11pt; width: 34%; } .site-footer { padding: 0; } } .off1200, .off1170, .off1100, .off991, .off850, .off767, .off640, .off480, .off375, .off360, .off320 { display: block !important; } .on1200, .on1170, .on1023, .on991, .on850, .on767, .on640, .on480, .on375, .on360, .on320 { display: none !important; } @media (max-width: 1200px) { .off1200 { display: none !important; } .on1200 { display: block !important; } } @media (max-width: 1170px) { .off1170 { display: none !important; } .on1170 { display: block !important; } } @media (max-width: 1023px) { .off1023 { display: none !important; } .on1023 { display: block !important; } } @media (max-width: 991px) { .off991 { display: none !important; } .on991 { display: block !important; } } @media (max-width: 850px) { .off850 { display: none !important; } .on850 { display: block !important; } } @media (max-width: 767px) { .off767 { display: none !important; } .on767 { display: block !important; } } @media (max-width: 640px) { .off640 { display: none !important; } .on640 { display: block !important; } } @media (max-width: 480px) { .off480 { display: none !important; } .on480 { display: block !important; } } @media (max-width: 375px) { .off375 { display: none !important; } .on375 { display: block !important; } } @media (max-width: 360px) { .off360 { display: none !important; } .on360 { display: block !important; } } @media (max-width: 320px) { .off320 { display: none !important; } .on320 { display: block !important; } } .term-sugopula, .term-sugopula2 { } .term-sugopula .type-lineup .grid, .term-sugopula2 .type-lineup .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .term-sugopula .type-lineup .grid .entry-content, .term-sugopula2 .type-lineup .grid .entry-content { width: 25%; padding: 5px; margin-bottom: 15px; transition: all 0.3s ease-out; } .term-sugopula .type-lineup .grid .entry-content a, .term-sugopula2 .type-lineup .grid .entry-content a { border: solid 1px #ddd; display: block; padding: 5px; text-align: center; } .term-sugopula .type-lineup .grid .entry-content:hover, .term-sugopula2 .type-lineup .grid .entry-content:hover { transform: translateY(-3px); opacity: 0.8; } .term-sugopula .type-lineup .grid .entry-content img, .term-sugopula2 .type-lineup .grid .entry-content img { width: 100%; } .term-sugopula .type-lineup .grid .entry-content h2, .term-sugopula2 .type-lineup .grid .entry-content h2 { margin: 0 0 5px; font-weight: 800; font-size: 28px; } .term-sugopula .type-lineup .grid .entry-content p, .term-sugopula2 .type-lineup .grid .entry-content p { margin: 0; color: #97c567; font-size: 18px; font-weight: 400; } @media only screen and (max-width: 1300px) { .term-sugopula .type-lineup .grid .entry-content, .term-sugopula2 .type-lineup .grid .entry-content { width: 33.3%; padding: 0px 8px; } .term-sugopula .type-lineup .grid .entry-content p, .term-sugopula2 .type-lineup .grid .entry-content p { font-size: 16px; } } @media only screen and (max-width: 1023px) { .term-sugopula .type-lineup .grid .entry-content, .term-sugopula2 .type-lineup .grid .entry-content { width: 50%; } } @media only screen and (max-width: 600px) { .term-sugopula .type-lineup .grid .entry-content h2, .term-sugopula2 .type-lineup .grid .entry-content h2 { font-size: 25px; } .term-sugopula .type-lineup .grid .entry-content p, .term-sugopula2 .type-lineup .grid .entry-content p { font-size: 14px; } } @media only screen and (max-width: 480px) { .term-sugopula .type-lineup .grid .entry-content, .term-sugopula2 .type-lineup .grid .entry-content { width: 100%; } .term-sugopula .type-lineup .grid .entry-content p, .term-sugopula2 .type-lineup .grid .entry-content p { font-size: 16px; } } .term-sugopula .lineup_list_imgText, .term-sugopula2 .lineup_list_imgText { font-size: 14px; margin-left: 20px; vertical-align: middle; } @media only screen and (max-width: 767px) { .term-sugopula .lineup_list_imgText, .term-sugopula2 .lineup_list_imgText { display: block; text-align: right; } } .term-sugopula h1.LineUp, .term-sugopula2 h1.LineUp { width: 100%; padding: 15px 10px 0; border-top: solid 3px #85bf61; } .term-sugopula .singleBody, .term-sugopula2 .singleBody { border-bottom: solid 1px #85bf61; border-top: solid 1px #85bf61; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); margin-top: 20px; } .term-sugopula .singleBody article, .term-sugopula2 .singleBody article { float: none; } .term-sugopula .singleBody .wrap.entry-content, .term-sugopula2 .singleBody .wrap.entry-content { margin: 0 auto; } .term-sugopula .singleBody .LineUpBody, .term-sugopula2 .singleBody .LineUpBody { display: block; width: 100%; padding: 30px 0 80px; } .term-sugopula .singleBody .LineUpBody.underLine, .term-sugopula2 .singleBody .LineUpBody.underLine { border-bottom: solid 1px #999; margin-bottom: 30px; } .term-sugopula .singleBody .LineUpBody h2.lineUp_h2, .term-sugopula2 .singleBody .LineUpBody h2.lineUp_h2 { text-align: center; margin-bottom: 80px; font-weight: bold; position: relative; font-size: 40px; width: 100%; } @media (max-width: 1023px) { .term-sugopula .singleBody .LineUpBody h2.lineUp_h2, .term-sugopula2 .singleBody .LineUpBody h2.lineUp_h2 { font-size: 30px; } } @media (max-width: 480px) { .term-sugopula .singleBody .LineUpBody h2.lineUp_h2, .term-sugopula2 .singleBody .LineUpBody h2.lineUp_h2 { font-size: 25px; } } .term-sugopula .singleBody .LineUpBody h2.lineUp_h2:before, .term-sugopula2 .singleBody .LineUpBody h2.lineUp_h2:before { display: block; content: " "; width: 88px; height: 1px; background: #ff5e4d; position: absolute; left: 50%; bottom: -30px; margin-left: -40px; } .term-sugopula .singleBody .LineUpBody h3, .term-sugopula2 .singleBody .LineUpBody h3 { position: relative; font-size: 2.5rem; font-weight: normal; text-align: center; } @media (max-width: 640px) { .term-sugopula .singleBody .LineUpBody h3 span.inline, .term-sugopula2 .singleBody .LineUpBody h3 span.inline { display: block; } } .term-sugopula .singleBody .LineUpBody h3 span.defo, .term-sugopula2 .singleBody .LineUpBody h3 span.defo { font-weight: bold; font-size: 3rem; } @media (max-width: 640px) { .term-sugopula .singleBody .LineUpBody h3 span.defo, .term-sugopula2 .singleBody .LineUpBody h3 span.defo { font-size: 2.5rem; } } @media (max-width: 480px) { .term-sugopula .singleBody .LineUpBody h3 span.defo, .term-sugopula2 .singleBody .LineUpBody h3 span.defo { font-size: 2rem; } } .term-sugopula .singleBody .LineUpBody h3 span.takayama, .term-sugopula2 .singleBody .LineUpBody h3 span.takayama { font-weight: bold; font-size: 4rem; } @media (max-width: 640px) { .term-sugopula .singleBody .LineUpBody h3 span.takayama, .term-sugopula2 .singleBody .LineUpBody h3 span.takayama { display: block; } } @media (max-width: 480px) { .term-sugopula .singleBody .LineUpBody h3 span.takayama, .term-sugopula2 .singleBody .LineUpBody h3 span.takayama { font-size: 3rem; } } .term-sugopula .singleBody .LineUpBodyLeft, .term-sugopula2 .singleBody .LineUpBodyLeft { display: table-cell; width: 50%; padding-right: 15px; vertical-align: top; position: relative; } .term-sugopula .singleBody .LineUpBodyLeft.large, .term-sugopula2 .singleBody .LineUpBodyLeft.large { width: 60%; } .term-sugopula .singleBody .LineUpBodyLeft.small, .term-sugopula2 .singleBody .LineUpBodyLeft.small { width: 40%; } .term-sugopula .singleBody .LineUpBodyLeft.large p.LineUpTextS, .term-sugopula2 .singleBody .LineUpBodyLeft.large p.LineUpTextS { font-size: 14px; line-height: 24px; } .term-sugopula .singleBody .LineUpBodyRight, .term-sugopula2 .singleBody .LineUpBodyRight { display: table-cell; width: 50%; padding-left: 15px; vertical-align: top; position: relative; } .term-sugopula .singleBody .LineUpBodyRight.small, .term-sugopula2 .singleBody .LineUpBodyRight.small { width: 40%; } .term-sugopula .singleBody .LineUpBodyRight.large, .term-sugopula2 .singleBody .LineUpBodyRight.large { width: 60%; } .term-sugopula .singleBody .LineUpBodyRight.small p.LineUpTextS, .term-sugopula2 .singleBody .LineUpBodyRight.small p.LineUpTextS { font-size: 14px; line-height: 24px; } .term-sugopula .singleBody .LineUpImage, .term-sugopula2 .singleBody .LineUpImage { width: 100%; margin-bottom: 30px; } .term-sugopula .singleBody .LineUpImage img, .term-sugopula2 .singleBody .LineUpImage img { width: 100%; } .term-sugopula .singleBody .LineUpBodyLeft img, .term-sugopula .singleBody .LineUpBodyRight img, .term-sugopula .singleBody .LineUpImage, .term-sugopula .lineup-plan img, .term-sugopula2 .singleBody .LineUpBodyLeft img, .term-sugopula2 .singleBody .LineUpBodyRight img, .term-sugopula2 .singleBody .LineUpImage, .term-sugopula2 .lineup-plan img { width: 100%; transition-duration: 0.3s; } .term-sugopula .singleBody .LineUpBodyCenter img, .term-sugopula2 .singleBody .LineUpBodyCenter img { text-align: center; transition-duration: 0.3s; width: 100%; } .term-sugopula .singleBody .LineUpBodyLeft img:hover, .term-sugopula .singleBody .LineUpBodyRight img:hover, .term-sugopula .singleBody .LineUpImage:hover, .term-sugopula .singleBody .LineUpBodyCenter img:hover, .term-sugopula2 .singleBody .LineUpBodyLeft img:hover, .term-sugopula2 .singleBody .LineUpBodyRight img:hover, .term-sugopula2 .singleBody .LineUpImage:hover, .term-sugopula2 .singleBody .LineUpBodyCenter img:hover { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); transform: translateY(-8px); transition-duration: 0.3s; } .term-sugopula .singleBody .LineUpBodyLeft img.nohover:hover, .term-sugopula .singleBody .LineUpBodyRight img.nohover:hover, .term-sugopula .singleBody .LineUpImage.nohover:hover, .term-sugopula .singleBody .LineUpBodyCenter img.nohover:hover, .term-sugopula2 .singleBody .LineUpBodyLeft img.nohover:hover, .term-sugopula2 .singleBody .LineUpBodyRight img.nohover:hover, .term-sugopula2 .singleBody .LineUpImage.nohover:hover, .term-sugopula2 .singleBody .LineUpBodyCenter img.nohover:hover { box-shadow: none; transform: none; transition-duration: none; } .term-sugopula .singleBody .LineUpBodyLeft h3, .term-sugopula .singleBody .LineUpBodyRight h3, .term-sugopula .singleBody .LineUpBodyLeftFloot h3, .term-sugopula2 .singleBody .LineUpBodyLeft h3, .term-sugopula2 .singleBody .LineUpBodyRight h3, .term-sugopula2 .singleBody .LineUpBodyLeftFloot h3 { margin-top: 40px; font-weight: bold; font-size: 30px; position: relative; text-align: left; } .term-sugopula .back100, .term-sugopula2 .back100 { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); width: auto !important; padding: 160px 0 130px; } .term-sugopula .back100 .LineUpBody, .term-sugopula2 .back100 .LineUpBody { max-width: 1200px; margin: auto; padding: 0 30px; } .term-sugopula .backimg01, .term-sugopula2 .backimg01 { background-size: cover; background: url(https://takayama-mt.co.jp/wp/wp-content/uploads/download-scaled.jpg) center top no-repeat; background-size: cover; } .term-sugopula .pt140, .term-sugopula2 .pt140 { padding-top: 140px; } .term-sugopula .back_gray, .term-sugopula2 .back_gray { background: #f8f8f8; } .term-sugopula .singleBody .LineUpBody h3.lineUp-b, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-b { margin-top: 0; margin-bottom: 35px; padding-bottom: 15px; border-bottom: solid 1px #666; } .term-sugopula .singleBody .LineUpBody h3.lineUp-b span, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-b span { font-size: 16px; display: block; font-weight: normal; } .term-sugopula .singleBody .LineUpBody h3.lineUp-c, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-c { text-align: center; margin: 40px 0; } .term-sugopula .singleBody .LineUpBody h3.lineUp-c::after, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-c::after { display: block; content: ""; margin: 20px auto 0; width: 253px; height: 6px; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/css/library/lineup/casa-liniere/casa-liniere-bg1.png) no-repeat; z-index: 2; } .term-sugopula .singleBody .LineUpBody h3.lineUp-c span, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-c span { display: inline-block; } .term-sugopula .singleBody .LineUpBody h3.lineUp-c span img, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-c span img { max-width: 200px; height: auto; } .term-sugopula .singleBody .LineUpBody .floorDrawing, .term-sugopula2 .singleBody .LineUpBody .floorDrawing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor { width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 580px; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head p.title, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head p.title { width: 100%; padding: 20px; font-family: "Dancing Script", cursive; text-align: center; border-radius: 5px; margin: 0 0 50px; font-weight: bold; line-height: 2; letter-spacing: 0.12em; height: 80px; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/css/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head p.title img, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head p.title img { width: 35px; height: auto; transition: none; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head p.drawing, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head p.drawing { width: 80%; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .body ul, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .body ul { list-style-type: none; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .body ul li, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .body ul li { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .body ul li img, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .body ul li img { width: 40px; height: 40px; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .body ul li p, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .body ul li p { width: calc(100% - 40px); margin: 0; padding-left: 20px; } .term-sugopula .singleBody .LineUpBody .lineup-plan, .term-sugopula2 .singleBody .LineUpBody .lineup-plan { position: relative; } .term-sugopula .singleBody .LineUpBody .lineup-plan h3, .term-sugopula2 .singleBody .LineUpBody .lineup-plan h3 { text-align: center; margin-bottom: 20px; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 50px; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 45%; position: relative; z-index: 2; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { position: absolute; bottom: 0; width: 580px; background: #fff; left: 0; border-radius: 5px; padding: 20px; box-shadow: 10px 10px #f5f3e5; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 55%; z-index: 1; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box1, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box1 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { position: absolute; left: auto; right: 0; } @media screen and (max-width: 1300px) { .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { width: 520px; font-size: 16px; left: -60px; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { left: auto; right: -60px; } } @media screen and (max-width: 1050px) { .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 45%; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 55%; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { left: 0; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { right: 0; } } @media screen and (max-width: 1023px) { .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 100%; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 100%; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { width: 100%; position: relative; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { position: relative; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box3, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box3 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .term-sugopula .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box4, .term-sugopula2 .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box4 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } @media only screen and (max-width: 767px) { .term-sugopula .singleBody .LineUpBody .floorDrawing .floor, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor { width: 100%; margin-bottom: 50px; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor:last-child, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor:last-child { margin-bottom: 0; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head { height: auto; width: 100%; } .term-sugopula .singleBody .LineUpBody .floorDrawing .floor .head p.drawing, .term-sugopula2 .singleBody .LineUpBody .floorDrawing .floor .head p.drawing { width: 100%; max-width: 400px; margin-bottom: 50px; } } .term-sugopula .singleBody .LineUpBody .lineup-plan2, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 { padding-top: 80px; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 h3.bg, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 h3.bg { width: 100%; padding: 10px; text-align: center; border-radius: 5px; font-weight: bold; line-height: 2; letter-spacing: 0.12em; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/css/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area { width: 49%; position: relative; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area { width: 49%; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .img-area .note, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .img-area .note { color: #327291; line-height: 1.6; margin-top: 20px; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area { width: 48%; } @media screen and (max-width: 1300px) { .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area { width: 100%; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area { width: 100%; } .term-sugopula .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area, .term-sugopula2 .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area { width: 100%; } } .term-sugopula .singleBody .LineUpBody.onePics, .term-sugopula2 .singleBody .LineUpBody.onePics { padding-bottom: 0; margin-bottom: -30px; } .term-sugopula .singleBody .LineUpBodyLeft h3:before, .term-sugopula .singleBody .LineUpBodyRight h3:before, .term-sugopula .singleBody .LineUpBodyLeftFloot h3:before, .term-sugopula2 .singleBody .LineUpBodyLeft h3:before, .term-sugopula2 .singleBody .LineUpBodyRight h3:before, .term-sugopula2 .singleBody .LineUpBodyLeftFloot h3:before { content: ""; display: block; position: absolute; top: -40px; left: 0; width: 77px; height: 3px; background: currentColor; } .term-sugopula .singleBody .LineUpBody .LineUpBodyCenter h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyCenter h4 { margin: 50px 0 30px; } .term-sugopula .singleBody .LineUpBody .LineUpBodyLeft h4, .term-sugopula .singleBody .LineUpBody .LineUpBodyRight h4, .term-sugopula .singleBody .LineUpBody .LineUpBodyCenter h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyLeft h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyRight h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyCenter h4 { font-weight: bold; font-size: 30px; position: relative; border-left: solid 1px #666; padding-left: 15px; color: #666; margin-top: 30px; } @media screen and (max-width: 767px) { .term-sugopula .singleBody .LineUpBody .LineUpBodyLeft h4, .term-sugopula .singleBody .LineUpBody .LineUpBodyRight h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyLeft h4, .term-sugopula2 .singleBody .LineUpBody .LineUpBodyRight h4 { margin-top: 30px; font-size: 20px; } .term-sugopula .singleBody .LineUpBody.paddingBno, .term-sugopula2 .singleBody .LineUpBody.paddingBno { padding-bottom: 0 !important; } .term-sugopula .singleBody .LineUpBody h3.lineUp-b, .term-sugopula2 .singleBody .LineUpBody h3.lineUp-b { width: 100%; margin-bottom: 0; } } .term-sugopula .singleBody .LineUpBody p.LineUpText, .term-sugopula .singleBody .LineUpBodyLeftFloot p.LineUpText, .term-sugopula2 .singleBody .LineUpBody p.LineUpText, .term-sugopula2 .singleBody .LineUpBodyLeftFloot p.LineUpText { font-size: 18px; line-height: 38px; } .term-sugopula .singleBody .LineUpBody p.LineUpText.center, .term-sugopula2 .singleBody .LineUpBody p.LineUpText.center { text-align: center; font-style: oblique; } .term-sugopula .singleBody .LineUpBody .firstImage, .term-sugopula2 .singleBody .LineUpBody .firstImage { margin-bottom: 20px; } .term-sugopula .singleBody .LineUpBody .firstImage img, .term-sugopula2 .singleBody .LineUpBody .firstImage img { width: 100%; object-fit: cover; font-family: "object-fit: cover"; height: 500px; transition-duration: 0.3s; } .term-sugopula .singleBody .LineUpBody .firstImage.full img, .term-sugopula2 .singleBody .LineUpBody .firstImage.full img { height: auto; } .term-sugopula .singleBody .LineUpBody .firstImage img:hover, .term-sugopula2 .singleBody .LineUpBody .firstImage img:hover { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); transform: translateY(-8px); transition-duration: 0.3s; } @media only screen and (max-width: 1023px) { .term-sugopula .singleBody .LineUpBody .firstImage, .term-sugopula2 .singleBody .LineUpBody .firstImage { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .term-sugopula .singleBody .LineUpBody .firstImage img, .term-sugopula2 .singleBody .LineUpBody .firstImage img { height: 100%; } } @media only screen and (max-width: 767px) { .term-sugopula .singleBody .wrap.entry-content, .term-sugopula2 .singleBody .wrap.entry-content { padding: 0; } .term-sugopula .singleBody .LineUpBody h3, .term-sugopula2 .singleBody .LineUpBody h3 { font-size: 20px; } .term-sugopula .singleBody .LineUpBody p.LineUpText, .term-sugopula2 .singleBody .LineUpBody p.LineUpText { font-size: 16px; line-height: 36px; } .term-sugopula .singleBody .LineUpBodyLeft, .term-sugopula2 .singleBody .LineUpBodyLeft { display: block; width: 100%; padding-right: 0; } .term-sugopula .singleBody .LineUpBodyRight, .term-sugopula .singleBody .LineUpBodyRightFloot, .term-sugopula2 .singleBody .LineUpBodyRight, .term-sugopula2 .singleBody .LineUpBodyRightFloot { display: block; width: 100%; padding-left: 0; } .term-sugopula .singleBody .LineUpBodyLeftFloot, .term-sugopula .singleBody .LineUpBodyLeft.large, .term-sugopula .singleBody .LineUpBodyLeft.small, .term-sugopula .singleBody .LineUpBodyRight.small, .term-sugopula .singleBody .LineUpBodyRight.large, .term-sugopula2 .singleBody .LineUpBodyLeftFloot, .term-sugopula2 .singleBody .LineUpBodyLeft.large, .term-sugopula2 .singleBody .LineUpBodyLeft.small, .term-sugopula2 .singleBody .LineUpBodyRight.small, .term-sugopula2 .singleBody .LineUpBodyRight.large { width: 100%; } } .term-sugopula .singleBody .LineUpBodyLeft img, .term-sugopula .singleBody .LineUpBodyRight img, .term-sugopula2 .singleBody .LineUpBodyLeft img, .term-sugopula2 .singleBody .LineUpBodyRight img { object-fit: cover; font-family: "object-fit: cover"; } .term-sugopula .singleBody .responsive-tabs.responsive-tabs--enabled, .term-sugopula2 .singleBody .responsive-tabs.responsive-tabs--enabled { position: relative; } .term-sugopula .singleBody .responsive-tabs .responsive-tabs__list__item, .term-sugopula2 .singleBody .responsive-tabs .responsive-tabs__list__item { color: #666; border: solid 1px #85bf61 !important; border-bottom: none !important; } .term-sugopula .singleBody .responsive-tabs .responsive-tabs__list__item:hover, .term-sugopula2 .singleBody .responsive-tabs .responsive-tabs__list__item:hover { background: rgba(255, 255, 255, 0.8) !important; } .term-sugopula .singleBody .responsive-tabs .responsive-tabs__list__item--active, .term-sugopula .singleBody .responsive-tabs .responsive-tabs__list__item--active:hover, .term-sugopula2 .singleBody .responsive-tabs .responsive-tabs__list__item--active, .term-sugopula2 .singleBody .responsive-tabs .responsive-tabs__list__item--active:hover { background: #fff !important; border-color: #85bf61 !important; color: #666; top: 1px; } .term-sugopula .singleBody .LineUpImage.nordDetale img, .term-sugopula2 .singleBody .LineUpImage.nordDetale img { width: 80%; display: block; margin: 80px auto 0; } @media only screen and (max-width: 1023px) { .term-sugopula .singleBody .LineUpImage.nordDetale img, .term-sugopula2 .singleBody .LineUpImage.nordDetale img { width: 100%; } } @media (max-width: 767px) { section.sugopula_plan { padding: 0 15px; } } section.sugopula_plan p { margin: 0; } section.sugopula_plan .LineUpBodyRight.head .sugopula_h2 { margin-top: 50px; font-weight: bold; font-size: 30px; padding-bottom: 20px; font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; } @media (max-width: 767px) { section.sugopula_plan .LineUpBodyRight.head .sugopula_h2 { display: flex; justify-content: center; } } section.sugopula_plan .LineUpBodyRight.head h3.sugopula_h3 { font-size: 20px; font-weight: normal; line-height: 1.8; margin-bottom: 40px; font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; } @media (max-width: 767px) { section.sugopula_plan .LineUpBodyRight.head h3.sugopula_h3 { display: flex; justify-content: center; } section.sugopula_plan .LineUpBodyRight.head h3.sugopula_h3::before { right: 0; margin: auto; } } section.sugopula_plan .plan { display: flex; justify-content: center; } section.sugopula_plan .plan .link { max-width: 200px; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: center; } section.sugopula_plan .plan .link a { display: inline-block; font-size: 12px; line-height: 1; padding: 20px 50px 20px 40px; position: relative; border: 1px solid #282828; text-decoration: none; transition: all 0.3s; margin: 10px 0; color: #333; font-weight: 600; letter-spacing: 3px; box-shadow: 5px 5px 0px rgba(133, 191, 97, 0.6); } section.sugopula_plan .plan .link a:hover { background: #85bf61; color: #fff; } section.sugopula_plan .cost { margin-bottom: 20px; } @media (max-width: 767px) { section.sugopula_plan .cost { text-align: center; } } section.sugopula_plan .cost .tax-excluded { font-size: 25px; margin-bottom: 10px; } @media (max-width: 767px) { section.sugopula_plan .note { max-width: 440px; margin: auto; } } section.sugopula_plan .note li { list-style: none; font-size: 1.1rem; text-indent: -1rem; padding-left: 1rem; } @media (max-width: 767px) { section.sugopula_plan .LineUpBodyLeft img { max-height: 100% !important; } } section.sugopula_plan .alignitems-center { display: flex !important; align-items: center; } @media (max-width: 767px) { section.sugopula_plan .alignitems-center { flex-wrap: wrap; padding: 30px !important; } section.sugopula_plan .alignitems-center .box1 { margin: 10px 0 50px; } } section.sugopula_plan .paddingT60 { padding-top: 60px; } section.sugopula_plan .paddingB60 { padding-bottom: 60px !important; } section.sugopula_plan .youtube { width: 95%; margin: auto; aspect-ratio: 16/9; } section.sugopula_plan .youtube iframe { width: 100%; height: 100%; } section.sugopula_plan .madori_area { border-top: 1px solid #c5c5c5; position: relative; padding: 100px 0; margin-top: 220px; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } section.sugopula_plan .madori_area::before { content: ""; width: 100%; height: 10px; display: block; position: absolute; left: 0; top: -10px; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/css/btn_bg.png); } section.sugopula_plan .madori_area p.ttl { position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 350px; height: 100px; border: 1px solid #c5c5c5; border-bottom: none; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 30px; letter-spacing: 2px; } section.sugopula_plan .madori_area p.ttl span { margin-left: 50px; font-size: 20px; color: #506a61; } section.sugopula_plan .madori_area .inner { max-width: 1100px; margin: auto; } section.sugopula_plan .madori_img { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } section.sugopula_plan .madori_img img { width: auto; max-width: 460px; margin: 0 20px 60px; max-height: 100%; height: auto; object-fit: contain; } @media (max-width: 480px) { section.sugopula_plan .madori_img img { width: 100%; } } section.sugopula_plan .ccopy { font-size: 24px; color: #333; letter-spacing: 0.01px; margin-bottom: 30px; } section.sugopula_plan .madori_txt { display: flex; justify-content: center; } @media (max-width: 640px) { section.sugopula_plan .madori_txt { flex-wrap: wrap; } } section.sugopula_plan .madori_txt .left { display: inline-block; padding: 0 30px; vertical-align: top; width: 230px; text-align: center; } section.sugopula_plan .madori_txt .left .plan-cg { margin-bottom: 5px; background: #84c062; padding: 3px 3px 1px; color: #fff; } section.sugopula_plan .madori_txt .left .plan-title { font-size: 30px; color: #506a61; letter-spacing: 2px; margin-bottom: 20px; } section.sugopula_plan .madori_txt .left .plan-txt01 { font-size: 1.5rem; letter-spacing: 0.1em; line-height: 1.9; padding-bottom: 2px; border-bottom: 1px #555 solid; } section.sugopula_plan .madori_txt .left .plan-txt02 { font-size: 1.5rem; letter-spacing: 0.1em; line-height: 1.9; padding-top: 5px; } section.sugopula_plan .madori_txt .right { display: inline-block; padding: 0 20px; max-width: 640px; } section.sugopula_plan .madori_txt .right .plan-txt03 { font-size: 1.7rem; letter-spacing: 0.1em; line-height: 1.7; text-align: left; } @media (max-width: 640px) { section.sugopula_plan .madori_txt .right .plan-txt03 { text-align: center; margin-top: 40px; } } section.sugopula_plan .thumb { margin: 80px auto 0; width: 100%; max-width: 1100px; padding: 0 30px; } section.sugopula_plan .thumb button.slick-prev.slick-arrow { left: 5px !important; width: 30px; height: 30px; } section.sugopula_plan .thumb button.slick-next.slick-arrow { right: 0 !important; width: 30px; height: 30px; } section.sugopula_plan .thumb .slick-slide { margin: 5px; position: relative; } section.sugopula_plan .thumb .slick-slide::after { transition-duration: 0.2s; content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(132, 192, 98, 0.3); opacity: 0; } section.sugopula_plan .thumb .slick-slide:hover { cursor: pointer; } section.sugopula_plan .thumb .slick-slide:hover::after { opacity: 1; } section.sugopula_plan .thumb .slick-active, section.sugopula_plan .thumb .slick-current { opacity: 1; } section.sugopula_plan .thumb .slick-current::after { opacity: 0.5; } section.sugopula_plan .thumb .madori_box { width: 100%; margin: 0 auto; text-align: center; border: 1px #ccc solid; padding: 20px 10px; position: relative; } section.sugopula_plan .thumb .madori_box:hover { cursor: pointer; } section.sugopula_plan .thumb .madori_box .madori_img { display: flex; justify-content: center; margin-bottom: 20px; text-align: center; } section.sugopula_plan .thumb .madori_box .madori_img img { max-width: 50%; margin: 0; max-height: 100px; width: auto; } section.sugopula_plan .thumb .madori_box .madori_txt { display: inline-block; } section.sugopula_plan .thumb .madori_box .madori_txt .left { display: block; padding: 0; } section.sugopula_plan .thumb .madori_box .madori_txt .left .plan-cg2 { margin-bottom: 5px; background: #ccc; color: #fff; position: absolute; top: 0; left: 0; padding: 1px 10px; transition-duration: 0.2s; } section.sugopula_plan .thumb .madori_box .madori_txt .left .plan-title { font-size: 20px; color: #506a61; letter-spacing: 2px; margin-bottom: 10px; } section.sugopula_plan .thumb .madori_box .madori_txt .left .plan-txt01 { font-size: 1.5rem; letter-spacing: 0.1em; line-height: 1.5; padding-bottom: 0; border-bottom: none; color: #506a61; } section.sugopula_plan .thumb .slick-current .madori_box { border: 1px #84c062 solid; } section.sugopula_plan .thumb .slick-current .madori_box .madori_txt .left .plan-cg2 { background: #84c062; } section.sugopula_plan .thumb .slick-current .madori_box .madori_txt .left .plan-title { color: #5c9c37; } section.sugopula_plan .thumb .slick-current .madori_box .madori_txt .left .plan-txt01 { color: #5c9c37; } .sugopula_slider img { opacity: 0; transition: opacity 0.3s ease-in-out; } .sugopula_slider img[src] { opacity: 1; }/*/*/#SugoplA {/**/ } #SugoplA .sugopla-section, #SugoplA .gallery-section { --max: 1100px; --c-key: #6aa27f; --c-key-dark: #4f8c69; --c-gray: #6b7c86; --c-border: #e6ebea; --c-bg-soft: #f6f8f7; --shadow-soft: 0 4px 12px rgba(0, 0, 0, .05); color: #222; width: min(92vw, var(--max)); margin-inline: auto; } #SugoplA .back100 { padding: 80px 0 80px; } #SugoplA .back100.hero { padding-top: 0; } #SugoplA .sugopla-hero-text { text-align: center; margin: 100px auto 60px; } #SugoplA .sugopla-hero-text h3 { font-size: 30px; margin-bottom: 20px; } @media (max-width: 767px) { #SugoplA .sugopla-hero-text h3 { font-size: 5.3vw; } } #SugoplA .sugopla-hero-text2 { display: flex; flex-wrap: wrap; justify-content: center; } #SugoplA .sugopla-hero-text2 p { font-size: 18px; line-height: 1.8; } #SugoplA .kodawari { margin: 80px auto; text-align: center; } #SugoplA .rekishi { margin: 80px auto; display: flex; justify-content: center; flex-wrap: wrap; } #SugoplA .rekishi h3 { width: 100%; font-size: 20px; } @media (max-width: 767px) { #SugoplA .rekishi h3 { font-size: 5.3vw; } } #SugoplA .rekishi picture { margin: 12px auto 30px; } #SugoplA .rekishi p { font-size: 18px; line-height: 1.8; } #SugoplA .brand-title { text-align: center; margin-bottom: 1rem; } #SugoplA .gallery-title { font-size: 30px; text-align: center; margin-top: 100px; margin-bottom: 20px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; } #SugoplA .brand-title-img img { width: 100%; height: auto; margin: 0 auto; display: block; } #SugoplA .contactBody { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; } #SugoplA .contactBody .contact-title { font-size: 40px; width: 100%; font-family: "Hiragino Mincho ProN", YuMincho, serif; font-weight: 700; } #SugoplA .contactBody p { font-size: 18px; width: 100%; } #SugoplA .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } #SugoplA .btn { display: flex; justify-content: center; margin: 24px auto; text-align: center; width: 100%; } #SugoplA .btn a { display: inline-flex; align-items: center; justify-content: center; max-width: 930px; padding: 20px 10px; font-weight: 700; letter-spacing: 0.06em; border: 1.5px solid transparent; text-decoration: none; transition: all 0.25s ease; font-size: clamp(18px, 2.3vw, 30px); } #SugoplA .btn.white a { color: #333; border-color: #484848; background: #fff; } #SugoplA .btn.white a:hover { background: #484848; color: #fff; transform: translateY(-1px); } #SugoplA .btn.black a { color: #fff; background: #484848; border-color: #484848; } #SugoplA .btn.black a:hover { background: #000; border-color: #000; transform: translateY(-1px); } #SugoplA .btn a { position: relative; width: 100%; } #SugoplA .btn.allow-left a::before { content: ""; width: 8rem; position: absolute; background-color: #484848; height: 1px; top: 50%; right: 3rem; } #SugoplA .btn.allow-left a::after { content: ""; width: 25px; position: absolute; background-color: #484848; height: 1px; right: 28px; top: 42%; transform: rotate(30deg); } #SugoplA .btn.white.allow-left a:hover::before { background-color: #fff; } #SugoplA .btn.white.allow-left a:hover::after { background-color: #fff; } #SugoplA .btn.allow-down a::before { content: ""; position: absolute; display: inline-block; vertical-align: middle; color: #fff; line-height: 1; right: 40px; width: 15px; height: 15px; border: 1px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); } @media (max-width: 640px) { #SugoplA .btn a { min-width: 100%; hheight: 70px; font-size: 18px; } } @media (max-width: 480px) { #SugoplA .btn.white a { padding-right: 50px; } #SugoplA .btn.allow-left a::before { width: 5rem; right: 2rem; } #SugoplA .btn.allow-left a::after { right: 16px; top: 41%; } }html { font-size: 62.5%; } body { font-size: 1.6rem; line-height: 1.4; } * { font-family: inherit; font-size: inherit; line-height: inherit; } article,aside,footer,header,nav,section,main { display: block; } * { box-sizing: border-box; } *:before,*:after { box-sizing: inherit; } [hidden] { display: none !important; } [disabled] { cursor: not-allowed; } :focus:not(:focus-visible) { outline: none; } .entry-content a { text-decoration: none!important; } .mapgone { overflow: hidden; height: 500px; width: 100%; } a.maptxt { margin-top: 15px; display: block; } @media (max-width: 767px) { body { font-size: 1.6rem; line-height: 1.4; } } @media (max-width: 640px) { .mapgone { height: 300px; } } .pc-only { display: block; } .sp-only { display: none; } @media only screen and (max-width: 767px) { .pc-only { display: none; } .sp-only { display: block; } } .off1200, .off1100, .off991, .off767, .off640, .off480, .off375, .off360, .off320 { display: block !important; } .on1200, .on1100, .on991, .on767, .on640, .on480, .on375, .on360, .on320 { display: none !important; } @media (max-width: 1200px) { .off1200 {display: none !important;} .on1200 {display: block !important;} } @media (max-width: 1100px) { .off1100 {display: none !important;} .on1100 {display: block !important;} } @media (max-width: 991px) { .off991 {display: none !important;} .on991 {display: block !important;} } @media (max-width: 767px) { .off767 {display: none !important;} .on767 {display: block !important;} } @media (max-width: 640px) { .off640 {display: none !important;} .on640 {display: block !important;} } @media (max-width: 480px) { .off480 {display: none !important;} .on480 {display: block !important;} } @media (max-width: 375px) { .off375 {display: none !important;} .on375 {display: block !important;} } @media (max-width: 360px) { .off360 {display: none !important;} .on360 {display: block !important;} } @media (max-width: 320px) { .off320 {display: none !important;} .on320 {display: block !important;} } .widget_text .textwidget li { margin-bottom: 0; } .cat-links, .cat-links a, .tag-links, .tag-links a, .entry-format, .entry-format a { color: #85bf5f; } #site-branding { top: -8px; position: relative; } ul.menu.nav-menu { margin-right: 20px; } .show-menu-toggle { top: 0px; right: -50px; } .show-menu-toggle span.search { display: block; text-align: center; } .show-menu-toggle span.kensaku { display: block; text-align: center; font-size: 11px; } .header-search, .header-search-x { margin: 0 0 0 0; top: 10px; width: 30px; display: none; } #search-box.show-search-box .search-form { border: solid 1px #666; box-shadow: 2px 2px #999; } @media only screen and (max-width: 1300px) { #site-branding { width: 200px; display: block; top: 0; } ul.menu.nav-menu { margin-right: 30px; top: -8px; position: relative; } .show-menu-toggle { right: -30px; top: -10px; } } @media only screen and (max-width: 1023px) { #site-branding img { top: -15px; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } ul.menu.nav-menu { margin-right: 0; } .menu-toggle { margin: 0 auto!important; float: right; } .main-navigation { float: none; padding: 0; } #sticky-header-sticky-wrapper { height: auto !important; } .menu { display: none; } .menu-toggle { background-color: rgba(0, 0, 0, 0); border: 0 none; color: #666; cursor: pointer; display: inline-block; font-size: 0; margin: 25px auto 0; padding: 20px 0; width: 30px; position: absolute; right: 40px; top: -20px; } .show-menu-toggle { top: -30px; } .menu-toggle .line-bar:before { transition: top 0.1s ease 0.14s, opacity 0.1s ease 0s; } .line-bar:before { top: -8px; } .line-bar:after { bottom: -8px; } .line-bar:after, .line-bar:before { content: ""; display: block; } .line-bar, .line-bar:after, .line-bar:before { border-radius: 5px; height: 2px; position: absolute; transition-duration: 0.15s; transition-property: transform, -webkit-transform; transition-timing-function: ease; width: 30px; } .menu-toggle .line-bar:after { transition: bottom 0.1s ease 0.14s, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; } .menu-toggle .line-bar { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .line-bar { display: block; margin-top: -2px; } .menu-toggle.on .line-bar:before { opacity: 0; top: 0; transition: top 0.1s ease 0s, opacity 0.1s ease 0.14s; } .menu-toggle.on .line-bar:after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease 0s, transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; } .menu-toggle.on .line-bar { transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .menu { display: none; } .toggled-on .menu { display: block; } .top-logo-title .menu-toggle { margin: 0; padding: 30px 0; } .widget_nav_menu .menu { display: block; } .main-navigation { float: none!important; padding: 0; } .main-navigation > ul > li { position: inherit; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-left: 0; } .main-navigation > ul > li::before { visibility: hidden; } .main-navigation a { float: none; height: inherit; line-height: 1.833; padding: 10px 0; } .header-search, .header-search-x { top: 5px; } } @media only screen and (max-width: 767px) { #site-branding { text-align: left; } #site-branding img { width: 250px; top: 0px; margin-right: 20px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .menu-toggle { top: 8px; right: 90px; } .show-menu-toggle { top: 0px!important; right: 20px; } .header-search, .header-search-x { display: block; top: 16px; right: 15px; } #search-box { left: 20px; right: 20px; } #main .latest-blog-content .post { width: 100%; } } @media only screen and (max-width: 380px) { #site-branding { width: 200px!important; top: 5px } } @media only screen and (max-width: 360px) { #site-branding { width: 180px!important; } #site-branding img { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } } .main-navigation { float: right; margin-right: 0; } .main-navigation a { line-height: 60px; } .main-navigation a:last-child { padding-right: 0; } .n2-section-smartslider { display: none; } .home .n2-section-smartslider { display: block; } .entry-meta { display: none; } .sa { opacity: 0; transition: all .3s ease; } .sa.show { opacity: 1; transform: none; } .sa--ct { transform: translate(0, 0); } .sa--lr { transform: translate(-100px, 0); } .sa--rl { transform: translate(100px, 0); } .sa--up { transform: translate(0, 100px); } .sa--down { transform: translate(0, -100px); } .sa--scaleUp { transform: scale(.5); } .sa--scaleDown { transform: scale(1.5); } .sa--rotateL { transform: rotate(180deg); } .sa--rotateR { transform: rotate(-180deg); } #scroll { width: 50px; height: 50px; border: none; text-indent: 0; } #primary { width: 100%; float: none; } #secondary { width: 100%; float: none; padding-left: 0; } #content { padding: 0 0 50px!important; } a.anchor { display: block; padding-top: 100px; margin-top: -100px; } section.contact-link { display: block; padding-top: 120px; margin-top: -120px; } @media only screen and (max-width: 1300px) { section.contact-link { display: block; padding-top: 170px; margin-top: -170px; } } @media only screen and (max-width: 980px) { section.contact-link { display: block; padding-top: 100px; margin-top: -100px; } } @media only screen and (max-width: 767px) { .wrap, .boxed-layout #page, .boxed-layout-small #page { width: 100%!important; padding-left: 15px; padding-right: 15px; } .boxed-layout .wrap, .boxed-layout-small .wrap { width: 100%!important; padding-left: 15px; padding-right: 15px; } .slick-prev { left: -10px!important; z-index: 10; } .slick-next { right: -10px!important; } section.lineup .box img { width: 100%!important; } } a.archive_link { position: absolute; bottom: -40px; right: 10px; display: inline-block; padding: 10px; font-size: 16px; margin-top: 10px; transition: all .3s ease-out; border: solid 1px #ff4530; color: #ff4530!important; } .news-and-event a.archive_link { bottom: -60px; } a.archive_link:hover { transform: translateX(10px); opacity: 0.8; } a.archive_link img { width: 20px; margin-left: 10px; } #breadcrumb { } #breadcrumb ul { list-style: none; padding: 20px 10px; } #breadcrumb li { display: inline-block; margin-right: 10px; } #breadcrumb li span { color: #9E9E9E; } #breadcrumb li a span { color: #85bf60; font-weight: bold; } #breadcrumb li:after { content: ">"; margin-left: 10px; } #breadcrumb li:last-child::after { content: none; } a.modelhouse { background-color: transparent; bottom: 40px; height: 50px; margin: 0; position: fixed; left: 20px; width: 80px; z-index: 10000; transition: all .3s ease-out; } a.modelhouse:hover { transform: translateY(-3px); } a.modelhouse img { width: 100%; } .cp_tooltip { position: relative; display: inline-block; cursor: pointer; } .cp_tooltip .cp_tooltiptext { position: absolute; z-index: 1; top: 0px; left: 105%; visibility: hidden; width: auto; white-space: nowrap; padding: 0.3em 0.5em; transition: all .3s ease-out; text-align: center; opacity: 0; color: #ffffff; background-color: #ff4430; font-size: 18px; } .cp_tooltip .cp_tooltiptext::after { position: absolute; top: 40%; right: 100%; margin-left: -5px; content: ' '; border: 5px solid transparent; border-right-color: #ff4430; } .cp_tooltip:hover .cp_tooltiptext { visibility: visible; opacity: 1; } @media only screen and (max-width: 767px) { a.modelhouse { left: 5px; } } .show-menu-toggle .search:before { border: 1px solid #333; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; display: inline-block; height: 15px; top: 1px; -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%); width: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .show-menu-toggle .search:after { background-color: #333; content: ""; display: inline-block; height: 10px; -webkit-transform: translateX(50%) translateY(50%) rotate(-45deg); -moz-transform: translateX(50%) translateY(50%) rotate(-45deg); -ms-transform: translateX(50%) translateY(50%) rotate(-45deg); -o-transform: translateX(50%) translateY(50%) rotate(-45deg); transform: translateX(50%) translateY(50%) rotate(-45deg); width: 1px; } section.lineup, section.big-banner, section.case, section.event, section.news-and-event { margin-top: 80px; padding-bottom: 10px; position: relative; } section.big-banner2 { margin-top: 20px; } section.big-banner { text-align: center; } section.big-banner a { text-align: center; display: inline-block; } section.big-banner a:hover { opacity: 0.8; } section.big-banner a img { border: solid 1px #000; } @media only screen and (max-width: 640px) { section.big-banner a img{ width: 100%; max-width: 445px; } } img.icon { width: 30px; height: auto; display: inline-block; margin-right: 8px; } h1.LineUp, h1.News, h1.Event { display: inline-block; font-weight: bold; } h1.LineUp span, h1.News span, h1.Event span { font-size: 16px; margin-left: 10px; font-weight: 400; } h2.LineUp, h2.News, h2.Event { display: inline-block; font-weight: bold; width: 100%; } h2.LineUp span, h2.News span, h2.Event span { font-size: 16px; margin-left: 10px; font-weight: 400; } @media screen and (max-width: 767px) { h2.LineUp span, h2.News span, h2.Event span { display:block; width: 100%; margin-left: 37px; } } section.lineup .box { float: left; margin-top: 3px; margin-right: 5px; margin-bottom: 11px; transition: all .3s ease-out; } section.lineup .box:hover { transform: translateY(-3px); opacity: 0.8; } section.lineup .box img { width: 290px; border: solid 1px #ddd; } section.lineup .top_lineup { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 2rem 2%; max-width: 1100px; margin: 0 auto 15px; } section.lineup .top_lineup .item { width: 49%; border: solid 1px #ddd; text-align: center; transition: all .3s ease-out; } section.lineup .top_lineup .item a { display: block; } section.lineup .top_lineup .item:hover { transform: translateY(-3px); opacity: 0.8; } section.lineup .top_lineup .item a img { padding: 6px; } section.lineup .top_lineup .item a h2 { margin: 0 0 5px; font-weight: 800; font-size: 28px; } section.lineup .top_lineup .item a p { margin: 0 0 5px; color: #97c567; font-size: 18px; font-weight: 400; } section.lineup .top_lineup .item a p.img { margin: 0; position: relative; padding-top: 54%; } section.lineup .top_lineup .item a p.img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 1023px) { section.lineup .top_lineup .item a h2 { font-size: 23px; } section.lineup .top_lineup .item a p { font-size: 16px; } } @media screen and (max-width: 767px) { section.lineup .top_lineup .item { width: 100%; border: solid 1px #ddd; text-align: center; margin: 0 auto 20px; } section.lineup .top_lineup .item:last-child { margin: 0 auto 0; } } .entry-content ul, .entry-content ol { margin: 0 0 30px 0; } .slick-dots { bottom: -45px!important; } .grid { position: relative; width: 100%; list-style: none; } .grid figure { position: relative; float: left; overflow: hidden; } .grid figure img { position: relative; display: block; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure.effect-layla { width: 25%; margin: 3px 0 3px; } .grid figure.effect-layla img { object-fit: cover; font-family: 'object-fit: cover'; height: 200px; padding: 5px; } .grid figure.effect-layla figcaption { padding: 10px; position: absolute; bottom: 0; } .grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } .grid figure.effect-layla figcaption::before { top: 25px; right: 15px; bottom: 25px; left: 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .grid figure.effect-layla figcaption::after { top: 15px; right: 25px; bottom: 15px; left: 25px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .grid figure.effect-layla h2 { padding-top: 8%; font-size: 20px; text-align: center; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .grid figure.effect-layla p { padding: 0.5em 2em 0; text-transform: none; font-size: 14px; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .grid figure.effect-layla img, .grid figure.effect-layla h2 { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); color: #fff; } .grid figure.effect-layla img, .grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after, .grid figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,transform 0.35s; } .grid figure.effect-layla:hover img { opacity: 0.3; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .grid figure.effect-layla:hover figcaption::before, .grid figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .grid figure.effect-layla h2, .grid figure.effect-layla p { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; margin-bottom: 0; } .grid figure.effect-layla:hover h2, .grid figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); color: #333; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; } .grid figure.effect-layla:hover figcaption::after, .grid figure.effect-layla:hover h2, .grid figure.effect-layla:hover p, .grid figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } @media screen and (max-width: 1023px) { .grid figure.effect-layla { width: 50%; margin: 3px 0 3px; } } @media screen and (max-width: 767px) { .grid figure.effect-layla figcaption::before, .grid figure.effect-layla figcaption::after { opacity: 1; } .grid figure.effect-layla figcaption::before { -webkit-transform: initial; transform: initial; -webkit-transform-origin: initial; transform-origin: initial; } .grid figure.effect-layla figcaption::after { -webkit-transform: initial; transform: initial; -webkit-transform-origin: initial; transform-origin: initial; } .grid figure.effect-layla figcaption::before { top: 20px; } .grid figure.effect-layla figcaption::after { top: 10px; } .grid figure.effect-layla img { opacity: 0.3; } .grid figure.effect-layla h2 { color: #333 } .grid figure.effect-layla { width: 100%; } } section.event .two-column { width: 50%; } section.event .two-column .entry-meta { float: none; } section.event .latest-blog-image .post-featured-image { border: solid 1px #ddd; } section.event .latest-blog-image .post-featured-image a img { object-fit: cover; font-family: 'object-fit: cover'; height: 200px; width: 100%; } @media screen and (max-width: 1023px) { .latest-blog-content { padding: 5px!important; } } @media screen and (max-width: 767px) { section.event .two-column { width: 100%; } } section.news-and-event .right, section.news-and-event .left { display: table-cell; vertical-align: top; width: 50%; } section.news-and-event ul { margin: 10px 0 0; } section.news-and-event li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dashed 1px #ddd; list-style: none; transition: all .3s ease-out; margin-bottom: 10px; } section.news-and-event li:hover { transform: translateY(-3px); opacity: 0.8; } section.news-and-event a { color: #333; } p.date { margin: 0; color: #61a131; } p.title { margin: 0 0 0 10px; font-weight: bold; } p.content { margin: 0 0 0 10px; } li.swiper-slide a { display: block; padding: 1em; border: 1px solid #dcdcdc; } li.swiper-slide img { display: block; margin: 0 0 .2em; width: 100%; height: auto; } li.swiper-slide p { font-size: 1.2rem; text-align: center; } .slick-prev:before, .slick-next:before { color: #000!important; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #00000066!important; outline: none; background: transparent; } section.banner { margin: 100px 0; } section.banner .box { margin: 3px 8px 0; border: solid 1px #ddd; transition: all .3s ease-out; } section.banner .box:hover { transform: translateY(-3px); opacity: 0.8; } section.banner .slick-dots { margin: 0; } .company_tool { margin-top: 100px; } .company_tool section { width: 50%; float: left; } .company_tool section.Contact { padding-right: 20px; } .company_tool section.Accsess { padding-left: 20px; } @media only screen and (max-width: 767px) { .company_tool section { width:100%; float: none; } .company_tool section.Contact { padding-right: 0; } .company_tool section.Accsess { padding-left: 0; } } .wpcf7-select { width: 100%; height: 35px; padding: 0 5px; margin-bottom: 0; } label.formTitle { margin-bottom: 5px; display: block; } input.wpcf7-form-control { margin-bottom: 0; height: 35px; } input[type="radio"] { margin-bottom: 20px; } .formItem.half { width: 50%; display: block; float: left; } .formItem.half.left { padding-right: 10px; } .formItem.half.right { padding-left: 10px; } .radio01, .shiryou { display: block; width: 420px; margin: 0 auto; } .radio01 input, .shiryou input { display: none; } .radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label { position: relative; padding: 15px 10px 15px 45px; transition: .3s; color: #444; border-radius: 8px; border: 1px solid #ddd; display: inline-block; line-height: 1; width: 180px; cursor: pointer; transition: all .3s ease-out; } .radio01 .wpcf7-list-item-label:hover, .shiryou .wpcf7-list-item-label:hover { opacity: 0.8; transform: translateY(-1px); } .radio01 input:checked + .wpcf7-list-item-label { background: #ff555e; color: #fff; border: 1px solid #ff555e; } .shiryou input:checked + .wpcf7-list-item-label { background: #85bf5f; color: #fff; border: 1px solid #85bf5f; } .radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label { background: #ff555e; color: #fff; border: 1px solid #ff555e; } .shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label { background: #85bf5f; color: #fff; border: 1px solid #85bf5f; } .radio01 .wpcf7-list-item-label::before, .shiryou .wpcf7-list-item-label::before { content: ""; display: block; left: 9px; width: 30px; height: 17px; border-radius: 15px; border: 1px solid #aaa; background: #fff; position: absolute; } .radio01 .wpcf7-list-item-label::after, .shiryou .wpcf7-list-item-label::after { content: ""; display: block; position: absolute; top: 17px; left: 11px; width: 13px; height: 13px; background: #aaa; border-radius: 50%; transition: .2s; display: block; } .radio01 input:checked + .wpcf7-list-item-label::before { border: 1px solid #ff555e; } .radio01 input:checked + .wpcf7-list-item-label::after { left: 24px; background: #ff555e; } .shiryou input:checked + .wpcf7-list-item-label::before { border: 1px solid #85bf5f; } .shiryou input:checked + .wpcf7-list-item-label::after { left: 24px; background: #85bf5f; } .radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label::before { border: 1px solid #ff555e; } .radio01 input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after { left: 24px; background: #ff555e; } .shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label::before { border: 1px solid #85bf5f; } .shiryou input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after { left: 24px; background: #85bf5f; } .formItem { margin-bottom: 20px; } span.wpcf7-list-item { margin: 10px 15px; } @media only screen and (max-width: 1023px) { .radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label { width: 155px; } span.wpcf7-list-item { margin: 10px 0 0 10px; } } @media only screen and (max-width: 767px) { .radio01, .shiryou { width: 100%; text-align: center; } .radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label { width: 230px; } .formItem.half { width: 100%; } .formItem.half.left { padding-right: 0; } .formItem.half.right { padding-left: 0; } span.wpcf7-list-item { margin: 10px; text-align: left; } span.wpcf7-list-item:nth-child(2n) { margin-left: 5px; margin-bottom: 10px } } @media only screen and (max-width: 599px) { .radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label { width: 170px; } } @media only screen and (max-width: 360px) { .radio01 .wpcf7-list-item-label, .shiryou .wpcf7-list-item-label { width: 140px; } span.wpcf7-list-item { margin: 10px 0 0 5px; vertical-align: top; } } input[type="reset"], input[type="button"], input[type="submit"] { height: auto!important; } .blog .page-header, .category .page-header { display: block; } @media only screen and (max-width: 767px) { .page-header { padding: 0 0 20px!important; } } span.cate-name { background: #86bf60; padding: 5px; font-size: 12px!important; color: #fff; display: table; } article.lineup_list { width: 100%; } .search article,.blog article, .archive article { float: left; position: relative; } .search article .post-image-content, .blog article .post-image-content, .archive article .post-image-content { width: 240px; position: absolute; right: -30px; top: -30px; } .search article .post-image-content img, .blog article .post-image-content img, .archive article .post-image-content img { object-fit: cover; font-family: 'object-fit: cover'; height: 200px; width: 100%; border: solid 1px #ddd; } .search article .post-text-content,.blog article .post-text-content, .archive article .post-text-content { border: 1px solid #B1B1B1; padding: 30px 240px 20px 30px; text-align: left; } .search .two-column,.blog .two-column, .archive .two-column { width: 50%; } .post-image-content .posted-on { max-width: 150px; } @media only screen and (max-width: 1023px) { .search article .post-featured-image,.blog article .post-featured-image, .archive article .post-featured-image { margin-bottom: 0; } .search article .post-image-content,.blog article .post-image-content, .archive article .post-image-content { float: none; margin-bottom: -1px; position: relative; right: inherit; top: inherit; width: 100%; } .search article .post-text-content,.blog article .post-text-content, .archive article .post-text-content { border: 1px solid #e4e4e4; padding: 30px 30px 10px; } } @media only screen and (max-width: 767px) { .search .two-column,.blog .two-column, .archive .two-column { width: 100%; } } nav#image-navigation { display: none; } h1.entry-title { padding: 15px 10px; border-top: solid 3px #85bf61; border-bottom: solid 1px #85bf61; margin-bottom: 30px; } .single-lineup h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -4px; position: relative; } .single-case h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -4px; position: relative; } .single-event h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/event.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -4px; position: relative; } .single-news h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/news.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -4px; position: relative; } .single-post h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/blog.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -4px; position: relative; } .firstThumbnailText { display: table; width: 100%; } .single-featured-image-header { margin: 0 auto; display: table-cell; transition-duration: 0.3s; } .single-featured-image-header img { object-fit: cover; font-family: 'object-fit: cover'; height: 500px; transition-duration: 0.3s; } .single-featured-image-header img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .firstText { display: table-cell; width: 50%; vertical-align: top; padding-left: 20px; } h2.firstText-case_h2 { color: #ff4430; font-weight: bold; margin-bottom: 20px; } p.firstText-case_overview { font-size: 16px; margin-bottom: 40px; } .QandA { border: solid 2px #86bf62; padding: 25px 10px 10px 20px; border-radius: 0px; position: relative; } span.qanda { position: absolute; top: -20px; left: 5px; font-size: 18px; font-weight: bold; background: #fff; padding: 0 10px; color: #86bf60; } span.qanda:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/lineup.png) no-repeat; width: 35px; height: 35px; background-size: 35px; vertical-align: middle; margin-right: 10px; } p.case_q { margin: 0 0 8px; padding: 0 0 5px; color: #5e8c42; font-size: 14px; font-weight: bold; border-bottom: dotted 1px #ddd; } p.case_a { margin: 0 0 10px; font-size: 14px; } p.case_a:last-child { margin: 0; } .case_detaleUp,.case_detaleMiddle,.case_detaleDown { display: table; margin-top: 30px; } .case_detaleUp-inner,.case_detaleMiddle-inner,.case_detaleDown-inner { display: table-cell; width: 33%; padding: 5px; transition-duration: 0.3s; } .case_detaleUp-inner img,.case_detaleMiddle-inner img,.case_detaleDown-inner img { height: 250px; width: 100%; object-fit: cover; font-family: 'object-fit: cover'; transition-duration: 0.3s; } .case_detaleUp-inner img:hover,.case_detaleMiddle-inner img:hover,.case_detaleDown-inner img:hover { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); transform: translateY(-8px); transition-duration: 0.3s; } .case_detaleUp-inner p,.case_detaleMiddle-inner p,.case_detaleDown-inner p { font-size: 14px; margin-top: 10px; } .case_detaleUp-inner p:before,.case_detaleMiddle-inner p:before,.case_detaleDown-inner p:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/home.png) no-repeat; width: 20px; height: 20px; background-size: 20px; margin-right: 10px; } .case_list { width: 100%; } .case_list ul { display: table; border-bottom: dashed 1px #666; padding: 15px; margin: 0 auto; } .case_list li { list-style: none; display: table-cell; font-size: 16px; } .case_list li.caseListTitle { width: 180px; background: #fff; border-right: dashed 1px #666; } .case_list li.caseListContents { width: 80%; padding-left: 20px; } .case_list li.caseListContents mark { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0; } @media only screen and (max-width: 767px) { .single-featured-image-header { display: block; } .single-featured-image-header img { width: 100%; } .firstText { display: block; width: 100%; margin-top: 20px; padding: 0; } .case_detaleUp-inner,.case_detaleMiddle-inner,.case_detaleDown-inner { display: block; width: 100%; } .case_list { margin-top: 20px; } } nav.navigation.post-navigation { margin-top: 80px; } .navigation.post-navigation .nav-next, .navigation.post-navigation .nav-previous { background: #85bf60; padding: 10px 20px; color: #fff; transition: all .3s ease-out; cursor: pointer; } .navigation.post-navigation .post-title { color: #fff; } .navigation.post-navigation .nav-next:hover, .navigation.post-navigation .nav-previous:hover { transform: translateY(-10px); opacity: 0.8; } .single-lineup .cace_list { margin: 50px auto; border-top: solid 1px #ddd; padding-top: 50px; } @media only screen and (max-width: 375px) { .single-lineup .cace_list h2.case { font-size: 24px; } } @media only screen and (max-width: 360px) { .single-lineup .cace_list h2.case { font-size: 22px; } } @media only screen and (max-width: 375px) { .single-lineup .cace_list h2.case { font-size: 20px; } } section.related_block { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: dotted 1px #ddd; } section.related_block:last-child { border-bottom: none; } section.related_block a { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1rem; transition: all .3s ease-out; } section.related_block a:hover { transform: translateY(-5px); opacity: 0.8; } section.related_block a figure.related_block_fig { width: 200px; height: 200px; } section.related_block a figure.related_block_fig img { object-fit: cover; font-family: "object-fit: cover;"; width: 200px; height: 200px; } section.related_block a .text-area { width: calc(100% - 220px); } section.related_block a h3.related_block_ttl { margin: 0 0 1rem -1rem; font-weight: 700; color: #8fc46d; } section.related_block a h4 { margin: 0; } section.related_block a p { border-top: solid 2px #86bf60; color: #333; margin-top: 1rem; padding-top: 1rem; margin-bottom: 0; } .on600 { display: none; } .off600 { display: block; } @media only screen and (max-width: 600px) { .on600 { display: block; } .off600 { display: none; } section.related_block a figure.related_block_fig { position: relative; width: 100%; padding-top: 50%; } section.related_block a figure.related_block_fig img { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; } section.related_block a .text-area { width: 100%; margin-top: 2rem; } section.related_block a h3.related_block_ttl { margin: 0 0 1rem 0; font-size: 22px; } section.related_block a h4 { font-size: 20px; } } @media only screen and (max-width: 480px) { section.related_block a h3.related_block_ttl { font-size: 20px; } section.related_block a h4 { font-size: 18px; } } .single-lineup .grid, .post-type-archive-lineup .type-lineup .grid, .term-casa-series .type-lineup .grid { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-lineup .grid .entry-content, .post-type-archive-lineup .type-lineup .grid .entry-content, .term-casa-series .type-lineup .grid .entry-content { width: 25%; padding: 5px; margin-bottom: 15px; transition: all .3s ease-out; } .single-lineup .grid .entry-content a, .post-type-archive-lineup .type-lineup .grid .entry-content a, .term-casa-series .type-lineup .grid .entry-content a { border: solid 1px #ddd; display: block; padding: 5px; text-align: center; } .single-lineup .grid .entry-content:hover, .post-type-archive-lineup .type-lineup .grid .entry-content:hover, .term-casa-series .type-lineup .grid .entry-content:hover { transform: translateY(-3px); opacity: 0.8; } .single-lineup .grid .entry-content img, .post-type-archive-lineup .type-lineup .entry-content img, .term-casa-series .type-lineup .grid .entry-content img { width: 100%; } .single-lineup .grid .entry-content h2, .post-type-archive-lineup .type-lineup .entry-content h2, .term-casa-series .type-lineup .grid .entry-content h2 { margin: 0 0 5px; font-weight: 800; font-size: 28px; } .single-lineup .grid .entry-content p, .post-type-archive-lineup .type-lineup .entry-content p, .term-casa-series .type-lineup .grid .entry-content p { margin: 0; color: #97c567; font-size: 18px; font-weight: 400; } .single-lineup .Lineup { margin: 50px auto; border-top: solid 1px #ddd; padding-top: 50px; } @media only screen and (max-width: 1300px) { .single-lineup .grid .entry-content, .post-type-archive-lineup .type-lineup .grid .entry-content, .term-casa-series .type-lineup .grid .entry-content { width: 33.3%; padding: 0px 8px; } .single-lineup .grid .entry-content p, .post-type-archive-lineup .type-lineup .entry-content p, .term-casa-series .type-lineup .grid .entry-content p { font-size: 16px; } } @media only screen and (max-width: 1023px) { .single-lineup .grid .entry-content, .post-type-archive-lineup .type-lineup .grid .entry-content, .term-casa-series .type-lineup .grid .entry-content { width: 50%; } } @media only screen and (max-width: 767px) { .single-lineup .Lineup { margin: 50px auto; border-top: none; padding-top: 0px; } } @media only screen and (max-width: 600px) { .single-lineup .grid .entry-content h2, .post-type-archive-lineup .type-lineup .entry-content h2, .term-casa-series .type-lineup .grid .entry-content h2 { font-size: 25px; } .single-lineup .grid .entry-content p, .post-type-archive-lineup .type-lineup .entry-content p, .term-casa-series .type-lineup .grid .entry-content p { font-size: 14px; } } @media only screen and (max-width: 480px) { .single-lineup .grid .entry-content, .post-type-archive-lineup .type-lineup .grid .entry-content, .term-casa-series .type-lineup .grid .entry-content { width: 100%; } .single-lineup .grid .entry-content p, .post-type-archive-lineup .type-lineup .entry-content p, .term-casa-series .type-lineup .grid .entry-content p { font-size: 16px; } } .single-lineup .lineup_list_imgText { font-size: 14px; margin-left: 20px; vertical-align: middle; } @media only screen and (max-width: 767px) { .single-lineup .lineup_list_imgText { display: block; text-align: right; } } .single-lineup h1.entry-title { border-bottom: none; } .single-lineup .singleBody { border-bottom: solid 1px #85bf61; border-top: solid 1px #85bf61; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .single-lineup .singleBody .wrap.entry-content { margin: 0 auto; } .single-lineup .singleBody .LineUpBody { display: block; width: 100%; padding: 30px 0 80px; } .single-lineup .singleBody .LineUpBody.underLine { border-bottom: solid 1px #999; margin-bottom: 30px; } .single-lineup .singleBody .LineUpBody h2.lineUp_h2 { text-align: center; margin-bottom: 80px; font-weight: bold; position: relative; font-size: 40px; width: 100%; } .single-lineup .singleBody .LineUpBody h2.lineUp_h2:before { display: block; content: ' '; width: 88px; height: 1px; background: #ff5e4d; position: absolute; left: 50%; top: 80px; margin-left: -40px; } .single-lineup .singleBody .LineUpBody h3 { position: relative; font-size: 3rem; font-weight: bold; } .single-lineup .singleBody .LineUpBodyLeft { display: table-cell; width: 50%; padding-right: 15px; vertical-align: top; position: relative; } .single-lineup .singleBody .LineUpBodyLeft.large { width: 60%; } .single-lineup .singleBody .LineUpBodyLeft.small { width: 40%; } .single-lineup .singleBody .LineUpBodyLeft.large p.LineUpTextS { font-size: 14px; line-height: 24px; } .single-lineup .singleBody .LineUpBodyRight { display: table-cell; width: 50%; padding-left: 15px; vertical-align: top; position: relative; } .single-lineup .singleBody .LineUpBodyRight.small { width: 40%; } .single-lineup .singleBody .LineUpBodyRight.large { width: 60%; } .single-lineup .singleBody .LineUpBodyRight.small p.LineUpTextS { font-size: 14px; line-height: 24px; } .single-lineup .singleBody .LineUpImage { width: 100%; margin-bottom: 30px; } .single-lineup .singleBody .LineUpImage img { width: 100%; } .single-lineup .singleBody .LineUpBodyLeft img, .single-lineup .singleBody .LineUpBodyRight img, .single-lineup .singleBody .LineUpImage,.lineup-plan img,.lineup-plan2 img { width: 100%; transition-duration: 0.3s; } .single-lineup .singleBody .LineUpBodyCenter img { text-align: center; transition-duration: 0.3s; width: 100%; } .single-lineup .singleBody .LineUpBodyLeft img:hover, .single-lineup .singleBody .LineUpBodyRight img:hover,.single-lineup .singleBody .LineUpImage:hover, .single-lineup .singleBody .LineUpBodyCenter img:hover,.lineup-plan img:hover,.lineup-plan2 img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .single-lineup .singleBody .LineUpBodyLeft img.nohover:hover, .single-lineup .singleBody .LineUpBodyRight img.nohover:hover, .single-lineup .singleBody .LineUpImage.nohover:hover, .single-lineup .singleBody .LineUpBodyCenter img.nohover:hover { box-shadow: none; transform: none; transition-duration: none; } .single-lineup .singleBody .LineUpBodyLeft h3, .single-lineup .singleBody .LineUpBodyRight h3,.single-lineup .singleBody .LineUpBodyLeftFloot h3 { margin-top: 40px; font-weight: bold; font-size: 30px; position: relative; } span.rubi { font-size: 12px; position: absolute; left: 20px; bottom: -12px; font-style: oblique; } .single-lineup .singleBody .LineUpBody h3.lineUp-b { margin-top: 0; margin-bottom: 35px; padding-bottom: 15px; border-bottom: solid 1px #666; } .single-lineup .singleBody .LineUpBody h3.lineUp-b span { font-size: 16px; display: block; font-weight: normal; } .single-lineup .singleBody .LineUpBody h3.lineUp-c { text-align: center; margin: 40px 0; } .single-lineup .singleBody .LineUpBody h3.lineUp-c::after { display: block; content: ''; margin: 20px auto 0; width: 253px; height: 6px; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg1.png) no-repeat; z-index: 2; } .single-lineup .singleBody .LineUpBody h3.lineUp-c span { display: inline-block; } .single-lineup .singleBody .LineUpBody h3.lineUp-c span img { max-width: 200px; height: auto; } .single-lineup .singleBody .LineUpBody .floorDrawing { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor { width: 48%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 580px; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.title { width: 100%; padding: 20px; font-family: 'Dancing Script', cursive; text-align: center; border-radius: 5px; margin: 0 0 50px; font-weight: bold; line-height: 2; letter-spacing: .12em; height: 80px; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.title img { width: 35px; height: auto; transition: none; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing { width: 80%; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing a { } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing a img { } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .body { } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul { list-style-type: none; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li { list-style-type: none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li img { width: 40px; height:40px; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .body ul li p{ width: calc(100% - 40px); margin: 0; padding-left: 20px; } .single-lineup .singleBody .LineUpBody .lineup-plan { position: relative; } .single-lineup .singleBody .LineUpBody .lineup-plan h3 { text-align: center; margin-bottom: 20px; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 50px; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 45%; position: relative; z-index: 2; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { position: absolute; bottom: 0; width: 580px; background: #fff; left: 0; border-radius: 5px; padding: 20px; box-shadow: 10px 10px #f5f3e5; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 55%; z-index: 1; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box1 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { position: absolute; left: auto; right: 0; } @media screen and (max-width: 1300px) { .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { width: 520px; font-size: 16px; left: -60px; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { left: auto; right: -60px; } } @media screen and (max-width: 1050px) { .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 45%; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 55%; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { left: 0; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { right: 0; } } @media screen and (max-width: 1023px) { .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area { width: 100%; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area { width: 100%; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area .LineUpText { width: 100%; position: relative; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box2 .LineUpText { position: relative; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .text-area.box3 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .single-lineup .singleBody .LineUpBody .lineup-plan .lineup-plan-box .img-area.box4 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } @media only screen and (max-width: 767px){ .single-lineup .singleBody .LineUpBody .floorDrawing .floor { width: 100%; margin-bottom: 50px; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor:last-child { margin-bottom: 0; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head { height: auto; width: 100%; } .single-lineup .singleBody .LineUpBody .floorDrawing .floor .head p.drawing { width: 100%; max-width: 400px; margin-bottom: 50px; } } .single-lineup .singleBody .LineUpBody .lineup-plan2 { padding-top: 80px; } .single-lineup .singleBody .LineUpBody .lineup-plan2 h3.bg { width: 100%; padding: 10px; text-align: center; border-radius: 5px; font-weight: bold; line-height: 2; letter-spacing: .12em; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/lineup/casa-liniere/casa-liniere-bg3.png) no-repeat; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area { width: 49%; position: relative; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area .LineUpText { } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area { width: 49%; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .img-area .note { color: #327291; line-height: 1.6; margin-top: 20px; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area { width: 48%; } @media screen and (max-width: 1300px) { .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .text-area { width: 100%; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-box .img-area { width: 100%; } .single-lineup .singleBody .LineUpBody .lineup-plan2 .lineup-plan-imgbox .img-area { width: 100%; } } .single-lineup .singleBody .LineUpBody.onePics { padding-bottom: 0; margin-bottom: -30px; } .twoPics img { margin-bottom: 30px; } .imgGroup { display: table; margin-bottom: 15px; } .oneCol { width: 50%; padding-right: 7.5px; } .threeCol { display: table-cell; } .threeCol:first-child { padding-right: 10px; } .threeCol:nth-of-type(2) { padding-right: 5px; padding-left: 5px; } .threeCol:last-child { padding-left: 10px; } .twoCol { display: table-cell; width: 50%; } .twoCol:first-child { padding-right: 7.5px; } .twoCol:last-child { padding-left: 7.5px; } .threeCol img,.twoCol img,.oneCol img { transition-duration: 0.3s; } .threeCol img:hover ,.twoCol img:hover,.oneCol img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .fourCol { display: flex; flex-wrap: wrap; } .imgGroup p { margin: 0; margin-top: 5px; text-align: center; font-size: 16px; font-weight: bold; } span.greenTag { font-size: 14px; padding: 5px 10px; margin-right: 10px; background: #85bf60; color: #fff; } .imgGroup .colText p { text-align: left; font-size: 14px!important; line-height: 24px!important; font-weight: normal; margin-bottom: 20px; } .imgGroup .colText span { font-size: 12px!important; line-height: 20px!important; display: block; } .LineUpBody.PicsGroup { margin: 60px 0 0; } .single-lineup .singleBody .LineUpBodyLeft h3:before, .single-lineup .singleBody .LineUpBodyRight h3:before,.single-lineup .singleBody .LineUpBodyLeftFloot h3:before { content: ""; display: block; position: absolute; top: -40px; left: 0; width: 77px; height: 3px; background: currentColor; } .single-lineup .singleBody .LineUpBody .LineUpBodyCenter h4 { margin: 50px 0 30px; } .single-lineup .singleBody .LineUpBody .LineUpBodyLeft h4,.single-lineup .singleBody .LineUpBody .LineUpBodyRight h4,.single-lineup .singleBody .LineUpBody .LineUpBodyCenter h4 { font-weight: bold; font-size: 30px; position: relative; border-left: solid 1px #666; padding-left: 15px; color: #666; margin-top: 30px; } .LineUpBodyCenter.group { display: table; margin: 50px auto 0; } .groupBox { display: table-cell; width: 38%; vertical-align: middle; } .LineUpBodyCenter .scroll { text-align: center; } .LineUpBodyCenter .scroll img { width: auto; } .twocolDetale h4 { margin-top: 20px; margin-left: -15px; } .twocolDetale p { font-size: 14px; line-height: 24px; margin-bottom: 0; } .twocolDetale span { font-size: 12px; line-height: 22px; margin-top: 10px; display: block; } h3.poket { background: #2196F3; text-align: center; color: #fff; padding: 10px; } h3.poket span { background: #fff; text-align: center; color: #2395f3; font-size: 25px; padding: 5px; margin-right: 10px; vertical-align: middle; position: relative; top: -3px; } h3.pitatto { background: #E91E63; text-align: center; color: #fff; padding: 10px; } .twocolDetale { margin-bottom: 30px; } @media screen and (max-width: 767px) { .single-lineup .singleBody .LineUpBody .LineUpBodyLeft h4,.single-lineup .singleBody .LineUpBody .LineUpBodyRight h4 { margin-top:30px; font-size: 20px; } .threeCol,.twoCol,.oneCol { width: 100%; display: block; margin-bottom: 20px; padding: 0; } .twoCol:first-child,.twoCol:last-child,.threeCol:first-child,.threeCol:nth-of-type(2),.threeCol:last-child { padding: 0; } .single-lineup .singleBody .LineUpBody.paddingBno { padding-bottom: 0!important; } .single-lineup .singleBody .LineUpBody h3.lineUp-b { width: 100%; margin-bottom: 0; } } .single-lineup .singleBody .LineUpBody p.LineUpText,.single-lineup .singleBody .LineUpBodyLeftFloot p.LineUpText { font-size: 18px; line-height: 38px; } .single-lineup .singleBody .LineUpBody p.LineUpText.center { text-align: center; font-style: oblique; } .single-lineup .singleBody .LineUpBody .firstImage { margin-bottom: 20px; } .single-lineup .singleBody .LineUpBody .firstImage img { width: 100%; object-fit: cover; font-family: 'object-fit: cover'; height: 500px; transition-duration: 0.3s; } .single-lineup .singleBody .LineUpBody .firstImage.full img { height: auto; } .flexbox .LineUpBodyLeft.box1 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .flexbox .LineUpBodyRight.box2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .single-lineup .singleBody .LineUpBody .firstImage img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } @media only screen and (max-width: 1023px) { .single-lineup .singleBody .LineUpBody .firstImage { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } .single-lineup .singleBody .LineUpBody .firstImage img { height: 100%; } } @media only screen and (max-width: 767px) { .single-lineup .singleBody .wrap.entry-content { padding:0; } .single-lineup .singleBody .LineUpBody h3 { font-size: 20px; } .single-lineup .singleBody .LineUpBody p.LineUpText { font-size: 16px; line-height: 36px; } .single-lineup .singleBody .LineUpBodyLeft { display: block; width: 100%; padding-right: 0; } .single-lineup .singleBody .LineUpBodyRight,.single-lineup .singleBody .LineUpBodyRightFloot { display: block; width: 100%; padding-left: 0; } .single-lineup .singleBody .LineUpBodyLeftFloot, .single-lineup .singleBody .LineUpBodyLeft.large, .single-lineup .singleBody .LineUpBodyLeft.small, .single-lineup .singleBody .LineUpBodyRight.small, .single-lineup .singleBody .LineUpBodyRight.large { width: 100%; } .single-lineup .singleBody .LineUpBodyLeft img, .single-lineup .singleBody .LineUpBodyRight img { object-fit: cover; font-family: 'object-fit: cover'; max-height: 300px; } .flexbox { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .LineUpBodyLeft.box1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .flexbox .LineUpBodyRight.box2 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .flexbox .LineUpBodyRight.box1 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .flexbox .LineUpBodyLeft.box2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .flexbox .LineUpBodyCenter.box3 { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } .single-lineup .singleBody .responsive-tabs.responsive-tabs--enabled { position: relative; } .single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item { color: #666; border: solid 1px #85bf61!important; border-bottom: none!important; } .single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item:hover { background: rgba(255, 255, 255, 0.8)!important; } #tablist1-panel1, #tablist1-panel2, #tablist1-panel3 { border: none; } .single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item--active, .single-lineup .singleBody .responsive-tabs .responsive-tabs__list__item--active:hover { background: #fff!important; border-color: #85bf61!important; color: #666; top: 1px; } .LineUpBodyLeftFloot { float: left; width: 50%; } .LineUpBodyRightFloot { float: right; width: 45%; } .LineUpBodyFloot.onePics { width: 100%; } .postid-322 .textGroup { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .postid-322 .textGroup .fourCol { width: 24%; position: relative; overflow: hidden; padding: 10px; border: solid 1px #ccc; margin-bottom: 20px; text-align: center; height: 100px; } @media only screen and (max-width: 1023px) { .postid-322 .textGroup .fourCol { width: 48%; } } .postid-322 .textGroup .fourCol p { margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform : translate(-50%,-50%); transform : translate(-50%,-50%); text-align: center; width: 100%; font-size: 2rem; font-weight: 800; } @media only screen and (max-width: 480px) { .postid-322 .textGroup .fourCol p { font-size: 1.6rem; } } .postid-322 .twoCol img { transition-duration: 0.3s; height: 400px; width: 100%; object-fit: cover; font-family: 'object-fit: cover'; } .postid-503 .bgb-wysiwyg.gray-block { background: #f6f5f1; padding: 30px 60px; } .postid-503 .bgb-wysiwyg.gray-block.gray-block__list { padding: 50px 60px 60px; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor p.heading { font-size: 2rem; letter-spacing: 1px; margin: 3rem 0; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor p.heading:first-child { margin-top: 0; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner { background: #fff; padding: 30px 30px; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul { padding-left: 20px; margin: 0; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li { list-style: none; margin-bottom: 15px; line-height: 2; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li:last-child { margin-bottom: 0; } .postid-503 .bgb-wysiwyg.gray-block .bge-ckeditor .gray-block__innner ul>li:before { content: ""; display: inline-block; vertical-align: middle; margin: -1px 15px 0 -20px; width: 5px; height: 5px; border: 1px solid transparent; border-radius: 50%; background: #cf451f; } .postid-503 .koto { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .postid-503 .koto_box { display: flex; flex-direction: column; width: 30%; margin-bottom: 50px; } .postid-503 .koto_box .koto_box_img img { width: 100%; height: auto object-fit:cover; } .postid-503 .koto_box .koto_box_data_contents_title { margin: 25px 0; font-size: 2.5rem; } .postid-503 .koto_box .koto_box_data_contents_title span { color: #e91e1e; } .postid-503 .koto_box .koto_box_data_contents_text { line-height: 2; } .postid-503 .koto_box .koto_box_data_contents { margin-bottom: 20px; } .postid-503 .koto_box .koto_box_data_advice { background: #f6f5f1; padding: 10px 20px; margin-top: auto; } .postid-503 .koto_box .koto_box_data_advice_title { color: #9a9470; margin: 10px 0; } .postid-503 .koto_box .koto_box_data_advice_text { line-height: 2; font-size: 1.4rem } .postid-503 .LineUpBody.flexbox { padding-bottom: 50px!important; } .postid-503 .architect_box ul li { list-style: none; } .postid-503 .architect_box li.architect_name { text-align: center; } .postid-503 .architect_box li.architect_name p { display: inline-block; font-size: 2.8rem; margin: 10px 0 } .postid-503 .architect_box li.architect_name span { display: inline-block; font-size: 1.8rem; color: #6c6c6c; } .postid-503 .architect_box li.architect_name span:before { content: "/"; margin: 0 10px; } .postid-503 .architect_box li.architect_prof { background: #f1f1f1; padding: 20px } .postid-503 .architect_box li.architect_prof p { margin: 0; } .page-id-8620 .stepflow li, .postid-503 .stepflow li, .postid-322 .stepflow li, .postid-8443 .stepflow li { list-style: none; position: relative; background: #f6f6f6; border: solid 1px #ddd; margin-bottom: 35px; padding: 50px 50px 30px } .page-id-8620 .stepflow li.stepflow-li-red, .postid-503 .stepflow li.stepflow-li-red { background: #fff; } .page-id-8620 .stepflow_label, .postid-503 .stepflow_label, .postid-322 .stepflow_label, .postid-8443 .stepflow_label { font-size: 2rem; margin-bottom: 10px; position: absolute; top: 16px; left: 40px; } .page-id-8620 .stepflow_title, .postid-503 .stepflow_title, .postid-322 .stepflow_title, .postid-8443 .stepflow_title { margin: 20px 0; } .page-id-8620 .stepflow_title h3,.postid-503 .stepflow_title h3 { margin: 0; } .page-id-8620 .stepflow_title h3 span ,.postid-503 .stepflow_title h3 span { background: #cc4b29; color: #fff; padding: 10px; font-size: 2.3rem; margin-left: 10px; position: absolute; top: 0; bottom: 0; } .page-id-8620 .stepflow-black:before, .postid-503 .stepflow-black:before, .postid-322 .stepflow-black:before, .postid-8443 .stepflow-black:before { background: #212121; content: ""; height: 11px; left: 20px; margin-top: -5px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 11px; top: 30px; left: 20px; } .page-id-8620 .stepflow-black:after, .postid-503 .stepflow-black:after, .postid-322 .stepflow-black:after, .postid-8443 .stepflow-black:after { content: ""; background-color: #212121; display: block; position: absolute; top: 35px; left: 25px; width: 1px; height: 110%; } .page-id-8620 .stepflow-red:before,.postid-503 .stepflow-red:before { background: #cb4b29; content: ""; height: 11px; left: 20px; margin-top: -5px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 11px; top: 30px; left: 20px; } .page-id-8620 .stepflow-red:after ,.postid-503 .stepflow-red:after { content: ""; background-color: #cb4b29; display: block; position: absolute; top: 35px; left: 25px; width: 1px; height: 110%; } .stepflow_content a { text-align: center; display: block; transition: all .3s ease-out; } .stepflow_content .shiryou { background: #85bf61; color: #fff; width: 200px; padding: 15px 20px; box-shadow: 2px 2px #999; } .stepflow_content a:hover { transform: translateY(-3px); opacity: .8; } .page-id-8620 .stepflow-black.last:after, .postid-503 .stepflow-black.last:after, .postid-322 .stepflow-black.last:after, .postid-8443 .stepflow-black.last:after { display: none; } .page-id-8620 .stepflow_content, .postid-503 .stepflow_content, .postid-322 .stepflow_content, .postid-8443 .stepflow_content { background: #fff; padding: 30px; } .page-id-8620 .stepflow_midashi2, .page-id-8620 .stepflow_Text, .postid-503 .stepflow_midashi2, .postid-503 .stepflow_Text { padding-left: 30px; line-height: 2; margin: 0; } .postid-322 .stepflow_midashi { font-size: 1.2em; font-weight: 700; line-height: 2; margin: 0; padding-left: 20px; } .postid-322 .LineUpText { padding-left: 20px; } .page-id-8620 .stepflow_Text,.postid-503 .stepflow_Text { margin-bottom: 20px; } .page-id-8620 .stepflow_Text:last-child,.postid-503 .stepflow_Text:last-child { margin-bottom: 0; } .page-id-8620 .stepflow_midashi2:before,.postid-503 .stepflow_midashi2:before { content: ""; display: inline-block; vertical-align: middle; margin: -1px 15px 0 -20px; width: 5px; height: 5px; border: 1px solid transparent; border-radius: 50%; background: #cf451f; } .postid-322 .stepflow_content h4 { font-size: 1.2em; line-height: 1.6; margin: 1.5em 0; margin-left: 1rem; border-left: 2px solid #cf451f; padding-left: 14px; font-weight: 700; color: #222; } .page-id-8620 .stepflow_content .h4_title,.postid-503 .stepflow_content .h4_title { font-size: 1.2em; line-height: 1.6; margin: 1.5em 0; margin-left: 1rem; border-left: 2px solid #cf451f; padding-left: 14px; font-weight: 700; color: #222; } .postid-8437 .number-words { position: absolute; font-size: 10rem; color: #fff; font-weight: 800; margin: auto; top: 33%; left: 0; right: 0; bottom: 33%; text-align: center; text-shadow: 2px 2px #444; } .postid-8440.single-lineup .singleBody .LineUpBodyLeft h3, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3, .postid-8440 .LineUpBodyCenter .cago-box h3 { margin-top: 10px; border-bottom: solid 2px #ddd; padding-bottom: 20px; position: relative; } .postid-8440.single-lineup .singleBody .LineUpBodyLeft h3:before, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3:before { width: 0; } .postid-8440 .concept { color: #a2a2a2; font-weight: 800; } .postid-8440 .faq { font-size: 2.3rem; font-weight: 800; } .postid-8440.single-lineup .singleBody .LineUpBodyLeft h3:after, .postid-8440.single-lineup .singleBody .LineUpBodyRight h3:after, .postid-8440 .LineUpBodyCenter .cago-box h3:after { content: ''; width: 150px; height: 2px; background-color: #d8ad2a; display: block; position: absolute; left: 0; bottom: -2px; } .postid-8440 .ans { font-size: 2.3rem; font-weight: 800; color: #d8ad2a; } .postid-8440.single-lineup .singleBody .LineUpImage img { width: 100%; max-width: 560px; margin: auto; display: block; } .postid-8440 .cago-box ul.cago2box { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .postid-8440 .cago-box ul.cago2box li { list-style: none; width: 48%; } .postid-8440 .cago-box ul.cago2box li h4 { border: none; padding: 0; font-size: 2rem; color: #bd9e0e; } .postid-8440 ul.cago3box { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .postid-8440 ul.cago3box li { list-style: none; width: 31%; text-align: left; background: #f1f1f1; padding: 30px; } .postid-8440 .cago-box ul.cago3box li { width: 33%; background: none; padding: 0; } .postid-8440 ul.cago3box li { list-style: none; width: 31%; text-align: left; background: #f1f1f1; padding: 30px; } .postid-8440 .cago-box ul.cago3box li { width: 33%; background: none; padding: 0; } .postid-8440 ul.cago3box li h4 { font-weight: 800; } .postid-8440 ul.cago3box li p { margin-bottom: 0; } .postid-8440 ul.cago6box { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .postid-8440 ul.cago6box li { list-style: none; width: 31%; text-align: left; background: #fff; margin-bottom: 20px; } .postid-8440 ul.cago6box li img { } .postid-8440 ul.cago6box li h4 { color: #bd9e0e; font-size: 2.3rem; font-weight: 800; margin: 20px 0 } .postid-8440 ul.cago6box li p { line-height: 2 } .postid-8440 .kome { text-align: left; } .postid-8440 .LineUpBodyCenter .cago-box { margin: 80px 0; text-align: left; } .postid-8440 .LineUpBodyCenter .cago-box h4 { border-left: solid 4px #bd9e0e; padding: 10px; font-size: 2.3rem; font-weight: 800; } .postid-8440 .LineUpBodyCenter .cago-box img { margin: 50px auto; max-width: 640px; display: block; } .postid-8440 .LineUpBodyCenter .cago-box .cago3box img { margin: 20px 0; max-width: 640px; display: block; } .postid-8440 .carea-box { text-align: center; width: 100%; } .postid-8440 .carea-box .plan-name { display: inline-block; } .postid-8440 .carea-box .plan-name img { display: inline-block; } .postid-8440 .carea-box ul.cago2box { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; margin-top: 50px; } .postid-8440 .carea-box ul.cago2box li { list-style: none; width: 50%; margin-bottom: 60px; } .postid-8440 .carea-box ul.cago2box li h4 { border: none; padding: 0; font-size: 2.2rem; font-weight: 800; color: #bd9e0e; } .postid-8440 .carea-box ul.cago2box li h5 { border: none; padding: 0; font-size: 2rem; font-weight: 800; } .postid-8440 .carea-box ul.cago2box li p { line-height: 1.82 } .postid-8440 .carea-box ul.cago2box li p.come { margin: 0 0 5px; text-indent: -1rem; padding-left: 1rem; } .postid-8440 .carea-box ul.cago2box li a.luminousGallery img.fit { object-fit: cover; font-family: 'object-fit: cover'; height: 100%; } .postid-8443 .skip-barea { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .postid-8443 .skip-barea .skip-box { width: 22%; margin-bottom: 50px; } .postid-8443 .skip-barea .skip-box li { list-style: none; } .postid-8443 .skip-barea .skip-box li.box-title { font-size: 2rem; font-weight: 800; position: relative; margin: 30px 0 0; } .postid-8443 .skip-barea .skip-box li.box-title .sub { position: absolute; top: -30px; font-size: 1.5rem; font-weight: 200; color: #999; } .postid-8443 .skip-barea .skip-box li.box-title .sub .icon { background: #666; color: #fff; padding: 3px; font-size: 1.2rem; font-weight: 800; margin-left: 5px; } .postid-8443 .skip-barea .skip-box li.box-text { color: #666; margin-top: 5px; } .postid-8443 .skip-barea .skip-box li.box-text .come { display: block; font-size: 1.2rem; } @media only screen and (max-width: 1023px) { .page-id-8620 .koto_box, .postid-503 .koto_box { width: 48%; margin-bottom: 40px; } .postid-8437 .number-words { font-size: 8rem; } .postid-8440 ul.cago3box li { width: 100%; margin-bottom: 20px; } .postid-8440 ul.cago3box li:last-child { margin-bottom: 0; } .postid-8440 ul.cago6box li { width: 48%; } .postid-8443 .skip-barea .skip-box { width: 45%; } } @media only screen and (max-width: 767px) { .page-id-8620 .bgb-wysiwyg.gray-block.gray-block__list,.postid-503 .bgb-wysiwyg.gray-block.gray-block__list { padding: 30px; } .page-id-8620 .LineUpBody.flexbox,.postid-503 .LineUpBody.flexbox { padding: 0!important; } .page-id-8620 .LineUpBody.flexbox .architect_box ul,.postid-503 .LineUpBody.flexbox .architect_box ul { padding-bottom: 50px; } .page-id-8620 .stepflow li, .postid-503 .stepflow li, .postid-322 .stepflow li, .postid-8443 .stepflow li { padding: 50px 30px 20px } .page-id-8620 .stepflow-black:before, .postid-503 .stepflow-black:before, .postid-322 .stepflow-black:before, .postid-8443 .stepflow-black:before { left: 10px; } .page-id-8620 .stepflow-black:after,.postid-503 .stepflow-black:after, .postid-322 .stepflow-black:after, .postid-8443 .stepflow-black:after { left: 15px; } .page-id-8620 .stepflow-red:before,.postid-503 .stepflow-red:before { left: 10px; } .page-id-8620 .stepflow-red:after,.postid-503 .stepflow-red:after { left: 15px; } .page-id-8620 .stepflow_label, .postid-503 .stepflow_label, .postid-322 .stepflow_label, .postid-8443 .stepflow_label { left: 30px; } .page-id-8620 .stepflow_title h3 span,.postid-503 .stepflow_title h3 span { padding: 2px 8px; font-size: 1.5rem; top: 0; } .postid-8440 .cago-box ul.cago3box li { width: 100%; margin-bottom: 20px; } .postid-8440 .cago-box ul.cago2box li { width: 100%; margin-bottom: 20px; } .postid-8440 .carea-box ul.cago2box li { width: 100%; } .postid-8440 .carea-box ul.cago2box li { width: 100%; } } @media only screen and (max-width: 480px) { .page-id-8620 .koto_box,.postid-503 .koto_box { width: 100%; } .page-id-8620 .bgb-wysiwyg.gray-block.gray-block__list,.postid-503 .bgb-wysiwyg.gray-block.gray-block__list { padding: 15px; } .page-id-8620 .stepflow_content, .postid-503 .stepflow_content, .postid-322 .stepflow_content, .postid-8443 .stepflow_content { padding: 10px; } .page-id-8620 .stepflow_midashi2, .page-id-8620 .stepflow_Text,.postid-503 .stepflow_midashi2, .postid-503 .stepflow_Text { padding-left: 10px; } .page-id-8620 .stepflow_content .h4_title,.postid-503 .stepflow_content .h4_title { margin-left: 0rem; } .page-id-8620 .stepflow_midashi2:before,.postid-503 .stepflow_midashi2:before { margin: -1px 10px 0 -10px; } .postid-322 .stepflow_content h4 { font-size: 1.2em; margin-left: 0; } .postid-322 .stepflow_midashi, .postid-322 .LineUpText { padding-left: 0; } .postid-8440 ul.cago6box li { width: 100%; } .postid-8443 .skip-barea .skip-box { width: 100%; } .postid-8443 .skip-barea .skip-box li.box-img { text-align: center; } } .LineUpText .slider { margin-bottom: 100px!important } .LineUpText .slider .slick-list img { width: 80%; height: 500px; margin: 0 auto; object-fit: cover; font-family: 'object-fit: cover'; } .LineUpBodyFloot .LineUpText .slider .slick-list img { width: 100%; height: 300px; margin: 0 auto; object-fit: cover; font-family: 'object-fit: cover'; } .LineUpText .slider .slick-dots li { list-style: none; display: inline-block; width: 90px!important; height: 60px!important; max-width: 112px; margin: 5px; } .LineUpText .slider .slick-dots li img { opacity: 0.5; width: 100%; height: 60px!important; object-fit: cover; font-family: 'object-fit: cover'; } .LineUpText .slider .slick-dots li.slick-active img { opacity: 1; } .entry-content .LineUpText .slider ul.slick-dots { position: relative; margin: 0; bottom: -20px!important; } .LineUpText .slider .slick-prev { position: absolute; z-index: 99; top: 40%; } .LineUpText .slider .slick-next { position: absolute; z-index: 99; top: 40%; } @media only screen and (max-width: 1023px) { .slick-prev { top: 40%; } .slick-next { top: 40%; } } @media only screen and (max-width: 767px) { .LineUpText .slider .slick-list img { width: 100%; height: 400px; } } .single-lineup .singleBody .LineUpImage.nordDetale img { width: 80%; display: block; margin: 80px auto 0; } @media only screen and (max-width: 1023px) { .single-lineup .singleBody .LineUpImage.nordDetale img { width: 100%; } } ul.photoGroup { list-style: none!important; width: 100%; display: block; text-align: center; } ul.photoGroup li { display: inline-block; margin-bottom: 10px } ul.photoGroup li:nth-child(odd) { margin-right: 5px; } ul.photoGroup li:nth-child(even) { margin-left: 5px; } ul.photoGroup li img { width: 250px; height: 200px; object-fit: cover; font-family: 'object-fit: cover'; transition-duration: 0.3s; } ul.photoGroup li img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } @media only screen and (max-width: 599px) { ul.photoGroup li { width:48%; height: 150px; } ul.photoGroup li img { width: 100%; height: 100%; } } @media only screen and (max-width: 420px) { ul.photoGroup li { width:100%; } ul.photoGroup li:nth-child(odd) { margin-right: 0; } ul.photoGroup li:nth-child(even) { margin-left: 0; } } .detail-ttl:after { content: ""; display: block; height: 2px; background: linear-gradient(90deg, #8879ac, #150d35); margin-bottom: 55px; } .detail-img { overflow: hidden; margin: 0 auto 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } img.madori { width: 215px; vertical-align: bottom; } .detail-ttl .detail-ttl-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0 0 15px; text-align: center; } .detail-ttl .detail-ttl-inner h3 { margin: 0 0 0 10px; font-size: 20px!important; font-weight: normal!important; } .detail-ttl .detail-ttl-inner picture { margin: 0 10px -2px 0; } .detail-ttl .detail-ttl-inner picture img { max-width: 130px; } ul.floorDrawing { display: table; width: 100%; } ul.floorDrawing li { display: table-cell; width: 30%; } ul.floorDrawing li:first-child { padding-right: 20px; } ul.floorDrawing li:nth-of-type(2) { padding: 0 10px; } ul.floorDrawing li:last-child { padding-left: 20px; } ul.planMadoriDetale { display: block; list-style: none!important; text-align: center } ul.planMadoriDetale li { display: inline-block; font-size: 18px; line-height: 28px; font-weight: bold } .planMadoriData { display: inline-block; } .planMadoriData ul.planMadoriDetale { text-align: left; margin-bottom: 10px; } .planMadoriData ul.planMadoriDetale li { text-align: left; font-weight: normal; } .planMadoriData ul.planMadoriDetale li.title { font-weight: bold; margin-left: -10px; } @media only screen and (max-width: 767px) { .detail-ttl .detail-ttl-inner { display: -webkit-inline-box; display: -ms-inline-box; display: inline-block; position: relative; } .detail-ttl .detail-ttl-inner h3 { margin: 0; } .detail-ttl .detail-ttl-inner picture { margin: 0; position: absolute; bottom: -102px; left: 0; right: 0; } ul.floorDrawing { display: block; width: 80%; margin: 130px auto 0; } ul.floorDrawing li { display: block; width: 100%; } ul.floorDrawing li:first-child { padding-right: 0; margin-bottom: 30px } ul.floorDrawing li:nth-of-type(2) { padding: 0; margin-bottom: 30px } ul.floorDrawing li:last-child { padding-left: 0; } ul.planMadoriDetale { margin-top: 50px } ul.planMadoriDetale li { width: 100%; text-align: left; font-size: 16px; } .planMadoriData ul.planMadoriDetale { margin-top: 0px } } .LineUpBodyCenter { position: relative; text-align: right; } .tyui { position: absolute; right: 0px; bottom: -110px; } .tyui p.LineUpText { font-size: 14px!important; line-height: 24px!important; margin-bottom: 0px; } @media only screen and (max-width: 767px) { .LineUpBodyCenter { text-align: center; } .tyui { bottom: -100px; } .tyui p.LineUpText { font-size: 12px!important; line-height: 22px!important; } } .site-main.information h1.entry-title { margin-bottom: 5px; } .site-main.information .singleBody p { font-size: 16px; line-height: 36px; } @media only screen and (max-width: 767px) { .site-main.information .singleBody p { font-size: 14px; line-height: 34px; } } .lum-lightbox.lum-open { z-index: 1000; } .lum-lightbox-inner img { max-width: 100%!important; max-height: 100%!important; } .single-post a.luminousGallery { display: block; width: 100%; text-align: center; margin-bottom: 10px; } .single-post a.luminousGallery img { width: 800px; height: 400px; object-fit: cover; font-family: 'object-fit: cover'; margin: 0 auto; } .single-post .entry-meta.PostDay { display: block; } .post-type-archive-news article, .post-type-archive-event article, .tax-event-category article { display: table; width: 100% } .post-type-archive-news .eventMeta, .post-type-archive-event .eventMeta, .tax-event-category .eventMeta { margin: 5px; } .post-type-archive-news span.event-category a:before, .post-type-archive-event span.event-category a:before, .tax-event-category span.event-category a:before { content: "/ "; color: #9E9E9E; margin-left: 5px; } .post-type-archive-news header.entry-header, .post-type-archive-event header.entry-header, .tax-event-category header.entry-header { width: 100%; padding: 15px 10px 0; border-top: solid 3px #85bf61; border-bottom: solid 1px #85bf61; margin-bottom: 30px; } .post-type-archive-news .articleBody, .post-type-archive-event .articleBody, .tax-event-category .articleBody { display: table; width: 100% } .post-type-archive-news .newsBody-area, .post-type-archive-event .eventBody-area, .tax-event-category .eventBody-area { display: table-cell; width: 60%; font-size: 18px; line-height: 28px; } .post-type-archive-news .newsImg-area, .post-type-archive-event .eventImg-area, .tax-event-category .eventImg-area { display: table-cell; width: 40%; padding-left: 20px; vertical-align: top; } .post-type-archive-news .newsImg-area img, .post-type-archive-event .eventImg-area img, .tax-event-category .eventImg-area img { object-fit: cover; font-family: 'object-fit: cover'; width: 100%; max-height: 300px; transition-duration: 0.3s; margin-bottom: 20px; } .post-type-archive-news .newsImg-area img:hover, .post-type-archive-event .eventImg-area img:hover, .tax-event-category .eventImg-area img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .post-type-archive-news .contactBtn ._3d, .post-type-archive-event .contactBtn ._3d, .tax-event-category .contactBtn ._3d { margin: 0 auto; } @media screen and (max-width: 767px) { .post-type-archive-news article h2.entry-title, .post-type-archive-event article h2.entry-title, .tax-event-category article h2.entry-title { font-size: 20px; } .post-type-archive-news .newsBody-area, .post-type-archive-event .eventBody-area, .tax-event-category .eventBody-area { display: block; width: 100%; font-size: 16px; line-height: 26px; } .post-type-archive-news .newsImg-area, .post-type-archive-event .eventImg-area, .tax-event-category .eventImg-area { display: block; width: 100%; padding-left: 0; vertical-align: top; } .flexbox .flexboxleft { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .flexbox .flexboxright { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } .companyTable { display: table; width: 100%; padding: 50px 130px; } .companyTable h2 { text-align: center; margin-bottom: 80px; font-weight: bold; position: relative; font-size: 40px; } .companyTable h2:before { display: block; content: ' '; width: 88px; height: 1px; background: #ff5e4d; position: absolute; left: 50%; top: 80px; margin-left: -40px; } .companyTable a.contact-link { color: #85bf5f; font-weight: bold; } .companyTable ul { list-style: none; text-align: left; } .companyTable li p { margin: 0; } .companyTable li.companyTableTitle { display: table-cell; padding-right: 30px; font-weight: bold; font-size: 140%; width: 190px; vertical-align: middle; } .companyTable li.companyTableText { display: table-cell; vertical-align: top; border-left: dotted 1px #607D8B; padding-left: 60px; font-size: 140%; line-height: 160%; } .companyTable li.companyTableList { font-size: 140%; line-height: 240%; list-style: none; display: inline-block; width: 49%; text-align: center; } .companyTable li.companyTableText p.textIndent { text-indent: -1.3rem; padding-left: 1.3rem; } .companyTable li.infoText p { margin: 0; } .lineImg { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood01.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 300px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; border-bottom: solid 1px #ddd; } .lineImg02 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/home01.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .lineImg03 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood02.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .lineImg04 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/home02.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .lineImg05 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood03.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .lineImg h1 { text-align: center; vertical-align: middle; position: absolute; top: 45%; left: 0; right: 0; margin: 0; font-size: 50px; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px #000; } ul.responsive-tabs__list { margin: 0!important; position: absolute; right: 0; left: 0; top: -41px; } .companyPresident { width: 100%; padding: 50px 100px; } .companyPresident h2 { text-align: center; margin-bottom: 80px; font-weight: bold; position: relative; font-size: 40px; } .companyPresident h2:before { display: block; content: ' '; width: 88px; height: 1px; background: #ff5e4d; position: absolute; left: 50%; top: 80px; margin-left: -40px; } .companyPresident p { font-size: 140%; line-height: 160%; } .companyPresident li { list-style: none; font-size: 140%; line-height: 160%; padding: 0; } .companyPresident h3 { color: #ff5e4d; font-weight: bold; border-left: solid 5px; padding-left: 10px; } .presidentLeft { display: table-cell; } .president { display: table-cell; width: 170px; padding-left: 15px; vertical-align: top; } .companyPresident p.presidentName { font-size: 125%!important; text-align: center; } a.contact-link { color: #ff4430; font-weight: bold; } .lineImg06 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/Lecture.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .lineImg07 { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood04.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 200px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; } .allmap { text-align: center; } @media screen and (max-width: 1023px) { .companyTable, .companyPresident { padding: 50px 0; } } @media screen and (max-width: 767px) { .lineImg { background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/image/wood01.jpg); margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); height: 300px; position: relative; object-fit: cover; font-family: 'object-fit: cover'; background-position: right; border-bottom: solid 1px #ddd; } .lineImg02, .lineImg03, .lineImg04, .lineImg05, .lineImg06, .lineImg07 { height: 100px; background-size: 100%; } .companyTable h2, .companyPresident h2 { margin-bottom: 50px; font-size: 26px; } .companyTable h2:before, .companyPresident h2:before { top: 50px; } .companyTable li.companyTableTitle { display: block; padding-right: 0; vertical-align: top; margin-bottom: 5px; } .companyTable li.companyTableText { display: block; border-left: none; padding-left: 15px; border-bottom: dotted 1px #607D8B; padding-bottom: 10px; } .companyTable li.companyTableList { list-style: none; display: block; width: 100%; text-align: left; } .companyPresident h3 { font-size: 18px; } .presidentLeft { display: block; } .president { display: block; width: 100%; text-align: center; margin-top: 20px; } .companyPresident p.presidentName { } .go-to-top { right: 20px; } } .staff_area { display: flex; flex-wrap: wrap; } .staff_area ul.staff_card { width: calc(25% - 8px); position: relative; overflow: hidden; padding: 10px; border: solid 1px #ccc; margin-right: 10px; margin-bottom: 20px; } .staff_area ul.staff_card:nth-child(4n+4) { margin-right: 0px; } .staff_area ul.staff_card li.staff_img img { object-fit: cover; font-family: 'object-fit: cover'; height: 250px; width: 100%; } .staff_area ul.staff_card li.staff_name { text-align: center; font-size: 1.8rem; background: #dddb; padding: 3px 0; margin: 5px 0 2px; } .staff_area ul.staff_card li.staff_position { text-align: center; font-size: 1.6rem; border-bottom: dotted 1px #ccc; margin-bottom: 10px; } .staff_area ul.staff_card li.staff_hobby { font-size: 1.4rem; } @media only screen and (max-width: 1300px) { .staff_area ul.staff_card { width: calc(33% - 4.5px); } .staff_area ul.staff_card:nth-child(4n+4) { margin-right: 10px; } .staff_area ul.staff_card:nth-child(3n+3) { margin-right: 0; } } @media only screen and (max-width: 767px) { .staff_area ul.staff_card { width: calc(50% - 5px); } .staff_area ul.staff_card li.staff_img img { height: 400px; } .staff_area ul.staff_card:nth-child(3n+3) { margin-right: 10px; } .staff_area ul.staff_card:nth-child(2n+2) { margin-right: 0; } } @media only screen and (max-width: 640px) { .staff_area ul.staff_card li.staff_img img { height: 320px; } } @media only screen and (max-width: 420px) { .staff_area ul.staff_card li.staff_img img { height: 250px; } } @media only screen and (max-width: 375px) { .staff_area ul.staff_card { width: 100%; } .staff_area ul.staff_card li.staff_img img { height: 320px; object-position: top; font-family: 'object-position: top; object-fit: cover;'; } .staff_area ul.staff_card { margin: 0 0 20px!important; } } .modelhouse h1.entry-title:before { content: ""; display: inline-block; background: url(https://takayama-mt.co.jp/wps/wp-content/themes/takayamahouse/library/icon/modelhouse-icon.png) no-repeat; width: 40px; height: 40px; background-size: 40px; vertical-align: middle; margin-right: 10px; top: -2px; position: relative; } .modelhouse h1 { margin-bottom: 0; } .modelhouse h1 span { font-size: 14px; vertical-align: middle; position: relative; top: -1px; margin-left: 10px; } .modelhouseBody { display: block; width: 100%; padding: 30px 0 80px; } .modelhouseBody.underLine { border-bottom: solid 1px #999; margin-bottom: 30px; } .modelhouseBody h3 { position: relative; font-size: 40px; font-weight: bold; text-align: center; border-bottom: solid 1px #ff4430; padding-bottom: 10px; } .modelhouseBody .modelhouseBodyLeft { display: table-cell; width: 50%; padding-right: 15px; vertical-align: top; } .modelhouseBody .modelhouseBodyRight { display: table-cell; width: 50%; padding-left: 15px; vertical-align: top; } .modelhouseBody .modelhouseBodyLeft img, .modelhouseBody .modelhouseBodyRight img { width: 100%; transition-duration: 0.3s; object-fit: cover; font-family: 'object-fit: cover'; max-height: 500px; } .modelhouseBody .modelhouseBodyLeft img:hover, .modelhouseBody .modelhouseBodyRight img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .modelhouseBody .modelhouseBodyLeft h3, .modelhouseBody .modelhouseBodyRight h3 { font-weight: bold; font-size: 30px; position: relative; text-align: left; } .modelhouseBody p.modelhouseText { font-size: 18px; line-height: 38px; } .modelhouseBody .firstImage { margin-bottom: 20px; } .modelhouseBody .firstImage img { width: 100%; object-fit: cover; font-family: 'object-fit: cover'; transition-duration: 0.3s; } .modelhouseBody .flexbox .modelhouseBodyLeft.box1 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .modelhouseBody .flexbox .modelhouseBodyRight.box2 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .modelhouseBody .firstImage img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } .modelhouseBodyCenter { text-align: center; border-top: solid 1px #999; padding-top: 50px; } .modelhouseBodyCenter .button { display: inline-block; text-align: center; text-decoration: none; line-height: 150px; outline: none; } .modelhouseBodyCenter .button::before, .modelhouseBodyCenter .button::after { position: absolute; z-index: -1; display: block; content: ''; } .modelhouseBodyCenter .button, .modelhouseBodyCenter .button::before, .modelhouseBodyCenter .button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } ._3d { width: 200px; text-align: center; position: relative; display: block; height: 183px; } ._3d span { padding: 15px 20px; display: block; position: absolute; width: 200px; height: 183px; border: 2px solid #333; text-align: center; transition: .3s; font-size: 16px; } ._3d span:before { display: block; content: ""; height: 60px; width: 30px; border: solid #000 2px; position: absolute; z-index: 2; bottom: -2px; left: 20px } ._3d span:nth-child(1) { background-color: #333; color: #fff; line-height: 140px; vertical-align: middle; transform: rotateY(90deg); transform-origin: 50% 50% -50px; } ._3d span:nth-child(2) { background-color: #fff; color: #333; line-height: 140px; transform: rotateY(0deg); transform-origin: 50% 50% -50px; } ._3d:hover span:nth-child(1) { transform: rotateY(0deg); z-index: 1; } ._3d:hover span:nth-child(2) { background-color: #333; transform: rotateY(-90deg); } ._3d span:hover:before { border: solid #757575 2px; border-bottom: none; height: 60px; bottom: -2px; } ._3d:active span:nth-child(1) { background: rgb(255, 102, 42); border-color: rgb(255, 102, 42); } ._3d span:active:before { border: solid #fff 2px; border-bottom: none; height: 60px; bottom: -2px; } @media only screen and (max-width: 1023px) { .modelhouseBody .firstImage { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); } } @media only screen and (max-width: 767px) { .modelhouseBody h3 { font-size: 20px; } .modelhouseBody p.modelhouseText { font-size: 16px; line-height: 36px; } .modelhouseBody .modelhouseBodyLeft { display: block; width: 100%; padding-right: 0; } .modelhouseBody .modelhouseBodyRight { display: block; width: 100%; padding-left: 0; } .modelhouseBody .modelhouseBodyLeft img, .modelhouseBody .modelhouseBodyRight img { object-fit: cover; font-family: 'object-fit: cover'; max-height: 300px; } .flexbox { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .modelhouseBodyLeft.box1 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .flexbox .modelhouseBodyRight.box2 { -webkit-box-ordinal-group: 0; -ms-flex-order: 0; -webkit-order: 0; order: 0; } } .single-news .articleBody, .single-event .articleBody { display: table; width: 100% } .single-news .newsBody-area, .single-event .eventBody-area { display: table-cell; width: 60%; } .single-news .site-main.information .singleBody p, .single-event .site-main.information .singleBody p { font-size: 18px!important; line-height: 28px; } .single-news .newsImg-area, .single-event .eventImg-area { display: table-cell; width: 40%; padding-left: 20px; vertical-align: top; } .single-news .contactBtn ._3d, .single-event .contactBtn ._3d { margin: 0 auto; } .single-news .newsImg-area img, .single-event .eventImg-area img { object-fit: cover; font-family: 'object-fit: cover'; width: 100%; max-height: 300px; transition-duration: 0.3s; margin-bottom: 20px; } .single-news .newsImg-area img:hover, .single-event .eventImg-area img:hover { box-shadow: 10px 10px 10px rgba(0,0,0,0.3); transform: translateY(-8px); transition-duration: 0.3s; } @media screen and (max-width: 767px) { .single-news .newsBody-area, .single-event .eventBody-area { display: block; width: 100%; font-size: 16px; line-height: 26px; } .single-news .newsImg-area, .single-event .eventImg-area { display: block; width: 100%; padding-left: 0; vertical-align: top; } .single-news .site-main.information .singleBody p, .single-event .site-main.information .singleBody p { font-size: 16px!important; line-height: 26px; } } .post-type-archive-case .posted-on { display: none; } span.quiz-702 { margin-bottom: 3rem; display: block; } span.wpcf7-quiz-label { display: block; margin-bottom: 0.5rem; } .modal{ display: none; height: 100vh; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; } .modal__bg{ background: rgba(0,0,0,0.8); height: 100vh; position: absolute; width: 100%; } .js-modal-open { margin-top: 20px; display: block; } .js-modal-open img { border: solid 1px #000; margin: auto; } @media only screen and (max-width: 640px) { .js-modal-open img { width: 100%; max-width: 445px; } } .modal__content { background: #fff; left: 50%; padding: 40px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 60%; max-width: 900px; overflow: scroll; height: 80%; } .modal__content img { margin-top: 0; } @media screen and (max-width: 767px) { .modal__content{ width: 95%; padding: 40px 20px 20px; } } .modal h2 { text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #8dc556; } .modal .modal_contents { line-height: 2; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #8dc556; } a.js-modal-close { position: absolute; right: 8px; top: 0px; font-size: 50px; line-height: 1; color: #000; } .zeroh-messages { width: 100%; max-width: 900px; margin: auto; } .zeroh-messages p { font-size: 22px; } .zeroh-messages p span { font-weight: 800; font-size: 30px; color: #43896b; } @media screen and (max-width: 767px) { .zeroh-messages p { font-size: 16px; } .zeroh-messages p span { font-size: 25px; } }