/**************************************************************
Text
**************************************************************/

.layout-text-white,.layout-text-white * {
  	color: white ;
  	-webkit-text-decoration-color: white;
  	        text-decoration-color: white;
}

.layout-text-black,.layout-text-black * {
    color: black;
    -webkit-text-decoration-color: black;
            text-decoration-color: black;
}
.option.layout-text-white { color:white !important;}
.option.layout-text-black { color:black !important;}

.layout-text-italic {
    font-style: italic;
    letter-spacing: 1.5px;
    font-size: 12px;
}
.layout-header-orange h2:first-of-type {
	color: #eeac31;
    font-family: sans-serif;
	font-size: 25px;
	font-weight: 700;
}

.xml-wrap * {
    text-shadow: none;
}
/**************************************************************
Background
**************************************************************/

.layout-bg-blue{background-color: var(--color-blue);}
.option.layout-bg-blue{background-color: var(--color-blue) !important;}

.layout-bg-black{background-color: var(--color-black) !important;}
.option.layout-bg-black {  background-color: var(--color-black) !important;}


.layout-bg-black-transparent { background-color: var(--color-black-transparent);}
.option.layout-bg-black-transparent { background-color: var(--color-black-transparent) !important;}

.layout-bg-orange{background-color: #eeac31;}
.option.layout-bg-orange{background-color: #eeac31 !important;}

/* Front Page Image */
.front-page-img {
	background-image: url(/sites/default/files/2021-04/pole-gimp-web.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*fix for safari*/
@supports ( -webkit-touch-callout : none) {
	.front-page-img {
		background-attachment:scroll
	}
}

@supports not ( -webkit-touch-callout : none) {
	.front-page-img {
		background-attachment: fixed;
	}
}
/**************************************************************
Spaceing
**************************************************************/

.layout-p-1   {padding:        10px;}
.layout-p-2   {padding:        20px;}
.layout-p-3   {padding:        30px;}
.layout-p-4   {padding:        40px;}
.layout-p-5   {padding:        50px;}
.layout-p-6   {padding:        60px;}
.layout-p-7   {padding:        70px;}
.layout-p-8   {padding:        80px;}
.layout-p-9   {padding:        90px;}
.layout-p-10  {padding:        100px;}

.layout-pl-1  {padding-left:   10px;}
.layout-pl-2  {padding-left:   20px;}
.layout-pl-3  {padding-left:   30px;}
.layout-pl-4  {padding-left:   40px;}
.layout-pl-5  {padding-left:   50px;}
.layout-pl-6  {padding-left:   60px;}
.layout-pl-7  {padding-left:   70px;}
.layout-pl-8  {padding-left:   80px;}
.layout-pl-9  {padding-left:   90px;}
.layout-pl-10 {padding-left:   100px;}

.layout-pr-1  {padding-right:  10px;}
.layout-pr-2  {padding-right:  20px;}
.layout-pr-3  {padding-right:  30px;}
.layout-pr-4  {padding-right:  40px;}
.layout-pr-5  {padding-right:  50px;}
.layout-pr-6  {padding-right:  60px;}
.layout-pr-7  {padding-right:  70px;}
.layout-pr-8  {padding-right:  80px;}
.layout-pr-9  {padding-right:  90px;}
.layout-pr-10 {padding-right:  100px;}

.layout-pt-1  {padding-top:    10px;}
.layout-pt-2  {padding-top:    20px;}
.layout-pt-3  {padding-top:    30px;}
.layout-pt-4  {padding-top:    40px;}
.layout-pt-5  {padding-top:    50px;}
.layout-pt-6  {padding-top:    60px;}
.layout-pt-7  {padding-top:    70px;}
.layout-pt-8  {padding-top:    80px;}
.layout-pt-9  {padding-top:    90px;}
.layout-pt-10 {padding-top:    100px;}

.layout-pb-1  {padding-bottom: 10px;}
.layout-pb-2  {padding-bottom: 20px;}
.layout-pb-3  {padding-bottom: 30px;}
.layout-pb-4  {padding-bottom: 40px;}
.layout-pb-5  {padding-bottom: 50px;}
.layout-pb-6  {padding-bottom: 60px;}
.layout-pb-7  {padding-bottom: 70px;}
.layout-pb-8  {padding-bottom: 80px;}
.layout-pb-9  {padding-bottom: 90px;}
.layout-pt-10 {padding-bottom: 100px;}

.layout-m-1   {margin:         10px;}
.layout-m-2   {margin:         20px;}
.layout-m-3   {margin:         30px;}
.layout-m-4   {margin:         40px;}
.layout-m-5   {margin:         50px;}
.layout-m-6   {margin:         60px;}
.layout-m-7   {margin:         70px;}
.layout-m-8   {margin:         80px;}
.layout-m-9   {margin:         90px;}
.layout-m-10  {margin:         100px;}

.layout-ml-1  {margin-left:    10px;}
.layout-ml-2  {margin-left:    20px;}
.layout-ml-3  {margin-left:    30px;}
.layout-ml-4  {margin-left:    40px;}
.layout-ml-5  {margin-left:    50px;}
.layout-ml-6  {margin-left:    60px;}
.layout-ml-7  {margin-left:    70px;}
.layout-ml-8  {margin-left:    80px;}
.layout-ml-9  {margin-left:    90px;}
.layout-ml-10 {margin-left:    100px;}

.layout-mr-1  {margin-right:   10px;}
.layout-mr-2  {margin-right:   20px;}
.layout-mr-3  {margin-right:   30px;}
.layout-mr-4  {margin-right:   40px;}
.layout-mr-5  {margin-right:   50px;}
.layout-mr-6  {margin-right:   60px;}
.layout-mr-7  {margin-right:   70px;}
.layout-mr-8  {margin-right:   80px;}
.layout-mr-9  {margin-right:   90px;}
.layout-mr-10 {margin-right:   100px;}

.layout-mt-1  {margin-top:     10px;}
.layout-mt-2  {margin-top:     20px;}
.layout-mt-3  {margin-top:     30px;}
.layout-mt-4  {margin-top:     40px;}
.layout-mt-5  {margin-top:     50px;}
.layout-mt-6  {margin-top:     60px;}
.layout-mt-7  {margin-top:     70px;}
.layout-mt-8  {margin-top:     80px;}
.layout-mt-9  {margin-top:     90px;}
.layout-mt-10 {margin-top:     100px;}

.layout-mb-1  {margin-bottom:  10px;}
.layout-mb-2  {margin-bottom:  20px;}
.layout-mb-3  {margin-bottom:  30px;}
.layout-mb-4  {margin-bottom:  40px;}
.layout-mb-5  {margin-bottom:  50px;}
.layout-mb-6  {margin-bottom:  60px;}
.layout-mb-7  {margin-bottom:  70px;}
.layout-mb-8  {margin-bottom:  80px;}
.layout-mb-9  {margin-bottom:  90px;}
.layout-mb-10 {margin-bottom:  100px;}

/**************************************************************
Layout Styles
**************************************************************/
/*float*/
.layout-icon-float-left {
    float: left;
    padding-right: 20px;
    font-size: 50px;
    margin-top: -10px;
    background: white;
}


/* Match height - make each col. the same length */
.layout-match .layout__region {
	min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.layout-match .layout__region > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/* 
Text Shadow
*/

.layout-text-shadow {
	text-shadow: 0 0 20px black;
	color: white;
}

/* 
Merge Col 
   -makes col apear behind another for 
    edge to edge layout
*/

.node__content .layout-merge-right {
    padding-right: calc( 100vw - 100%);
    margin-right: calc(-100vw + 100%);
}
.node__content .layout-merge-left {
    padding-left: calc( 100vw - 100%);
    margin-left: calc(-100vw + 100%);
}
.node__content .layout-merge-all {
    padding-right: calc( 100vw - 100%);
    margin-right: calc(-100vw + 100%);
    padding-left: calc( 100vw - 100%);
    margin-left: calc(-100vw + 100%);
}

/* 
center block content
*/

.layout-center-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}


/*facebook*/
.layout-facebook * {
    margin: 0px !important;
}
.layout-facebook {
	padding: 40px;
}

/* Pay Now Block */
.okpud-billpay-wrap {
    padding-left:40px;
    padding-right:40px;
}
.okpud-billpay-wrap p,
.okpud-billpay-wrap a, 
.okpud-billpay-wrap li { 
    color: white ; 
}

/* Outages */
.okpud-outage-style {
    padding:40px;
    color: white;
    text-decoration-color:white;   
}

/* pinned news */
.okpud-news-pinned {
    padding: 50px;
}

/* Quick Link Buttons */
.okpud-quick-link-btn {
    padding: 20px;
}

/* Board Meeting */
.okpud-board-meetings-wrap{
    padding: 50px;
}

/* news */
.okpud-news-wrap {
    padding:40px
}

/* news rss */
.okpud-news-rss-wrap{
    padding:40px;
}
.okpud-news-rss-wrap .xml-text{
    color: white;
}