// main: style.less

// RESPONSIVENESS
@phone: 320px; // iPhone 6,7,8
@big_phone: 376px; // iPhone X
@tablet: 768px; // iPad
@big_tablet: 1024px; // iPad Pro


// These variables will be used by browsers that can't support custom properties ( IE )
@shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
@deeper_shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
@lato: 'Lato', sans-serif;
@top_bar_color: #2E3B4F;
@body_color: #2E3B4F;
@footer_color: #2E3B4F;
@card_color: #2E3B4F;
@link_color: #4B828E;
@link_hover_color: #39636d;
@tag_color: #4B828E;
@tag_hover_color: #39636d;
@search_widget_color: #2E3B4F;
@read_more_btn_color: #2E3B4F;
@comment_form_color: #2E3B4F;
@comment_color: #2E3B4F;
@post_comment_btn_color: #2E3B4F;
@top_bar_bg: #FFF;
@body_bg: #FAFBFB;
@very_opaque_header_bg: linear-gradient(to top, #fafbfb, rgba(250, 251, 251, 0.9));
@opaque_header_bg: linear-gradient(to top, #fafbfb, rgba(250, 251, 251, 0.6));
@less_opaque_header_bg: linear-gradient(to top, #fafbfb, rgba(250, 251, 251, 0.4));
@footer_bg: #FFF;
@card_bg: #FFF;
@search_widget_bg: #f5f4f4;
@read_more_btn_bg: #F5F5F5;
@comment_form_bg: #FFF;
@comment_bg: #FFF;
@post_comment_btn_bg: #FFF;