@charset "UTF-8";
/*
Theme Name:  zocoloco
Theme URI:   http://zocoloco.com
Author:      z o c o l o c o | s t u d i o s
Author URI:  http://zocoloco.com
Description: zocoloco is a child theme custom designed for ProgressNow NM
Template:    hello-elementor
Version:     1.0.1
Text Domain: hello-elementor-child
Tags:        flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

This stylesheet follow the basic principles of CSS Guidilines http://cssguidelin.es/


	T A B L E   O F   C O N T E N T S
	........................................................................

	* COLOR PALLETTE
  *
  * TYPOGRAPHY
  * Global Fonts..................Elementor Global Font definitions
	* Headings......................H1–H6 styles
	* Body..........................Copy elements styles
  * Transforms....................Rotattion and other text transformations
  *
  * ELEMENTEOR EMBEDDED CSS
	*
	* COMPONENTS + SECTIONS
	* 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.)
  * Footer........................Header Elements
	* Forms.........................All form components
	* Galleries.....................Gallery and gallery-item components
  * Header........................Header Elements
  * Hero..........................Hero component styles
  * Infinite scroll...............Infinite scroll 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
	* Search........................Ajax search & search results
	* Tables........................Tables styles
  * Table element.................Badges, buttons, icons used in table
	* Widgets.......................Widget styles
	*
	* PLUGINS
	* Betterdocs....................Document library plugin
	* Elementor.....................Page builder plugin
	* PDF Viewer....................PDF embed plugin
	* St. Event Calendar............Event management
  * WPDiscuz......................Comment system
	* Woocommerce...................e-commerce plugin

	C O L O R   P A L E T T E
	........................................................................

	* COLOR PALETTE #
  * black.......................... #000000
  * white-screened................. #FFFFFFA1
  * dark blue-gray................. #222625 primary Almost Black
  * light blue-gray................ #566E8B text
  * gold........................... #D3B574 secondary Heart of Gold
  * copper......................... #B39573 foundation C3 Copper
  * vivid blue..................... #0041FF election blue
  * light-blue..................... #01B0F1 worker rights sky
  * bright-green................... #3DFF00 environment green
  * red............................ #FF0000 education red
  * yellow......................... #FABC3C immigration yellow
  * purple......................... #8338EC gender purple
  * pink........................... #F101D3 reproductive justice pink
  * green.......................... #12E0B9 resist (accent)

	* CONTENT
	* page background................ #FFFFFF
  * off white...................... #F9F9F9

	* NAV
	* search overlay................. #000000DE
	* search text.................... #FFFFFF
  * search icon.................... #FFFFFF99

  * social media icons............. #FFFFFF99
  * social media icons:Hover....... #D3B574

  * hamburger menu................. #FFFFFFBD
  * hamburger menu:Hover........... #FFFFFF

  * full page nav.................. #D3B574
  * full page nav:Hover............ #12E0B9
  * full page nav:Active........... #FF0000

	* TYPOGRAPHY
	* Headings........................#566E8B
	* Body............................#566E8B
	* Link............................#D3B574
	* Link:Hover......................#B39573
	* Link:Active.....................#FF0000
	* Quotes Bar......................#222625

	* BUTTONS
	* Background..................... transparent
  * Background:Hover............... #D3B574
	* Border......................... #D3B574
	* Text........................... #D3B574
  * Text:Hover..................... #FFFFFF

  * zocoDASH
  * zocoDash purple................ #7C3DCC
  * zocoDash blue.................. #3188d8
  * zocoDash green................. #34DDA9
  * zocoCloud blue................. #0BB5FF


/**
T Y P O G R A P H Y
........................................................................

* GLOBAL FONTS
* primary........................ Montserrat (16px 200) (Default)
* secondary...................... Barlow Condensed (500)
* text........................... Montserrat (200)
* accent......................... Barlow Condensed (600)
* button......................... Montserrat (500 .8 Uppercase +3)

/*****
HEADINGS
....................................

h1, h2, h3, h4 {
  font-family: 'Montserrat', sans-serif
}

h1 {
  font-size: 4em;
  font-weight: 100;
  text-transform: normal;
  font-style: normal;
  text-decoration: none;
  line-height: .9;
  letter-spacing: -2;
}

h2 {
  font-size: 3.5em;
  font-weight: 100;
  text-transform: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 0;
  letter-spacing: -1;
}

h3 {
  font-size: 2.2em;
  font-weight: 200;
  text-transform: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 0;
  letter-spacing: -1;
}

h4 {
  font-size: 1.6em;
  font-weight: 200;
  text-transform: normal;
  font-style: normal;
  text-decoration: none;
  line-height: 0;
  letter-spacing: -.5;
}

h5 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.5em;
  font-weight: 200;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  line-height: 0;
  letter-spacing: 7.5;
}

h6 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  font-style: normal;
  text-decoration: none;
  line-height: 0;
  letter-spacing: 7;
}

p {
font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 200;
  text-transform: none;
  font-style: normal;
  text-decoration: none;
  line-height: 2.2em;
  letter-spacing: 0;
  margin-bottom: 1.2rem;
}


*/

/*****
BODY
....................................
*/

p{
  line-height: 2.2em;
  margin-bottom: 1.2rem !important;
}

li {
  line-height: 2.2em;
}

blockquote {
  border-top: 1px solid #222625 !important;
  border-bottom: 1px solid #222625;
  color: #222625;
  padding: 20px;
  margin:40px -250px 40px -250px ;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight:300;
}
@media only screen and (max-width: 991px) {
  blockquote {
    border-top: 1px solid #222625 !important;
    border-bottom: 1px solid #222625;
    color: #222625;
    padding: 20px;
    margin:10px 0px 10px 0px ;
    font-size: 14px;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight:300;
  }
}

/*****
TRANSORMS
....................................
*/

/* rotate section header text */
.rotate-text h6 {

  transform: rotate(+90deg);

  /* Legacy vendor prefixes that are probably unnecessary... */

  /* Safari */
  -webkit-transform: rotate(+90deg);

  /* Firefox */
  -moz-transform: rotate(+90deg);

  /* IE */
  -ms-transform: rotate(+90deg);

  /* Opera */
  -o-transform: rotate(+90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


/*****
E L E M E N T O R   S E L E C T O S
....................................................................... .................. check
custom CSS selectors were used in the following places

* LOGIN
* selector a
* selector a:hover
*
*
* OTHER
*/

/**
C O M P O N E N T S
........................................................................


  /*****
  BREADCRUMBS
  ....................................
  */

  /*****
  BUTTONS
  ....................................
  */

  /*****
  CAPTIONS
  ....................................
  */

  /*****
  CARDS
  ....................................
  */

  /*****
  COMMENTS
  ....................................
  */

  /*****
  EMBEDDED
  ....................................
  */

  /*****
  FOOTER
  ....................................
  */

  /* footer social media align */
  /* .elementor-social-icons-wrapper {
    line-height: .5em !important;
  }*/

  /*****
  FORMS
  ....................................
  */

  /* actionkit form */
  #actionkit label {
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    font-weight: 200;
    text-transform: uppercase;
    color:#12E0B9
  }

  #actionkit input {
    background-color: rgba(255, 255, 255, 0);
    border-color: #D3B574;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 10px;
    color: #FFFFFF;
  }

  #actionkit button {
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px 0px 50px 50px;
    padding: 15px 50px 15px 50px;
    float: right;
  }

  /*****
  GALLERIES
  ....................................
  */

  /*****
  HEADER
  ....................................
  */

  /* change background color on scroll header main */
  .stickyheadersection {
    transition: background-color .4s ease;
  }

  .elementor-sticky--active.stickyheadersection {
    background-color: rgba(0, 0, 0, 0.60);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
  }

  /* change background color on scroll header alt */
  .stickyheader {
    transition: background-color .4s ease;
    background-color: rgba(0, 0, 0, 0.0);
  }

  /* hide logo on news pages until scroll header alt */
  .stickyheader .site-logo {
    opacity: 0;
  }

  /* after scroll header alt */
  .elementor-sticky--active.stickyheader {
    background-color: rgba(0, 0, 0, 0.60);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
  }

  /* show logo on news pages after scroll header alt */
  .elementor-sticky--active.stickyheader .site-logo {
    opacity: 10;
  }

  /* show social media icons on news pages after scroll header alt */
  .elementor-sticky--active.stickyheader i {
    color:   rgba(255, 255, 255, 0.60) !important;
  }

  /* make sure social media icons are white  header alt */
  /* .elementor-sticky--active.stickyheader a,
  .elementor-sticky--active.stickyheader h6 {
    color: #fff!important;
  } */


  /*****
  HERO
  ....................................
  */

  /* category ticker in hero section */
  .cat-ticker a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.90);
  }

  /*****
  INFINITE SCROLL
  ....................................
  */

  /*****
  MEDIA
  ....................................
  */

  /*****
  MENUS
  ....................................
  */

  /*****
  NAVIGATION
  ....................................
  */
  /* .e--pointer-underline .elementor-item:after {
  width: 75% !important;
  margin: 0 auto !important;
  right: 0 !important;
  } */

  /*****
  PAGINATION
  ....................................
  */

  /*****
  POSTS
  ....................................
  */

  /* post links bold */
  .news-content a {
    font-weight: 600 !important;
  }

  /* category colors */
  .category-resist-justice .category-bg { background-color: #12E0B9 !important; }
  .category-education .category-bg { background-color: #FF0000 !important; }
  .category-elections .category-bg { background-color: #0041FF !important; }
  .category-energy-environment .category-bg { background-color: #3DFF00 !important; }
  .category-gender-lbgqt .category-bg { background-color: #8338EC !important; }
  .category-immigration .category-bg { background-color: #FABC3C !important; }
  .category-reproductive-justice .category-bg { background-color: #F101D3 !important; }
  .category-worker-rights .category-bg { background-color: #01B0F1 !important; }

  /*****
  SEARCH
  ....................................
  */

  .elementor-lightbox .dialog-lightbox-close-button {
    right: 3em !important;
  }

  /*****
  SITE TITLE
  ....................................
  */

  /*****
  SITE LOGO
  ....................................
  */

  /*****
  TABLES
  ....................................
  */

  /*****
  TABLE ELEMENTS: BADGES, BUTTONS + ICONS
  .......................................
  */

  /*****
  WIDGETS
  ....................................
  */

/**
P L U G I N S
========================================================================


  /**
  Z O C O D A S H
  ........................................................................

  /*****
  EVENT SUBMISSION FORM
  ....................................
  */