@charset "UTF-8";
/*
Theme Name:  Cera Child - Light Theme for Dev Portal
Theme URI:   http://www.themosaurus.com/cera-child
Author:      Themosaurus
Author URI:  http://www.themosaurus.com
Description: Cera Child is a child theme for Cera based on Underscores and Bootstrap 4. It makes good use of the Customizer, allowing multiple color, typography and layout options to build a tailor-made website.
Template:    cera
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cera-child
Tags:        one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, buddypress, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, rtl-language-support, translation-ready, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cera is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Its stylesheet borrows concepts from various established methodologies promoting code reuse above
all. Files and directories are structured and named after SMACSS. Helper classes have been made
with OOCSS in mind and finally, the namming convention tries to narrow the gap with BEM.

This stylesheet follow the basic principles of CSS Guidilines http://cssguidelin.es/
*/
/**
 * CONTENTS
 *
 * VARIABLES
 * Variables.....................Globally-available variables and config (custom and from vendors).
 *
 * TOOLS
 * Mixins........................Useful mixins.
 * Functions.....................Useful functions.
 * Placeholders..................Useful placeholders.
 *
 * BASE
 * Accessibility.................Affecting the overall accessibility (Screen readers & co).
 * Headings......................H1–H6 styles.
 * Copy..........................Copy elements styles.
 *
 * LAYOUT
 * Alignements...................Positionning content elements.
 * Clearings.....................Clear all wrappers & regions.
 * Containers....................Constraining elements.
 * Regions.......................Define a global layout architecture for several components.
 * Sidebars......................Sidebars styles.
 * Wrappers......................Wrapping elements.
 *
 * COMPONENTS
 * Breadcrumb....................Breadcrumb styles.
 * Buttons.......................Buttton component styles.
 * Captions......................Caption of gallery and media components.
 * Cards.........................Card components for various posts items.
 * Comments......................Comments thread styles.
 * Embedded......................Embedded contents (iframe, object, emoji, etc.).
 * Forms.........................All form components.
 * Galleries.....................Gallery and gallery-item components.
 * Infinite scroll...............Infinite scroll styles.
 * Hero..........................Hero component styles.
 * Media.........................Bootstrap Media component styles.
 * Menus.........................Menu and content navigation styles.
 * Navigation....................Main navigation component.
 * Pagination....................Post navigation, Pager & Pagination.
 * Posts.........................Posts archive & single styles.
 * Sections......................Visual region components.
 * Tables........................Tables styles.
 * Widgets.......................Widget styles.
 *
 * PLUGINS
 * Add to any....................Social and sharing plugin.
 * Autocomplete for Relevanssi...Add autocomplete functionnality to Relevanssi plugin.
 * Bbpress.......................Forum plugin.
 * Buddypress....................User profile & community plugin.
 * Contact form 7................Custom form plugin.
 * The Events Calendar...........Events creation & management.
 * Features......................Important blocs like services or values.
 * Gravity forms.................Custom form plugin.
 * Mailchimp for wp..............Mailchimp integration plugin.
 * Ninja Forms...................Custom form plugin.
 * Our team......................Team member plugin.
 * Projects......................Projects/Portfolio plugin.
 * Testimonials..................Testimonial plugin.
 * Woo-plugins...................Common styles form plugins by Woothemes (Grid, utilities, etc.).
 * Yarpp.........................Related posts plugin.
 * Yoast SEO.....................SEO plugin.
 * Woocommerce...................King of WordPress e-commerce plugin.
 *
 * STATES
 * JS............................Styles applied to components using JavaScript.
 * No-js.........................Styles applied to components when JavaScript is disabled.
 * Slideout......................Styles applied to components using Slideout.js.
 * Grimlock fallback.............Styles applied to components whithout Grimlock activated..
 *
 * TRUMPS
 * Animations....................Custom keyframes animations and transitions stuff.
 * Background....................Extend Boostrap background utilities.
 * Borders.......................Border utilities.
 * Box...........................Box display utilities (Display, sizes and overflow).
 * Positions.....................Positions and depth utilities.
 * Text..........................Text utilities.
 */
/**
 * Add your customizations below this line.
 */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #TOOLS
\*------------------------------------*/
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * Headings
 */
/**
 * Copy
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Alignements
 */
/**
 * Clearings
 */
/**
 * Containers
 */
/**
 * Regions
 */
/**
 * Sidebars
 */
/**
 * Wrappers
 */
/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**
 * Breadcrumb
 */
/**
 * Buttons
 */
/**
 * Captions
 */
/**
 * Cards
 */
/**
 * Comments
 */
/**
 * Embedded
 */
/**
 * Forms
 */
/**
 * Galleries
 */
/**
 * Infinite scroll
 */
/**
 * Hero
 */
/**
 * Media
 */
/**
 * Menus
 */
/**
 * Posts
 */
/**
 * Navigation
 */
/**
 * Sections
 */
/**
 * Pagination
 */
/**
 * Posts
 */
/**
 * Sections
 */
/**
 * Tables
 */
/**
 * Widgets
 */
/*------------------------------------*\
    #PLUGINS
\*------------------------------------*/
/**
 * Add to any
 */
/**
 * Autocomplete for Relevanssi
 */
/**
 * Bbpress
 */
/**
 * Buddypress
 */
/**
 * Contact form 7
 */
/**
 * The Events Calendar
 */
/**
 * Features
 */
/**
 * Gravity forms
 */
/**
 * Mailchimp for wp
 */
/**
 * Ninja Forms
 */
/**
 * Our team
 */
/**
 * Projects
 */
/**
 * Testimonials
 */
/**
 * Woo-plugins
 */
/**
 * Yarpp
 */
/**
 * Yoast SEO
 */
/**
 * Woocommerce
 */
/*------------------------------------*\
    #STATE
\*------------------------------------*/
/**
 * JS
 */
/**
 * NO-JS
 */
/**
 * Slideout
 */
/**
 * Grimlock fallback
 */
/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
/**
 * Animations
 */
/**
 * Background
 */
/**
 * Borders
 */
/**
 * Box
 */
/**
 * Positions
 */
/**
 * Text
 */

/*# sourceMappingURL=style.css.map */

.grimlock-login--fullscreen-left #login > h1 a:before, .grimlock-login--fullscreen-right #login > h1 a:before {
    left: 30px;
    width: 170px !important;
}



/*******************************************************
****************************************************
*************************************************/


#navigation .elfsight-widget-weather.elfsight-widget {
    float: right;
    margin-right:50px;
    margin-top: 7px;
	border-radius:10px !important;
}

#navigation .elfsight-widget-weather.elfsight-widget * {
    border-radius: 10px !important;
}

#navigation .jsx-3766540993.eaw-weather-detail {
    background: #252537 !important;
    border:solid #bdbdbd 1px;
	  border-radius: 10px !important;
	  padding: 3px;
}

#navigation .jsx-2112019449.eaw-detail-currentTemp {
    color: #ffffff !important;
    font-family: arial !important;
    font-size: 17px !important;
    margin-left:6px;
}

/*.grimlock-site_identity .site-logo img {
    max-width: 165px !important;
    margin-top: 0px;
}*/

/*.grimlock-login--fullscreen-left #login > h1 a{
    width: 170px !important;
}
*/

/*.grimlock-login--fullscreen-left #login > h1 a:before, .grimlock-login--fullscreen-right #login > h1 a:before {
    left: 30px;
    width: 170px !important;
}*/


/***********EDIT BUDDYPRESS GROUP DISPLAY HEIGHT DESKTOP*************/
@media screen and (min-width:768px)  {
div#profile-header {
    height: 205px !important;
		min-height: 8vh !important;
}
}

/***********HIDE BUDDYPRESS GROUP DISPLAY INFO*************/
@media screen and (max-width:768px)  {
.item-admins {
    display: none;
}

.item-description.small.font-weight-normal.mb-3 {
    display: none;
}

span.separator.text-muted.d-none.d-md-inline.pl-2.pr-2.small {
    display: none !important;
}

span.activity.group-last-activity {
    display: none !important;
}

span.group-type {
    display: none;
}


.clear.mb-3.d-md-none {
    display: none;
}
}



/**********PROJECT MGMT*********/
/*****Date Picker*****/
.projects select.ui-datepicker-month, .projects select.ui-datepicker-year {
    width: 100% !important;
}

/*************************/
.pm-triangle-top.est-field-wrap {
    width: 135px !important;
}

span.flaticon-pm-enter:before {
	left: 60px !important;
    top: 6px !important;
}

/*************************/
div#toast-container {
    margin-top:45px;
}
/**Add Project popup styling**/
div#pm-project-dialog {
    width: 100% !important;
}


button.ui-dialog-titlebar-close:before {
    line-height: 0.8;
    margin-left: -3px;
}
/****************/

input.pm-button {
    line-height: 0 !important;
}

input.pm-button.submit {
    line-height: 0;
}
/**********/

.projects .popup-container {
    margin-top: 40px;
}

.modal-container {
    margin-top: 62px !important;
}

/**********/

.projects .col-md-12.col-lg-8.col-xl-9 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

aside#secondary-right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
    display: flex;
	    border-top: solid 2px #484848;
    margin-top:20px;
}

aside#secondary-right > section {
    width: 23%;
    display: inline-block;
    margin: 1%;
    min-height: 250px;
    margin-top:20px !important
}



/****/
section#bp_core_recently_active_widget-1,section#grimlock_query_section_widget-1,section#grimlock_the_events_calendar_tribe_events_section_widget-1 {
    display:none !important;
}

aside#secondary-right {
    border: solid 1px #e8e8e8;
    border-radius:0px;
    margin-top:60px;
    background:#fafafa;
}

@media screen and (min-width:768px) {
#item-body > div > div > div {
    padding: 0px;
}
div#profile-header {
    height: 350px !important;
}
}

footer#footer {
    display:none;
}


div#item-buttons {
    /*display: none !important;*/
	background: #252537 !important;
	color:#feab00 !important;
}

.row.align-items-start.align-items-lg-end.h-100.pos-r {
    /* height: 80px !important; */
}

/******Fix MOBILE PM HOME**********/
@media screen and (max-width:768px) {
.pm-view-style-container.pm-text-right {
    padding: 0px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.pm-ui-dialog.ui-draggable.ui-resizable {
    left: 50% !important;
}
}


/*******************/
.bbp-template-notice.info {
    display: none;
}

aside#secondary-right {
    width: 100% !important;
}

.clearfix.p-3.bg-black-faded.d-flex.align-items-center.justify-content-center.mt-3.mb-3.rounded-card {
    display: none !important;
}



a.bbp-reply-permalink {
    background: #c38910;
    color: black !important;
    padding: 2px;
    border-radius: 10px;
}

span.bbp-admin-links > a {
    background: #ffbc33;
    color: black !important;
    padding: 1px 3px;
    border-radius: 6px;
}

a.bbp-topic-super-sticky-link {
    display: none;
}

a.bbp-topic-reply-link {
    padding: 6px 23px !important;
    display: inline-table;
    border-radius: 8px !important;
    background: #feab00 !important;
}

a.subscription-toggle {
    width: 20% !important;
    float: right;
}

/********************/
textarea.description-field[name=tasklist_detail] {
    display: none !important;
}

.item.milestone {
    display: none !important;
}

a.milestone.pm-sm-col-12 {
    display: none !important;
}

span.list-title-anchor {
    word-break: normal !important;
}

/*****ADD NEW TASK PROMPT STYLING******/

.pm-ui-dialog .pm-form-item input, .pm-ui-dialog .pm-form-item textarea, .pm-ui-dialog .pm-form-item select {
    color: #464646 !important;
}

input.pm-single-button.pm-button-primary {
    padding: 0px 10px !important;
    border: solid #fafafa 20px !important;
   }

#wedevs-project-manager  .pm-task-form input::placeholder {
    color: grey !important;
}

#wedevs-project-manager > div.pm-task-list-wrap div.lists-content div.task-field form > div > input {
    color: #313131 !important;
    font-weight:700 !important;
}

.process-content-1 > .process-field {
    text-align: center;
    min-width: 30px;
    margin: auto;
    height: 30px !important;
    display: inline-block !important;
    background: #ecebeb;
    color: white !important;
    border-radius:30px !important;
    padding: 8px;
}


.calendar-table td {
    color: #0c5e29;
    font-weight: 900;
    background: #f0f3f4;
    border:solid white 2px !important;
}

.daterangepicker.dropdown-menu.ltr.show-calendar.opensright.linked {
    left: -10px !important;

}

@media screen and (max-width:768px) {
.drp-calendar.col.right {
    display: none;
}
.daterangepicker.dropdown-menu.ltr.show-calendar.opensright.linked {
    margin-left: -15px !important;
    box-shadow: #b9b9b9 3px 5px 10px;
}
.daterangepicker.opensright:before  {
    left:25px !important;
}
.daterangepicker.opensright:after  {
    left:26px !important;
}
}

@media screen and (min-width:968px) {
.pm-popper.popper {
    left: 190px !important;
}

.popper__arrow {
    left: 15px !important;
}

body.slideout-mini .pm-popper.popper {
    left: 100px !important;
}

body.slideout-mini .popper__arrow {
    left: 12px !important;
}
	.more-menu-ul-wrap {
    right: 184px !important;
}
.list-item-content .pm-popper.popper {
    left: 80px !important;
}
}

span.item.date-text {
    font-size: 10px;
}

a.pm-button.pm-secondary.cancel-button {
    background: red !important;
    float: right !important;
    width: 15px;
    height: 23px;
    text-align: center !important;
    padding: 1px;
    margin-top:3px !important;
}

a.pm-button.pm-secondary.cancel-button svg {
    fill:white;
    height:8px !important;
    margin-top:-5px !important;
}


.pm-task-form .input-area .input-action-wrap .task-create-form .fields .process-fields .pm-vue2-daterange-picker .btn {
    background: #404040;
    padding: 0px;
    border-radius: 3px;
    margin-top:-30px;
    margin-left:5px;
    height:15px
}

.pm-task-form .input-area .input-action-wrap .task-create-form .fields .process-fields .pm-vue2-daterange-picker .btn svg   {
    fill: white !important;
    margin-top:-10px !important;
}

.action-icons.process-fields {
    padding: 5px !important;
}

.task-users.process-field {
    margin: 5px !important;
}

.task-date.process-field.task-date-field-wrap {
    margin-right: 0px !important;
}

/*****---END --- ADD NEW TASK PROMPT STYLING******/


/******BUDDYPRESS PAGE TO 100 and SIDEBAR BELOW******/
.forum-archive aside#secondary-right,.forum aside#secondary-right,
.topic aside#secondary-right,
.projects aside#secondary-right  {
    display: inline-block !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.forum-archive aside#secondary-right > section,.forum aside#secondary-right > section,.projects aside#secondary-right > section,.topic aside#secondary-right > section {
    width: 31% !important;
    margin: 1%;
    min-height: 422px;
    margin-top: 25px !important;
    float: right;
}

#bbpress-forums #favorite-toggle, #bbpress-forums #subscription-toggle {
    float: none;
}

@media (min-width: 992px)	{
.forum .col-lg-8,.topic .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
}
	.col-12.col-md-6.col-lg-8.col-forum-info {
    flex: 0 0 50%;
    max-width: 50%;
}
}


.more-menu.list-more-menu span .popper-ref:before {
    color: #d7dee2 !important;
}

span.pm-list-drag-handle:before {
    color: #d7dee2 !important;
}

.list-title {
    word-break: break-word !important;
}

.task-title {
    word-break: break-word !important;
}




span.pm-popper-ref.popper-ref.icon-pm-more-options:before {
    color: #d4d6d6 !important;
}

span.icon-pm-drag-drop:before {
    color: #d4d6d6 !important;
}

li.incomplete-task-li {
    border: solid #e8e8e8 2px;
}

span.close-modal {
    background: #cc0000 !important;
    margin-right: -5px !important;
}

.activity-content span {
    word-break: break-word !important;
}

.pm-activity-body {
    word-break: break-word !important;
}

@media screen and (max-width:768px) {
/***********************/
	
.list-form {
    width: 95% !important;
}
	
	.list-form {
    display: table;
}

input.input-field {
    padding: 0px !important;
    width:100% !important
    left:20px !important;
}

.list-task-form.nonsortable {
    margin: 0px !important;
    padding: 0px 10px;
}


input.input-field {
    padding-left: 30px !important;
}

/********************/

.popup-body {
    margin-top: 60px !important;
}

li.incomplete-task-li {
    margin-bottom: 5px !important;
}

input.input-field::placeholder {
    color: white !important;
}
	
/**************/
	.comment-field {
    margin-left: -120px;
}

.pm-avatar.comment-field-avatar {
    margin-left: -13px;
}
	
	
}


/******BUDDYPRESS PAGE TO 100 and SIDEBAR BELOW -- MOBILE******/

@media screen and (max-width:768px) {
.forum-archive aside#secondary-right > section, .forum aside#secondary-right > section, .projects aside#secondary-right > section, .topic aside#secondary-right > section {
    width: 100% !important;
    margin: 0;
    min-height: 122px;
    margin-top: 15px !important;
}
	/******************/
	.pm-data-load-before .pm-col-4   {
    width:47% !important;
    margin:0px 3px !important;
}
}

/******EVENTS*********/
.tribe-js aside#secondary-left,.tribe-js aside#secondary-right {
    display: none;
}

.my-events-display-options.ce-top a {
    color: black !important;
}

.post-type-archive-tribe_events .type-tribe_events > h3 {
    height:20px !important
}

/******KNOWLEDGEBASE*******/
div#asea-search-pattern-1 {
    background: #f0f3f4;
}

h1#asea-search-title {
    color: black !important;
    font-weight:600 !important;
}

.asea-search-box {
    border-radius: 55px !important;
    border-color: #656565 !important;
}


/*******EVENT SUBMISSION FORM STYLING*******/
.tribe_community_edit div#wp-tcepostcontent-wrap {
    margin-top: 20px;
}

.tribe_community_edit .tribe-community-events .tribe-section table.tribe-section-content.tribe-datetime-block .tribe-section-content-field input[type*="text"]    {
    width:100%;
}

.tribe_community_edit span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.tribe_community_edit .tribe-event-recurrence .recurrence-row, .tribe-event-exclusion .recurrence-row {
    display:block !important;
}

.tribe_community_edit input#dp1591480358519 {
    width: 100%;
}

.tribe_community_edit .tribe-section.tribe-section-image-uploader {
    display: none;
}


.tribe_community_edit span.select2-selection.select2-selection--single {
    width: 100% !important;
}

span#select2-event-timezone-container {
    margin-top: 7px;
}


.tribe_community_edit  input#recurrence-description {
    width: 100%;
}

/*********/
.bbp-template-notice.info {
    display: none !important;
}

/****HIDE SEARCH BAR IN MOBILE FLYOUT*********/
.vertical-navbar-search.navbar-search {
    display: none !important;
}

/*********FOOTER STYLING and RESPONSIVE************/
.footerWidgetContainer .elementor-cta__content {
    margin:5px;
    background:white !important;
}

.footerWidgetContainer .elementor-content-item.elementor-cta__content-item.elementor-cta__image img:nth-child(1) {
    display: none;
}

@media screen and (min-width:768px)  {
    .footerWidgetContainer {
    width:50% !important;
    margin:auto;
}
}

@media screen and (max-width:768px)  {
.footerWidgetContainer .elementor-widget-container {
    width:50% !important;
    float:left !important;

}
}

.footerWidgetContainer .elementor-cta__content:hover {
    box-shadow:#464646 0px 5px 15px
}

/********MOBILE FOOTER WIDGETS**************/

.elementor-row.footerWidgetContainer .elementor-content-item.elementor-cta__content-item.elementor-cta__image {
    padding: 20px !important;
}

.elementor-row.footerWidgetContainer h2.elementor-cta__title.elementor-cta__content-item.elementor-content-item {
    padding-bottom: 10px !important;
    color: #434343 !important;
}

.elementor-row.footerWidgetContainer .elementor-cta__content	{
padding:0px !important;	
}

.elementor-row.footerWidgetContainer .elementor-cta__content {
    border-radius: 10px;
}

@media screen and (min-width:768px)    {
.elementor-row.footerWidgetContainer .elementor-widget-wrap {
    min-width: 50%;
    float: left;
}
}