/*Search*/

#search{ 
    float: right; 
    /**/
    top: -43px;
    position: relative;
    right: 0px;
    width: 257px;
    height: 40px;
}

#subHeader #search{ 
    top: -36px;
    height: 30px;
}

.page-universal.home-page #search{
    top: -26px;
}

#search > form{ position: relative; }

#search input[type='text']{
    border-radius: 40px;
    overflow: hidden;
    padding: 5px;
    padding-left: 15px;
    height: 40px;
    border: 2px solid #BCBCBC;
    display: block;
    width: 100%;
    font-size: 18px; /*lineheight 20*/
    line-height: 40px;
    color: #444444;
}

#search input[type='text']::placeholder{
    color: #444;
    opacity: 1;
}

#search input[type='text']:-ms-input-placeholder{
    color: #444;
    opacity: 1;
}

#search input[type='text']::-ms-input-placeholder{
    color: #444;
    opacity: 1;
}

#search button{
    border: 2px solid #BCBCBC;
    border-radius: 40px;
    position: absolute;
    color: #444;
   top: 0px;
    background-color: #BCBCBC;
    overflow: hidden;
    height: 40px;
    width: 40px;
    display: block;
    right: 0px;
    cursor: pointer;
    font-size: 18px;
   
    font-family: "laurier_icons";
}


/*Search Page */

#externalPage .col-25{
    max-width: 25%;
}

#searchBox #searchBtnSubmit{
    border: none;
    background-color: transparent;
    color: #444;
    font-size: 17px;
}

#searchBox #inPageSearch{
    border-radius: 0px;
    border: 2px solid #BCBCBC;
}

    #searchBox{
    		clear: both;
			position: relative;
			top: 2px;
			left: 0px;	
			height: 50px;
			width: 270px;
			display: block;
		}
        
		#results ul{
			padding-left: 0;
		}
        
		.page-result { margin: 5px;}
		.page-result.current{  text-decoration: none; }
        span.page-result.current{ text-decoration: underline; }
        
		.page-result.page-prev{ margin-left: 0; }
		.page-result page-next{ margin-right: 0}
		
        .searchTitle{
            text-decoration: underline;
        }
        
        #results{
           clear: both;
           max-width: 100%;
           padding-right: 125px;
           padding-bottom: 40px;
        }
        
        #searchHeader{
          padding-top: 50px;
          padding-right: 125px;
        }
        
        .fullURLDisplay{ color: #000; line-height: 28px; font-size: 18px; }
        
        .col.col-25.right-column-spifs{
           padding-top: 205px;
        }
        
        
        .page-title h1, h1{
            line-height: 60px;
            margin-bottom: 30px;
        }
        
        p a, a, a:hover, span.fullURLDisplay{
           color: #545871;
            font-size: 17px;
            line-height: 24px;
        }
        
        /*search Results*/
        p#maincontent{
            font-size: 18px;
        }

        .visuallyHidden{ overflow: hidden; position: relative; height: 1px; width: 1px; margin: -1px; visibility: hidden; display: block; border: 0;}

		#inPageSearch{
			border-radius: 40px;
			overflow: hidden;
			padding: 5px;
			padding-left: 15px;
			height: 40px;
			border: 2px solid #ccc;
			display: block;
			width: 100%;
			font-size: 12px;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
		}
		
		#searchBtnSubmit {
			border: 2px solid #924DA7;
			border-radius: 40px;
			position: absolute;
			top: 0px;
			background-color: #fff;
			overflow: hidden;
			height: 40px;
			width: 40px;
			display: block;
			right: 0px;
			cursor: pointer;
			
			color: #924DA7;
			font-size: 22px;
			text-align: center;
			font-weight: bold;
		}

        .page-prev a,
        .page-next a{
            margin: 0;
            padding: 0;
            text-decoration: none;
            outline: 0;
        }

		.pages .page-prev, 
        .pages .page-next{
    	    padding: 0px;
            margin: 0px;
            background-color:#330072;
            color: #fff;
            border-radius: 29px;
            width: 29px;
            height: 29px;
            text-align: center;
            line-height: 29px;
            display: inline-block;
            text-decoration: none;
            outline: 0;
            position: relative;
            top: 4px;
		}
        
        .pages .page-prev.disabled, 
        .pages .page-next.disabled {
            color: #444444;
            background-color: #BCBCBC;
        }
        
        li.searchResult p a.searchTitle{ font-weight: bold; }
        
        @media (max-width: 1024px){
            
            
            #search,
            #subHeader #search{
                width: 40%;
                max-width: 280px;
               /* margin-right:20px; */
            }
            
            
            #searchHeader,
            #results{
                margin: 0;
                padding-left: 25px;
                padding-right: 25px;
            }
            
            #results{
                padding-bottom: 0px; 
            }
            
            #externalPage .col-25, 
            #externalPage .col-75{
                max-width: 100%;
                width: 100%;
                margin: 0px;
                padding: 0px 40px;
            }
            
            .col-25 .spif{
                max-width: 100%; 
            }
        }
        
        @media (max-width: 768px){
            
           .site-logo .site-text img{
               float: left;
               /*max-width: 180px;*/
           }
           
           #search button{
               font-size: 16px;
           }
            
            #search,
            #subHeader #search{
               /* top: auto; */
                clear: both;
                /* margin-top: 20px; */
                width: 100%;
            }
            
            #searchHeader{
                padding-top: 18px;    
            }
            
            .page-title h1, h1{
                margin-bottom: 18px;
            }
            
            #externalPage .col-25, 
            #externalPage .col-75{
                padding: 0px 20px;
            }
            
            
            
           #externalPage .col-25 .standard-spif-image{
               max-width: 270px;
               margin-left: auto;
               margin-right: auto;
               margin-bottom: 20px;
           }
        
        }
        
        @media (max-width: 680px){
            .site-text{
                width: 100%;
                clear:both;
            }
            
            .site-text a img{
                max-width: 180px;
            }
            
            #search,
            #subHeader #search{
                float: left;
                max-width: 100%;
                height: auto;
                margin-top: 30px;
                top: auto;
            }
            
            .page-universal.home-page #search{
                top: 0px;
            }
            
        }