/**
 * Add any custom CSS here.
 *
 * This is file will be mostly used for button styling
 * Made this file because i hate wordpress "buttons" 
 * This file will be loaded after all other theme stylesheets.
 */

/* ------------- Home Page Buttons -------------  */
     a.learn-more {
          margin-top: auto;
          width: 75%;
          padding: 5px 5px;
          background-color: #12822a;
          
          color: #fff;
          border: none;
          border-radius: 5px;
          cursor: pointer;
          text-align: center;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          margin-left: 8%;
       }
    a.learn:hover {
        color: #fff !important;
    }

	a.shop-controls-btn {
		margin-top: auto;
        font-size: 20px;
        font-weight: bold;
        width: 70%;
        padding: 12px 12px;
        background-color: #e6a729;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        margin: 0 0 2% 0;
	}

    /* header */
    a.schedule-demo-btn {
        margin-top: auto;
        font-size: 20px;
        font-weight: bold;
        width: 70%;
        padding: 12px 12px;
        background-color: #006ba0;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    @media (min-width: 781px) and (max-width: 1066px) {
    	a.shop-controls-btn,
        a.schedule-demo-btn {
		width: 100% !important;
	}
    }

    @media (max-width: 300px) {
     	a.shop-controls-btn,
        a.schedule-demo-btn {
		width: 100% !important;
	}   	
    }

    /* CTA */
    a.schedule-live-demo-btn {
        margin-top: auto;
        font-size: 20px;
        margin-left: 3rem;
        font-weight: bold;
        width: 70%;
        padding: 12px 12px;
        background-color: #006ba0;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }
/* ------------- END Home Page Buttons -------------  */

    .reusableScheduleLiveBtn {
        margin-top: auto;
        font-size: 20px;
        margin-left: 3rem;
        font-weight: bold;
        width: 70%;
        padding: 12px 12px;
        background-color: #006ba0;
        color: #fff;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        text-align: center;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

/* Account Section  */

.woocommerce-MyAccount-content {
	padding: 25px;
}

@media (max-width: 921px) {
	nav.woocommerce-MyAccount-navigation {
		padding: 25px;
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/* END  Account Section  */