/* ------------ Feature Area */
#feature-wrapper {  background-color: #336bf6; /* For browsers that do not support gradients */ background-image: linear-gradient(to right, #336bf6, #08bbe1); padding-top: 140px; }

/* ------------ Immediate Value and slider animation */
#immediate-value { background-color: #f6f6f6; }
.under-the-hood-container { position: relative; display: flex; align-items: center; }
.under-the-hood-circle-container { display: flex; right: -100px; position: absolute; flex-direction: column; }
.img-under-the-hood-cricles { width: 300px; }

@media only screen and (max-width: 1320px) {
	.img-under-the-hood-cricles { width: 230px; } }

@media only screen and (max-width: 1069px) {
	.under-the-hood-circle-container { right: -40px; }
	.img-under-the-hood-cricles { width: 21vw; } }

.svs-main-view-wrapper { background-color: #fff; }
.immediate-value-slide { padding: 0; }
.fm-details-text { font-weight: 500; font-family: 'SF Pro Text', Helvetica,Arial,sans-serif; }
.icon-checkcircle { position: relative; padding-left: 32px; margin-top: 12px; text-align: left; }
.icon-checkcircle::before { color: #208a3d; position: absolute; left: 0; top: 7px; }


/* ------------ Connect Free */
#claris-connect-free { background-color: #2c2c2e }
#claris-connect-free .connect-logo { width: 130px; height: 130px; float: right; margin-right: 30px; }
#claris-connect-free .h2, #claris-connect-free p { color: #fff; }
#claris-connect-free .h2 { margin-bottom: 10px; }
#claris-connect-free p { margin-bottom: 30px; }
#claris-connect-free a.connect-free-bold {font-weight: 600; color: #fff;}
@media only screen and (max-width: 735px) {
	#claris-connect-free { text-align: center; }
	#claris-connect-free .connect-logo { margin: 0 auto 30px; float: none; } }

/* ------------ Jump on board FM2023 */
#help.d10.image-text .column-flex:first-child { min-height: 788px; }
:lang(de) #help.d10.image-text .column-flex:first-child { min-height: 860px; }
:lang(es) #help.d10.image-text .column-flex:first-child { min-height: 904px; }
:lang(fr) #help.d10.image-text .column-flex:first-child { min-height: 928px; }
:lang(it) #help.d10.image-text .column-flex:first-child { min-height: 836px; }
:lang(nl) #help.d10.image-text .column-flex:first-child { min-height: 836px; }
:lang(pt) #help.d10.image-text .column-flex:first-child { min-height: 860px; }
#help.d10 .column-flex:first-child { background-image: url(/filemaker/images/overview/fm20/help-fm20.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
#help.d10 p.desc-text { margin-bottom: 0; }
#help.d10 a { margin-top: 6px; margin-bottom: 30px; display: inline-block; }
#help.d10 a:last-child { margin-bottom: 0px; }
#help.d10 .column-content .slight { margin-bottom: 8px; }
#help.d10 .row-flex .column-flex { position: relative; padding: 80px 0px; }
#help.d10 .accent-before-extra-thick:before {position: absolute; top:80px;}

/* EXTRA LARGE VIEWPORT ONLY */
@media only screen and (min-width: 2000px) {
	#help.d10 .column-flex:first-child {background-position: center top -120px;} }
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
	#help.d10.image-text .column-flex:first-child {background-size: cover; background-position: 40%; min-height: 600px;}
	#help.d10 p.desc-main { max-width: 500px; margin-left: auto; margin-right: auto; }
	#help.d10 p.desc-text { max-width: 350px; margin: 0 auto} }
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	.fh2 { text-align: center; }
	#help.d10 p.desc-text { max-width: 350px; margin: 0 auto}
	#help.d10 .row-flex .column-flex {padding: 80px 0px;} }

/* ------------ Quote */
#quote { background-color: #336bf6; /* For browsers that do not support gradients */
	background-image: linear-gradient(to right, #336bf6, #08bbe1); }

#quote blockquote { text-align: left; font-size: 42px; line-height: 50px; font-weight: 600; margin-bottom: 40px; color: #fff; quotes: "“" "”" "‘" "’"; font-family: "SF Pro Display",Helvetica,Arial,sans-serif; }
#quote cite.p1 {color: #fff; font-family: "SF Pro Display",Helvetica,Arial,sans-serif;}
#quote figcaption { color: #fff; margin-bottom: 8px; }
#quote .quote-info, #quote a { float: right; line-height: 20px; }
@media only screen and (max-width: 735px) {
  #quote blockquote { text-align: center; } 
  #quote .quote-info, #quote a { float: none; text-align: center; }
}
@media only screen and (max-width: 420px) {
	#quote blockquote { font-size: 30px; line-height: 33px; }
  } 
#quote blockquote:lang(fr){quotes:"«" "»";}
#quote blockquote:lang(de){quotes: "„" "“";}
#quote blockquote:lang(nl){quotes: "'" "'";}
#quote blockquote:lang(ja){quotes: "「" "」";}
#quote blockquote:before { content: open-quote; }
#quote blockquote:after { content: close-quote; }

/* ------------ FileMaker Resource */
#filemaker-resources .d4 .column-3 .column-content { padding: 0 20px; }
.icon-set { width: 100px; height: 100px; background-position-y: 50%; }
.icon-set.icon-user-community.fm20 { background-image: url(/filemaker/images/overview/fm20/icons/user-community.png); background-size: 100px 61px; }
.icon-set.icon-conversation.fm20 { background-image: url(/filemaker/images/overview/fm20/icons/conversation.png); background-size: 100px 86px; }
.icon-set.icon-updates.fm20 { background-image: url(/filemaker/images/overview/fm20/icons/updates.png); background-size: 100px 98px; }

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	#filemaker-resources .d4 .column-3 .column-content { max-width: 500px; } }

/* ------------ FileMaker Today */
#filemaker-today {background-color:#212a43; --tile-border-radius: 10px;}
#filemaker-today .section-width-even-more .section { padding-top: 0; }

#filemaker-today-tiles .column {padding: 30px; width:33%; border-radius: var(--tile-border-radius); background: rgb(46,102,136); background: linear-gradient(140deg, #3078E8 0%, #0FA5C7 85%); display: flex; flex-direction: column; width: 100%;}
#filemaker-today-tiles .column:first-of-type {background: linear-gradient(140deg, #3078E8 0%, #0FA5C7 85%);}
#filemaker-today-tiles .column:nth-of-type(2) {background: linear-gradient(140deg, #0FA5C7 0%, #1BB6DA 85%);}
#filemaker-today-tiles .column:last-of-type {background: linear-gradient(140deg, #1BB6DA 0%, #17AC92 85%);}
#filemaker-today-tiles .column p, #filemaker-today-tiles .column .cta-buttons {text-align: center;}
#filemaker-today-tiles .column .cta-buttons {align-self: center; margin-bottom: 0; margin-top: auto;}

/* FileMaker Today - Mobile */
@media only screen and (max-width: 1068px) {
	#filemaker-today-tiles .column .h3 {font-size: 1.66rem;}
	#filemaker-today-tiles .column { padding: 20px 22px 55px;} }
@media only screen and (max-width: 900px) {
	#filemaker-today-tiles .row-flex {flex-direction: column;}
	#filemaker-today-tiles .column {width: 100%; max-width: 400px; margin: 0 auto; margin-bottom: 30px;}
	#filemaker-today-tiles .column { margin-bottom: 20px; } }
@media only screen and (max-width: 1069px) {
	#filemaker-today .cta-buttons .a2 { font-size: 1rem; line-height: 1.5rem; } }