.sunshine-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .sunshine-clearfix { display: block; }
* html .sunshine-clearfix { height: 1%; }

.dashboard_page_sunshine_about,
.sunshine_page_sunshine_addons { background: #FFF; }
.sunshine-wrap { padding: 0 50px 50px 50px; }
.sunshine-wrap a { color: #222d39; }
.sunshine-wrap h2 { font-size: 30px; }

.sunshine-upgrade { float: right; margin: 0 0 0 100px; }
.sunshine-upgrade img { max-width: 400px; width: 100%; height: auto; }

@media screen and (max-width: 960px) {
    .sunshine-upgrade { float: none; margin: 0 0 50px 0; }
}

#sunshine-header { background: url(../images/plugin-header.svg) center bottom no-repeat #fef8f1; background-size: 100% auto; margin: -20px 0 0 -20px; padding: 90px 0 150px 70px; }
#sunshine-header h1 { line-height: 1; margin: 0 0 70px 0; font-size: 38px; font-weight: normal; display: flex; align-items: center; }
#sunshine-header h1:before { content: " "; background: url(../images/sun.svg) center / 75px auto no-repeat; display: inline-block; width: 75px; height: 75px; margin: 0 20px 0 0; }
#sunshine-header p { font-size: 20px; max-width: 800px; }
.sunshine-fb-page { float: right; margin: 20px 0 0 50px; width: 350px; clear: right; }
.sunshine-changelog { margin-right: 350px; }
.sunshine-changelog h3 { margin: 0 0 -15px 0; }

.sunshine-button { transition: transform .2s; z-index: 100; display: inline-block; border: none; margin-top: 25px; font-size: 18px; font-weight: 500 !important; background: #fecd08; color: #FFF !important; padding: 15px 55px !important; box-shadow: 0 10px 25px rgba(0,0,0,.1) !important; border-radius: 200px !important; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.sunshine-button:hover { background: #222d39; color: #FFF; transform: translateY(-5px); box-shadow: 0 15px 25px rgba(0,0,0,.08); }

#sunshine-addons { width: 65%; }
#sunshine-addons li { float: left; width: 27%; margin: 0 3% 40px 0; list-style: none; }
#sunshine-addons li.sunshine-installed { opacity: .4; }
#sunshine-addons li:nth-child( 3n+1 ) { clear: left; }
#sunshine-addons li h3 { margin: 0 0 5px 0; }
#sunshine-addons li h3 a { font-weight: normal; color: #000; text-decoration: none; }
#sunshine-addons li p { margin: 0 0 5px 0; color: #828282; }
#sunshine-addons li p .price { font-size: 15px; color: #fecd08; font-weight: bold; display: inline-block; margin: 0 10px 0 0; }

#sunshine-disclaimer { clear: both; margin-top: 50px; font-style: italic; }

.sunshine-menu-highlight-link { color: #d3ac17; font-weight: bold !important; }

#sunshine_gallery_images .postbox-header .hndle { display: block; }
#postbox-container-2 .inside { margin: 0; }
#postbox-container-2 #sunshine_gallery_images .inside { margin-top: 10px; }
.sunshine-meta { border-spacing: 0; border-collapse:collapse; width: 100%; margin: 0 -12px -12px -12px; }
.sunshine-meta th, .sunshine-meta td { text-align: left; padding: 10px 15px; vertical-align: top; border-bottom: 1px solid #f0f0f0; }
.sunshine-meta td td, .sunshine-meta td th { vertical-align: middle; padding: 0 15px 0 0; border: none; background: none; }
.sunshine-meta th { width: 150px; word-wrap: break-word; background: #f9f9f9; border-right: 1px solid #dddddd; }
.sunshine-meta td span.desc { display: block; font-style: italic; color: #666; font-size: 12px; }
.sunshine-meta input { vertical-align: middle; }
.sunshine-meta input[type="number"] { max-width: 60px; }

.sunshine-status-options { color: #666; font-size: 90%; border-top: 1px solid #f0f0f0; padding-top: 7px; margin-top: 7px; }
.sunshine-status-options input { font-size: 90% !important; }

#sunshine-dashboard-orders table { width: 100%; }
#sunshine-dashboard th { text-align: left; }

#sunshine-gallery-images-viewed li, #sunshine-gallery-images-purchased li, #sunshine-gallery-images-downloaded li { float: left; height: 150px; margin: 0 15px 0 0; }

#sunshine-order-data th, #sunshine-cart-items th { text-align: left; }
#sunshine-order-data td { vertical-align: top;  }
#sunshine-cart-items img { height: 50px; width: auto; }
#sunshine-cart-items .item td { padding: 10px 0; }
#sunshine-cart-items .subtotal td, #sunshine-cart-items .subtotal th { border-top: 2px solid #000; }
#sunshine-cart-items .totals th, #sunshine-cart-items .totals td { font-size: 16px; padding: 10px 0; }
#sunshine-cart-items .totals th { text-align: right; padding-right: 10px;  vertical-align: middle;}

ul.sunshine-price-levels { padding: 0; margin: 0; }
ul.sunshine-price-levels li { float: left; margin: 0 20px 0 0; }
ul.sunshine-price-levels li input { width: 50px; }

#sunshine-product-package-choose { margin: 0 0 10px 0; }
#sunshine-product-package-choose th { width: auto; }
#sunshine-product-package-choose a { color: #CCC; text-decoration: none; font-size: 70%; cursor: pointer; }

#sunshine-bulk-add-products td { padding: 0 15px 10px 0; }
#sunshine-bulk-add-products th { padding: 0 4px 10px 0; }

#sunshine-new-message th { width: 175px; text-align: left; vertical-align: top; }

.misc-sunshine-messaging-invite-user:before { font-family: "dashicons"; content: "\f466"; padding: 0 2px 0 0; font-size: 20px; color: #888; display: inline-block; line-height: 20px; vertical-align: top; }

#sunshine-gallery-images #images, #sunshine-gallery-images #files { max-height: 300px; overflow-y: scroll; position: relative; margin-top: 15px; }
#sunshine-gallery-images #images li { display: inline-block; margin: 0 1% 1% 1%; text-align: center; position: relative; vertical-align: top; }
#sunshine-gallery-images #images li .sunshine-image-actions { position: absolute; top: 6px; left: 6px; display: none; }
#sunshine-gallery-images #images li .sunshine-image-actions a { background: rgba(0,0,0,.8); color: #FFF; text-decoration: none; padding: 1px; }
#sunshine-gallery-images #images li .sunshine-image-actions a:hover { color: #0074A2; }
#sunshine-gallery-images #images li:hover .sunshine-image-actions { display: block; }
#sunshine-gallery-images #images li img { height: 75px; width: auto; cursor: move; border: 2px solid #FFF; box-shadow: 2px 2px 5px rgba(0,0,0,.2); }
#sunshine-gallery-images #images li .sunshine-image-name { display: block; font-size: 11px; color: #CCC; max-width: 75px; margin: 0 auto; }
#sunshine-gallery-images #images li.selected img { border-color: #FF0000; }
#delete-selected-images > * { vertical-align: middle; }
#delete-selected-images .spinner { float: none; }
#sunshine-gallery-images-processing, #sunshine-digital-downloads-files-processing { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 999; }
#sunshine-gallery-images-processing div.status, #sunshine-digital-downloads-files-processing div.status { position: absolute; display: block; width: 100%; top: 50%; margin-top: -5px; color: #FFF; font-size: 20px; text-align: center; }
#sunshine-gallery-images-processing span.current-file, #sunshine-digital-downloads-files-processing span.current-file { display: block; font-size: 12px; margin-top: 7px; }


#sunshine-load-more { display: block; text-align: center; }

#sunshine-gallery-images-processing.success, #sunshine-digital-downloads-files-processing.success { background: rgba(59,178,84,.8); }

#sunshine-digital-download-drag-drop-area { border: 4px dashed #bbb; height:200px; }

#sunshine-lightroom-file-list { display: none; }
#sunshine-lightroom-file-list textarea { width: 100%; }
#sunshine-lightroom-file-list p { font-size: 12px; color: #666; font-style: italic; margin: 5px 0 0 0; }

.sunshine-product-option-prices { border-left: 1px solid #EFEFEF; padding-left: 30px; margin: 0 0 15px 30px; }
.sunshine-product-option-prices thead td { font-size: 12px; font-weight: bold; }
.sunshine-product-option-required { font-size: 11px; margin-left: 10px; color: #666; }

.post-type-sunshine-order #favorite-actions { display:none; }
.post-type-sunshine-order .add-new-h2 { display:none; }

.post-type-sunshine-gallery #visibility { display: none; }

.postbox h2 span.desc { font-weight: normal; color: #666; display: block; float: right; font-size: 12px; }

#tagsdiv-sunshine-product-price-level { display: none; }

#sunshine-dashboard-widget-stats li { width: 25%; margin: 0; float: left; text-align: center; }
#sunshine-dashboard-widget-stats li:first-child { margin-left: 0; }
#sunshine-dashboard-widget-stats li span { font-size: 26px; font-weight: bold; display: block; margin: 0 0 5px 0; }
#sunshine-dashboard-widget-stats h4 { margin-top: 20px; padding-top: 10px; border-top: 1px solid #EFEFEF; }

#sunshine-get-started ol { counter-reset: custom; margin-top: 50px; margin-bottom: 50px; }
#sunshine-get-started li { list-style-type: none; font-size: 18px; line-height: 1.6; position: relative; margin: 0 0 25px 15px; }
#sunshine-get-started li:before { counter-increment: custom; content: counter(custom); position: absolute; left: -50px; top: -7px; font-size: 14px; display: block; text-align: center; color: #FFF; width: 45px; height: 45px; line-height: 45px; background: url(../images/sun.svg) center center no-repeat; background-size: auto 100%;  }

#new-user span { display: block; font-size: 12px; color: #666; font-style: italic; }

#parent-gallery-setting-notice { font-size: 11px; color: #666; font-style: italic; margin: 8px 0 0 0; line-height: 1.2; }

#sunshine-gallery-image-comments { border-collapse: separate; border-spacing: 10px; }
#sunshine-gallery-image-comments img { max-width: 150px; height: auto; }

body.post-new-php.post-type-sunshine-gallery a.preview.button, body.post-new-php.post-type-sunshine-gallery #edit-slug-box { display: none !important; }

body.taxonomy-sunshine-product-category .term-parent-wrap { display: none !important; } /* Hide parent option for product categories */

body.taxonomy-sunshine-order-status .tablenav .actions { display: none !important; }

.sunshine-inline-edit-col { clear: left; }
.sunshine-inline-edit-col label { clear: left; }
.inline-edit-row fieldset.sunshine-inline-edit-col label span.title { width: 130px; }

#menu-posts-sunshine-product img,
#menu-posts-sunshine-gallery img,
#menu-posts-sunshine-order img,
#toplevel_page_sunshine_admin img { max-height: 20px; width: auto; }

#image-errors li { background: #FF0000; padding: 3px; color: #FFF; }

.sunshine-table { width: auto; border-collapse: collapse; }
.sunshine-table thead th { font-weight: bold; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #CCC; padding: 0 20px 5px 0; text-align: left; }
.sunshine-table tbody th { font-weight: bold; padding: 7px 10px 7px 0; text-align: left; }
.sunshine-table tbody td { padding: 7px 10px 7px 0; }

#sunshine-plans { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 40px; }
.sunshine-plan h2 span.current-plan { font-weight: normal; font-size: 50%; color: #666; display: inline-block; margin-left: 10px; }
.sunshine-plan h2 a.sunshine-button { font-size: 16px; padding: 7px 20px !important; margin: 0 0 0 10px; vertical-align: middle; }
.sunshine-plan li { margin: 0 0 25px 0; font-size: 18px; line-height: 1.5; }
.sunshine-plan li h3 { margin: 0; font-size: 18px; }
.sunshine-plan li p { color: #666; font-size: 15px; margin: 0 0 5px 0; }
.sunshine-plan .active { color: green; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.sunshine-plan a.activate,
.sunshine-plan a.install { font-size: 13px; text-transform: uppercase; text-decoration: none; background: #EFEFEF; padding: 5px 20px; border-radius: 40px; }
.sunshine-plan a.upgrade { color: #FFF; font-weight: bold; font-size: 13px; text-transform: uppercase; text-decoration: none; background: #fecd08; padding: 5px 20px; border-radius: 40px; }
.sunshine-plan a.deactivate { display: inline-block; margin-left: 10px; font-size: 80%; }
.sunshine-plan p.action > * { vertical-align: middle; }
.sunshine-addon-error { color: red; font-weight: bold; font-size: 14px; }

#plans-all-reasons { margin: 40px auto 70px auto; display: flex; align-items: center; text-align: center; justify-content: center;  }
#plans-all-reasons span { font-weight: bold; text-transform: uppercase; color: #232D39; }
#plans-all-reasons li { display: inline-block; line-height: 1; list-style: none; color: #abb3bf; font-size: 22px; margin: 0 0 0 25px; }
#plans-all-reasons li:before { content: ""; display: inline-block; margin: 0 7px 0 0; width: 18px; height: 18px; background: url(../images/check.svg) left bottom / auto 100% no-repeat; }

#plans { display: flex; justify-content: space-between; margin: 10px 0;  }
.plan { transition: all .2s; border: 1px solid #ABB3BF; border-radius: 10px; flex-basis: 24%; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.plan:hover { box-shadow: 0 8px 15px rgba(0,0,0,.08); transform: translateY(-5px); border-color: #232D39; }
.plan-header { background: #F5F7FA; padding: 20px; border-radius: 10px 10px 0 0; }
.plan-title { font-weight: 500; text-transform: uppercase; text-align: center; font-size: 20px; color: #232D39; line-height: 1; }
.plan-price { font-weight: 700; text-align: center; font-size: 36px; color: #232D39; margin: 12px 0 15px 0; }
.plan-price span { font-size: 50%; color: #ABB3BF; font-weight: 400; }
.plan-description { padding: 0 20px; text-align: center; font-size: 16px; color: #787878; }
.plan-specs { padding: 20px; flex-grow: 4; }
.plan-specs li { list-style: none; margin: 8px 0 0 0;  }
.plan-specs * { color: #232D39; font-size: 16px; text-align: center; }
.plan-buy { padding: 0 20px 30px 20px; text-align: center; font-size: 15px; }
.plan-buy a.sunshine-button { margin: 0 0 10px 0; display: block; }

#plan3 { border-radius: 0 0 10px 10px; }
#plan3:before { transition: all .2s; content: "MOST POPULAR"; position: absolute; bottom: 100%; left: -1px; right: -1px; text-align: center; padding: 4px 0; font-size: 13px; letter-spacing: 3px; font-weight: 700; background: #ABB3BF; color: #FFF; border-radius: 10px 10px 0 0; border: 1px solid #ABB3BF; }
#plan3:hover:before { background: #232D39; border-color: #232D39; }
#plan3 .plan-header { border-radius: 0; }

#plan4 .plan-buy a { background: #ABB3BF; }
#plan4 .plan-buy a:hover { background: #232D39; }

#plan-notes { text-align: center; margin: 40px 0 0 0; font-size: 18px; }

#guarantee { background: #FEF8F1; margin: 100px 0; position: relative; }
#guarantee-image { position: absolute; width: 18%; left: 40px; top: 50%; transform: translateY(-50%); }
#guarantee-image img { height: auto; width: 100%; margin: -40px 0; }
#guarantee-content { padding: 30px 40px 15px 25%; }
#guarantee-content p { font-size: 20px; color: #232D39; line-height: 1.4; margin: 0 0 5px 0; }
#guarantee-content p strong { text-transform: uppercase; font-size: 25px; display: block; }
#guarantee-content p#guarantee-signature { text-align: right; }
#guarantee-content p#guarantee-signature img { height: 40px; width: auto; }

#addons .feature-set-cta { display: none; text-align: center; margin-top: 50px; }
#addons .feature-set-cta.active { display: block; }
#addons .feature-set-cta p { font-size: 24px; }
#addons a.sunshine-button { margin-top: 0; }

#addons-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px 50px; }
#addons-list li { margin: 0; list-style: none; position: relative; z-index: 10; }
#addons-list li .addon { transition: transform .2s; }
#addons-list li .addon:before { content: ""; opacity: 0; transition: opacity .2s; position: absolute; z-index: -1; top: -20px; left: -20px; right: -20px; bottom: -20px; background: #FFF; border-radius: 8px; box-shadow: 0 10px 15px rgba(0,0,0,.05); }
#addons-list li:hover .addon { transform: scale(1.1); }
#addons-list h3 { color: #222d39; margin: 0 0 5px 0; font-weight: 600; font-size: 18px; line-height: 1.2; }
#addons-list h3 span.price { font-weight: 400; font-size: 80%; color: #fecd08; }
#addons-list li p { font-size: 18px; line-height: 1.3;  }
#addons-list li svg,
#addons-list li img { height: 64px; width: auto; }
#addons-list li:hover .addon:before { opacity: 1; }
#addons-list li p.more a,
#addons-list li p.price a { font-size: 15px; text-transform: uppercase; font-weight: bold; color: #fecd08; text-transform: uppercase; text-decoration: none; }
#addons-list li:hover a { display: inline-block; }
#addons-list li a:after { transition: all .2s ease-in-out; display: inline-block; margin: 0 0 0 5px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 12 12' width='12px' height='12px'%3E%3Cg%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(99.607843%25,80.392158%25,3.137255%25);fill-opacity:1;' d='M 3.59375 0.714844 C 3.398438 0.714844 3.222656 0.835938 3.152344 1.015625 C 3.078125 1.195312 3.121094 1.402344 3.261719 1.539062 L 7.722656 6 L 3.261719 10.460938 C 3.136719 10.582031 3.085938 10.757812 3.128906 10.929688 C 3.171875 11.097656 3.304688 11.226562 3.472656 11.273438 C 3.640625 11.316406 3.820312 11.265625 3.9375 11.140625 L 8.738281 6.339844 C 8.925781 6.152344 8.925781 5.847656 8.738281 5.660156 L 3.9375 0.859375 C 3.847656 0.769531 3.726562 0.714844 3.59375 0.714844 Z M 3.59375 0.714844 '/%3E%3C/g%3E%3C/svg%3E%0A"); }
#addons-list li a:hover:after { transform: translateX(10px); }

#faq { margin-top: 100px; }

#filters { margin: 0 0 50px 0; }
#filters ul { display: flex; justify-content: center; }
#filters li { list-style: none; margin: 0 10px; font-size: 22px; text-transform: uppercase; }
#filters li a { display: inline-block; padding: 5px 25px; border: 1px solid #ABB3BF; text-transform: uppercase; font-size: 16px; border-radius: 50px; color: #ABB3BF; text-decoration: none; }
#filters li a.active { background: #222d39; color: #FFF; border-color: #222d39; }