
 /* =============================================================================
* Button styles
================================================================================ */
 /* =============================================================================
================================================================================ */ /* =============================================================================
* Box/Container styles
================================================================================ */

 


/* =============================================================================
================================================================================ */ /* =============================================================================
* Advanced Font styles
================================================================================ */
 
 
 .fg-web-theme .fg-web-main-content .fg-text-widget p,
 .fg-web-theme .fg-header-widget,
 .fg-web-theme .form-horizontal .control-label,
 .fg-web-theme .form-horizontal .bootstrap-select .filter-option-inner-inner,
 .fg-web-theme .dropdown-menu.inner .dropdown-item span,
 .fg-web-theme .fg-image-gallery-widget .ug-textpanel-title,
 .fg-web-theme .fg-image-gallery-widget .ug-textpanel-description,
 .fg-web-theme .fg-article-body header h4,
 .fg-web-theme .fg-article-body .fg-text-wrapper .fg-teaser,
 .fg-web-theme .fg-article-body .fg-text-wrapper .fg-post-date,
 .fg-web-theme .fg-article-slider .carousel-caption h4,
 .fg-web-theme .fg-article-slider .carousel-caption p,
 .fg-web-theme .fg-article-detail-wrapper .fg-article-details-block-bottom .fg-title,
 .fg-web-theme .fg-article-detail-wrapper .fg-article-details-block-bottom .fg-size,
 .fg-web-theme .fg-article-detail-wrapper .fg-nav .fg-text-wrapper,
 .fg-web-theme .fg-article-detail-wrapper .fg-article-details-block-top .fg-left,
 .fg-web-theme .fg-article-detail-wrapper .fg-article-details-block-top .fg-cat-tag,
 .fg-web-theme .fg-calendar-event-widget .fg-event-date,
 .fg-web-theme .fg-calendar-event-widget .fg-event-block .fg-event-date,
 .fg-web-theme .fg-calendar-meta-details-block .fg-left,
 .fg-web-theme .fg-calendar-meta-details-block .fg-right,
 .fg-web-theme .fg-article-contents .fg-description p,
 .fg-web-theme .fg-web-main-content .fg-form-loggedin p,
 .fg-web-theme .fg-form-widget .control-label span,
 .fg-web-theme .fg-form-widget .fg-checkbox-wrapper .checkbox-inline,
 .fg-web-theme .fg-form-widget .fg-radio-wrapper .radio-inline,
 .fg-web-theme .fg-web-main-content .fg-web-fileupload-wrapper .buttonText,
 .fg-web-theme .fg-web-main-content .checkbox-block label,
 .fg-web-theme .fg-web-main-content .radio-block label,
 .fg-web-theme .fg-contact-table-widget table,
 .fg-web-theme .fg-contact-table-widget table a,
 .fg-web-theme .fg-contact-table-widget table a:hover,
 .fg-web-theme .fg-contact-table-widget .filter-option-inner-inner,
 .fg-web-theme .fg-contact-table-widget .fg-contact-export span,
 .fg-web-theme .fg-web-main-content tr td,
 .fg-web-theme .fg-web-main-content tr a,
 .fg-web-theme .fg-web-main-content .fg-portrait-widget .filter-option-inner-inner,
 .fg-web-theme .fg-web-main-content .fg-portrait-body p,
 .fg-web-theme .fg-web-main-content .fg-portrait-widget .fg-contact-portrait-search-box,
 .fg-web-theme .fg-portrait-widget .fg-contents span.fg-items,
 .fg-web-theme .fg-portrait-widget .fg-contents span.fg-items a strong,
 .fg-web-theme .fg-portrait-widget .fg-contents span.fg-items a:hover,
 .fg-web-theme .fg-web-main-content .fg-gallery-album-wrapper .fg-album-title,
 .fg-web-theme .fg-gallery-special-page-wrapper .fg-nav .fg-btn-title,
 .fg-web-theme .fg-gallery-special-page-wrapper .fg-nav .fg-target-page-title,
 #fg-calendar-fullcalendar .fc-toolbar .fc-button-group button,
 .fg-web-theme .fg-web-main-content .fg-article-wrapper .fg-article-inner-content,
 #nextprev-fg-dev-pagetitle-container .fg-nav .fg-text-wrapper,
 .fg-web-theme .fg-team-portrait-page-wrapper .fg-portrait-content a,
 .fg-web-theme .fg-web-main-content .fg-widget-block .fg-title,
 .fg-web-theme .fg-web-main-content .fg-text-widget .ug-textpanel-description,
 .fg-web-theme .fg-web-main-content #fg-calendar-list .fg-event-duration,
 .fg-web-theme .fg-web-main-content .fg-event-title a,
 .fg-web-theme .fg-article header h4,
 .fg-web-theme .fg-article .fg-content,
 .fg-web-theme .fg-article-detail-wrapper .fg-article-contents, 
 .fg-web-theme .fg-article-details-block p,
 body.fg-web-theme .fg-web-main-content .form-control, 
 body.fg-web-theme .fg-web-main-content .control-label, 
 body.fg-web-theme .fg-calender-popover-wrapper .control-label, 
 body.fg-web-theme .fg-web-main-content textarea,
 .fg-portrait-widget .fg-avatar-placeholder,
 body.fg-web-theme .fg-web-main-content .fg-article-content-block .fg-title,
 body.fg-web-theme .fg-web-main-content .fg-article-content-block .fg-content, 
 body.fg-web-theme .fg-web-main-content .fg-article-content-block .fg-footer,
 .fg-web-theme .fg-web-main-content .fg-website-cookie-block-message {

 font-family: Abel;
 font-weight: 300;
 color: rgba(99,96,96,1);
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 body.fg-web-theme .fg-body-bg .fg-web-page-footer div:not(.fg-avatar),
 body.fg-web-theme .fg-body-bg .fg-web-page-footer span:not(.fa):not(.fc-icon):not(.fg-font-effect),
 body.fg-web-theme .fg-body-bg .fg-web-page-footer p,
 body.fg-web-theme .fg-body-bg .fg-web-page-footer strong,
 body.fg-web-theme .fg-body-bg .fg-web-page-footer a,
 body.fg-web-theme .fg-body-bg .fg-web-page-footer .form-control,
 body.fg-web-theme .fg-body-bg .fg-web-page-footer .control-label,
 body.fg-web-theme .fg-body-bg fg-web-page-title-bar input[type="text"],
 body.fg-web-theme .fg-body-bg .fg-web-page-footer span:not(.fa):not(.fg-icon-file):not(.fg-font-effect),
 body.fg-web-theme .fg-body-bg .fg-web-main-content a,
 body.fg-web-theme .fg-body-bg .fg-web-main-content span:not(.fc-icon):not(.fa):not(.fg-icon-file):not(.fg-font-effect),
 body.fg-web-theme .fg-body-bg .fg-web-main-content div:not(.fc-icon):not(.fa):not(.fg-icon-file):not(.fg-font-effect),
 body.fg-web-theme .fg-web-page-footer table,
 body.fg-web-theme .fg-web-page-footer table *:not(.fa):not(.fg-icon),
 body.fg-web-theme .fg-web-main-content .fc-view-container table,
 body.fg-web-theme .fg-web-main-content .fc-view-container table span:not(.fg-font-effect),
 body.fg-web-theme .fg-web-main-content .fg-calendar-special-contents-wrapper .fg-event-teams > .fg-team,
 body.fg-web-theme .fg-calendar-app-dtls-content *,
 body.fg-web-theme .fg-body-bg >.fg-web-main-content>div:not(#fg-dev-pagetitle-container) div.fc-title,
 body.fg-web-theme .fg-body-bg footer h2,
 body.fg-web-theme .fg-body-bg .fg-web-page-footer h2 { 

 font-family: Abel !important;
 font-weight: 300;
 }
 body.fg-web-theme .fg-web-main-content .form-control,
 body.fg-web-theme .fg-web-main-content .control-label,
 body.fg-web-theme .fg-web-main-content textarea{


 font-family: Abel !important;
 color: rgba(99,96,96,1);
 font-weight: 300;
 }
 body.fg-web-theme form fieldset legend,
 body.fg-web-theme .form fieldset legend,
 body.fg-web-theme .form-horizontal fieldset legend{

 font-family: Abel !important;
 color: rgba(99,96,96,1) !important;
 }
 /* only change in color */
 .form-group .input-group-addon > i,
 .fg-pagination li a,
 .fg-pagination li:not(.active) span:not(.fg-font-effect),
 body.fg-web-theme .fg-web-main-content .fg-icon-file,
 body.fg-web-theme div.row .dataTables_paginate a.paginate_button.disabled,
 body.fg-web-theme div.row .dataTables_paginate a:not(.current){
 color: rgba(99,96,96,1) !important;
 
 }
 body.fg-web-theme .fg-web-main-content .dataTables_wrapper thead th:not(.sorting_disabled):before{

 border-bottom-color: rgba(99,96,96,1) !important;
 }
 body.fg-web-theme .fg-web-main-content .dataTables_wrapper thead th:not(.sorting_disabled):after{

 border-top-color: rgba(99,96,96,1) !important;
 }
 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 body.fg-web-theme fg-no-userstyle{
 font-family: Abel !important;
 font-weight: 300;
 }
 
 
 body.fg-web-theme header h1, 
 body.fg-web-theme main h1,
 body.fg-web-theme header h1 *:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h1 *:not(.fa):not(.fg-icon),
 body.fg-web-theme .fg-web-page-title-bar .fg-web-page-title{
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 body.fg-web-theme fg-no-userstyle{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 
 body.fg-web-theme header h2:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h2:not(.fa):not(.fg-icon),
 body.fg-web-theme main h2:not(.fa):not(.fg-icon) >span:not(.fg-font-effect), 
 body.fg-web-theme main h2:not(.fa):not(.fg-icon) >a, 
 body.fg-web-theme footer h2:not(.fa):not(.fg-icon) {
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 
 body.fg-web-theme main h2 span.fg-font-effect,
 body.fg-web-theme footer h2 span.fg-font-effect{
 
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme header h3:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h3:not(.fa):not(.fg-icon), 
 body.fg-web-theme footer h3:not(.fa):not(.fg-icon),
 body.fg-web-theme header h3:not(.fa):not(.fg-icon) a, 
 body.fg-web-theme main h3:not(.fa):not(.fg-icon)> span:not(.fg-font-effect), 
 body.fg-web-theme main h3:not(.fa):not(.fg-icon)> a, 
 body.fg-web-theme footer h3:not(.fa):not(.fg-icon) a {
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 
 body.fg-web-theme main h3 span.fg-font-effect,
 body.fg-web-theme footer h3 span.fg-font-effect{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme header h4:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h4:not(.fa):not(.fg-icon),
 body.fg-web-theme main h4:not(.fa):not(.fg-icon)>span:not(.fg-font-effect),
 body.fg-web-theme main h4:not(.fa):not(.fg-icon)>a, 
 body.fg-web-theme footer h4:not(.fa):not(.fg-icon) {
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 
 body.fg-web-theme main h4 span.fg-font-effect,
 body.fg-web-theme footer h4 span.fg-font-effect{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme header h5:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h5:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h5:not(.fa):not(.fg-icon)>span:not(.fg-font-effect), 
 body.fg-web-theme main h5:not(.fa):not(.fg-icon)>a, 
 body.fg-web-theme footer h5:not(.fa):not(.fg-icon) {
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 
 body.fg-web-theme main h5 span.fg-font-effect,
 body.fg-web-theme footer h5 span.fg-font-effect{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme header h6:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h6:not(.fa):not(.fg-icon), 
 body.fg-web-theme main h6:not(.fa):not(.fg-icon)>span:not(.fg-font-effect), 
 body.fg-web-theme main h6:not(.fa):not(.fg-icon)>a, 
 body.fg-web-theme footer h6:not(.fa):not(.fg-icon) {
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 
 body.fg-web-theme main h6 span.fg-font-effect,
 body.fg-web-theme footer h6 span.fg-font-effect{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme .fg-web-page-header .fg-web-main-nav,
 body.fg-web-theme .fg-web-page-header .fg-web-main-nav li:not(:hover):not(.active) > a { 
 font-family: ABeeZee;
 font-weight: 300;
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 body.fg-web-theme fg-no-userstyle{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 
 body.fg-web-theme .fg-web-page-header .fg-web-top-nav-links ,
 body.fg-web-theme .fg-web-page-header .fg-web-top-nav-links li:not(:hover):not(.active) > a { 
 font-family: ABeeZee;
 font-weight: 300;
 color: rgba(255,165,0,1);
 text-shadow: none !important;
 }
 
 /*----------------------------------------------------------- 
 Main text style without color for footer area text and other text in calendar and other pages
 ---------------------------------------------------------*/

 
 /*----------------------------------------------------
 add header effects to the span inside the H tag
 ---------------------------------------------------*/
 body.fg-web-theme fg-no-userstyle{
 font-family: ABeeZee !important;
 font-weight: 300;
 }
 

 /* active and hover menu style override without colour */ 
 body.fg-web-theme .fg-web-page-header .fg-web-main-nav li.active > a ,
 body.fg-web-theme .fg-web-page-header .fg-web-main-nav li:hover > a { 
 
 font-family: ABeeZee !important;
 font-weight: 300;
 text-shadow: none !important;
 }
 /* active and hover additional nav menu style override without colour */ 
 body.fg-web-theme .fg-web-page-header .fg-web-top-nav-links li.active a ,
 body.fg-web-theme .fg-web-page-header .fg-web-top-nav-links li:hover a { 
 
 font-family: ABeeZee !important;
 font-weight: 300;
 text-shadow: none !important;
 }

 body.fg-web-theme *.fa,
 body.fg-web-theme *.fg-icon{
 font-family: Fontawesome !important;
 }
/* =============================================================================
================================================================================ */
