/** Theme Name: Cakifo Description: Used to style the TinyMCE editor */
/** Table of Contents:  1.0 - Body 2.0 - Headings 3.0 - Text Elements 4.0 - Links 5.0 - Images 6.0 - Tables 7.0 - Message boxes 8.0 - RTL 9.0 - Custom Fonts ---------------------------------------------------------------------------- */
/* ============================================================================= 1.0	Body ========================================================================== */
html { font-size: 62.5%; }

html .mceContentBody { max-width: 650px; }

body { color: #555; font-family: Georgia, Cambria, "Bitstream Charter", serif; font-size: 16px; font-size: 1.6rem; line-height: 1.6; }

/* ============================================================================= 2.0	Headings ========================================================================== */
h1 { margin: 0.67em 0; }

h1, h2 { font-size: 26px; font-size: 2.6rem; letter-spacing: -1px; }

h3 { background: #f5f5f5; color: #d54e21; font-size: 23px; font-size: 2.3rem; padding: 8px 10px; }

h4 { font-size: 21px; font-size: 2.1rem; }

h5 { font-size: 20px; font-size: 2rem; }

h6 { font-size: 19px; font-size: 1.9rem; font-weight: normal; line-height: 1.6; }

/* ============================================================================= 3.0	Text elements ========================================================================== */
/** Lists */
li { line-height: 2; }

ol ol { list-style: upper-roman; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: upper-alpha; }

ol ol ol ol ol { list-style: lower-alpha; }

dt { font-weight: bold; }

/** Code */
code, kbd, pre, samp { font-family: Monaco, Consolas, "Courier New", monospace; font-size: 16px; font-size: 1.6rem; font-weight: normal; line-height: 1.6; }

code { color: #009933; }

pre { overflow: auto; padding: 25px; background: #424242; border-radius: 5px; color: #fff; white-space: pre-wrap; }

pre code { color: #fff; }

/** Quotes */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

blockquote { font-style: italic; margin: 0 40px 25px; }

blockquote p { color: #8c8c8c; font-size: 19px; font-size: 1.9rem; }

blockquote em, blockquote i, blockquote cite { font-style: normal; }

blockquote.aligncenter, blockquote.alignleft, blockquote.alignright { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; width: 50%; }

blockquote.alignleft { margin: 10px 40px 10px 0; }

blockquote.alignright { margin: 10px 0 10px 40px; text-align: right; }

blockquote.aligncenter { width: 100%; margin-left: 0; text-align: center; }

blockquote cite, .quote-caption { display: block; font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.6; font-style: normal; margin-top: 25px; }

blockquote cite:before, .quote-caption:before { content: '\2014 \00A0'; }

blockquote + .quote-caption { margin-left: 40px; }

/** HTML elements */
abbr[title] { border-bottom: 1px dotted; cursor: help; }

acronym { border-bottom: 1px dashed #555; text-transform: uppercase; cursor: help; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { display: block; clear: both; border: 0; height: 0; padding: 0; margin: 25px 0; border-bottom: 4px double #eee; }

mark, ins { background: #fff9c0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ============================================================================= 4.0	Links ========================================================================== */
a { color: #3083aa; text-decoration: none; }
a:active, a:hover { color: #d54e21; outline: 0; }
a:focus { outline: thin dotted; }

/* ============================================================================= 5.0 	Images ========================================================================== */
img { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); max-width: 100%; height: auto; }

img.aligncenter { margin: 25px auto; }

img.alignleft { margin: 0 25px 12px 0; }

img.alignright { margin: 0 0 12px 25px; }

.wp-smiley, .no-image-border { border-radius: 0; box-shadow: none; }

embed, iframe, object, video { max-width: 100%; }

iframe { border: none; }

/** Captions [caption] */
.wp-caption { clear: both; max-width: 100%; padding-top: 5px; margin: 25px 0; background: #222222; border-radius: 0 0 3px 3px; text-align: center; }

.wp-caption img { border-radius: 0; box-shadow: none; }

.wp-caption.aligncenter { margin: 25px auto; }

.wp-caption.alignleft { margin: 0 25px 0 0; }

.wp-caption.alignright { margin: 0 0 0 25px; }

.wp-caption-dd { padding: 20px; margin: 0; font-size: 14px; font-size: 1.4rem; color: #dfdfdf; }

/* ============================================================================= 6.0 	Tables ========================================================================== */
table { width: 100%; margin: 0 0 25px 0; background-color: #ffffff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-collapse: collapse; border-spacing: 0; }

th, td { padding: 8px; border: 1px solid #dddddd; text-align: left; }

tr:hover td { background: #f5f5f5; }

thead th { background: #f2f7fc; }

th { font-weight: bold; }

tfoot td { background: #f9f9f9; box-shadow: inset 0 1px 1px 0 #eeeeee; color: #666666; font-size: 13px; font-size: 1.3rem; }

caption { margin-bottom: 10px; }

/* ============================================================================= 7.0 	Message boxes ========================================================================== */
.note, .alert, .warning, .success, .download, .danger, .error, .info { padding: 25px; border: double #dadada; border-width: 4px 0; margin-bottom: 25px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #eeeeee; color: #222222; }

.warning, .alert { background-color: #fef9c7; border-color: #fcdd4a; color: #3b3601; }

.success, .download { background-color: #dff0d8; border-color: #54b646; color: #0d370d; }

.danger, .error { background-color: #f2dede; border-color: #ce838f; color: #4b0706; }

.info { background-color: #f2f7fc; border-color: #d6e3e5; color: #3c3c3c; }

.box-blue { background-color: #f2f7fc; border: double #c6d1db; border-width: 4px 0; margin: 0 0 40px; padding: 25px; }

.box-orange { background-color: #ffffdf; border: double #eeddbd; border-width: 4px 0; margin: 0 0 40px; padding: 25px; }

/* ============================================================================= 8.0 	RTL ========================================================================== */
pre { direction: ltr; text-align: left; }

img.alignleft { margin: 0 25px 12px 0; }

img.alignright { margin: 0 0 12px 25px; }

.wp-caption.alignright { margin: 0 0 0 25px; }

.wp-caption.alignleft { margin: 0 25px 0 0; }

caption, th, td { text-align: right; }

/* ============================================================================= 9.0 	Custom Fonts ========================================================================== */
/** Set custom font families and weights Better solution: http://themehybrid.com/support/topic/load-fonts-in-editor-and-on-apperance-header#post-81355 */
.body-georgia-font-stack { font-family: Georgia, Cambria, 'Bitstream Charter', serif; }

.heading-georgia-font-stack h1, .heading-georgia-font-stack h2, .heading-georgia-font-stack h3, .heading-georgia-font-stack h4, .heading-georgia-font-stack h5, .heading-georgia-font-stack h6, .heading-georgia-font-stack caption { font-family: Georgia, Cambria, 'Bitstream Charter', serif; }

.body-arial-font-stack { font-family: Arial, Helvetica, sans-serif; }

.heading-arial-font-stack h1, .heading-arial-font-stack h2, .heading-arial-font-stack h3, .heading-arial-font-stack h4, .heading-arial-font-stack h5, .heading-arial-font-stack h6, .heading-arial-font-stack caption { font-family: Arial, Helvetica, sans-serif; }

.body-helvetica-font-stack { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.heading-helvetica-font-stack h1, .heading-helvetica-font-stack h2, .heading-helvetica-font-stack h3, .heading-helvetica-font-stack h4, .heading-helvetica-font-stack h5, .heading-helvetica-font-stack h6, .heading-helvetica-font-stack caption { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.body-segoe-font-stack { font-family: 'Segoe UI', 'Trebuchet MS', Verdana, sans-serif; }

.heading-segoe-font-stack h1, .heading-segoe-font-stack h2, .heading-segoe-font-stack h3, .heading-segoe-font-stack h4, .heading-segoe-font-stack h5, .heading-segoe-font-stack h6, .heading-segoe-font-stack caption { font-family: 'Segoe UI', 'Trebuchet MS', Verdana, sans-serif; }

.body-trebuchet-font-stack { font-family: 'Trebuchet MS', Verdana, sans-serif; }

.heading-trebuchet-font-stack h1, .heading-trebuchet-font-stack h2, .heading-trebuchet-font-stack h3, .heading-trebuchet-font-stack h4, .heading-trebuchet-font-stack h5, .heading-trebuchet-font-stack h6, .heading-trebuchet-font-stack caption { font-family: 'Trebuchet MS', Verdana, sans-serif; }

.body-pt-serif { font-family: 'PT Serif', Georgia, serif; }

.heading-pt-serif h1, .heading-pt-serif h2, .heading-pt-serif h3, .heading-pt-serif h4, .heading-pt-serif h5, .heading-pt-serif h6, .heading-pt-serif caption { font-family: 'PT Serif', Georgia, serif; }

.body-merriweather { font-family: 'Merriweather', serif; }

.heading-merriweather h1, .heading-merriweather h2, .heading-merriweather h3, .heading-merriweather h4, .heading-merriweather h5, .heading-merriweather h6, .heading-merriweather caption { font-family: 'Merriweather', serif; }

.body-roboto { font-family: 'Roboto', sans-serif; }

.heading-roboto h1, .heading-roboto h2, .heading-roboto h3, .heading-roboto h4, .heading-roboto h5, .heading-roboto h6, .heading-roboto caption { font-family: 'Roboto', sans-serif; }

.body-open-sans { font-family: 'Open Sans', sans-serif; }

.heading-open-sans h1, .heading-open-sans h2, .heading-open-sans h3, .heading-open-sans h4, .heading-open-sans h5, .heading-open-sans h6, .heading-open-sans caption { font-family: 'Open Sans', sans-serif; }

.body-oswald { font-family: 'Oswald', sans-serif; }

.heading-oswald h1, .heading-oswald h2, .heading-oswald h3, .heading-oswald h4, .heading-oswald h5, .heading-oswald h6, .heading-oswald caption { font-family: 'Oswald', sans-serif; }

.body-weight-100 { font-weight: 100; }

.heading-weight-100 h1, .heading-weight-100 h2, .heading-weight-100 h3, .heading-weight-100 h4, .heading-weight-100 h5, .heading-weight-100 h6, .heading-weight-100 caption { font-weight: 100; }

.body-weight-200 { font-weight: 200; }

.heading-weight-200 h1, .heading-weight-200 h2, .heading-weight-200 h3, .heading-weight-200 h4, .heading-weight-200 h5, .heading-weight-200 h6, .heading-weight-200 caption { font-weight: 200; }

.body-weight-300 { font-weight: 300; }

.heading-weight-300 h1, .heading-weight-300 h2, .heading-weight-300 h3, .heading-weight-300 h4, .heading-weight-300 h5, .heading-weight-300 h6, .heading-weight-300 caption { font-weight: 300; }

.body-weight-400 { font-weight: 400; }

.heading-weight-400 h1, .heading-weight-400 h2, .heading-weight-400 h3, .heading-weight-400 h4, .heading-weight-400 h5, .heading-weight-400 h6, .heading-weight-400 caption { font-weight: 400; }

.body-weight-normal { font-weight: normal; }

.heading-weight-normal h1, .heading-weight-normal h2, .heading-weight-normal h3, .heading-weight-normal h4, .heading-weight-normal h5, .heading-weight-normal h6, .heading-weight-normal caption { font-weight: normal; }

.body-weight-500 { font-weight: 500; }

.heading-weight-500 h1, .heading-weight-500 h2, .heading-weight-500 h3, .heading-weight-500 h4, .heading-weight-500 h5, .heading-weight-500 h6, .heading-weight-500 caption { font-weight: 500; }

.body-weight-600 { font-weight: 600; }

.heading-weight-600 h1, .heading-weight-600 h2, .heading-weight-600 h3, .heading-weight-600 h4, .heading-weight-600 h5, .heading-weight-600 h6, .heading-weight-600 caption { font-weight: 600; }

.body-weight-700 { font-weight: 700; }

.heading-weight-700 h1, .heading-weight-700 h2, .heading-weight-700 h3, .heading-weight-700 h4, .heading-weight-700 h5, .heading-weight-700 h6, .heading-weight-700 caption { font-weight: 700; }

.body-weight-bold { font-weight: bold; }

.heading-weight-bold h1, .heading-weight-bold h2, .heading-weight-bold h3, .heading-weight-bold h4, .heading-weight-bold h5, .heading-weight-bold h6, .heading-weight-bold caption { font-weight: bold; }

.body-weight-800 { font-weight: 800; }

.heading-weight-800 h1, .heading-weight-800 h2, .heading-weight-800 h3, .heading-weight-800 h4, .heading-weight-800 h5, .heading-weight-800 h6, .heading-weight-800 caption { font-weight: 800; }

.body-weight-900 { font-weight: 900; }

.heading-weight-900 h1, .heading-weight-900 h2, .heading-weight-900 h3, .heading-weight-900 h4, .heading-weight-900 h5, .heading-weight-900 h6, .heading-weight-900 caption { font-weight: 900; }

.body-weight-bolder { font-weight: bolder; }

.heading-weight-bolder h1, .heading-weight-bolder h2, .heading-weight-bolder h3, .heading-weight-bolder h4, .heading-weight-bolder h5, .heading-weight-bolder h6, .heading-weight-bolder caption { font-weight: bolder; }

.body-weight-lighter { font-weight: lighter; }

.heading-weight-lighter h1, .heading-weight-lighter h2, .heading-weight-lighter h3, .heading-weight-lighter h4, .heading-weight-lighter h5, .heading-weight-lighter h6, .heading-weight-lighter caption { font-weight: lighter; }