/*STYLE SHEET FOR ORIGINTECHNICALPRODUCTIONS.CO.UK */
/* LAST EDITED BY: PETER COX */

/* otp_brochureDownload.css v21.1 (01.02.21) */
/* W3C validated 16.01.21 */

/* 21.0 First created */
/* 21.1 Link corrected to whole of area */

 

.showcaseDownload a { /* MUST include the a 'link' area within the flex area */
        position:relative;
        display:flex;
        flex-direction:row;
        align-content:flex-start;
        align-items:center; /* Should align the cover thumb & the text horizontally */
        width:90%;
        margin:auto;
        min-height:50px;
        padding:5px;
        margin-top:20px;
        margin-bottom:30px;
        /*border:1px dotted #f5a300;*/ /* DEV only */
    }
    
    img.brochureDownload {
        position:relative;
        z-index:100;
        display:block;
        order:1;
        outline:2px solid #444444;
        height:60px;
        margin-right:15px;
        outline:1px solid #f5a300; /* Orange */	
        outline:1px solid #DB6A07;
        outline:1px solid #666666;
        /*outline:1px solid cyan;*/ /*DEV only */
    }
    
    @font-face {
	font-family: Swiss924 BT Regular; /* Not used due to not being contained within a banner */
	src: url('/fonts/Sw924Rg.ttf');
	}
    

a .downloadBrochureTextLink { /* A <span> within the link area */
    display:block;
    order:2;
    /*max-width:70%;*/
    max-width:65%;
    font-size:1.4em;
    line-height:1.1em;
    /*color:#ffffff;*/
    color:#026DFC; /* Bright blue */
    /*border:1px dotted yellow;*/  /* DEV only*/
    }

.showcaseDownload a, .showcaseDownload a:visited, .showcaseDownload a:active {
	/*letter-spacing:0.08em;*/
	text-decoration:none;
    color:#ffffff;
    color:#026DFC; /* Bright blue */
	/*border:1px dotted red;*/  /* DEV only */
	}

.showcaseDownload a:hover, .showcaseDownload a:focus {
	color:#FF9900;
	}

.pdfDown { /* The PDF icon sitting over the cover thumbnail */
    position:absolute;
    z-index:200;
    top:-6px;
    left:53px;
    height:30px;
    }
    
.showcaseDownload a:hover>.downloadBrochureTextLink,
.showcaseDownload a:focus>.downloadBrochureTextLink { /* hovering over or focusing on the link area causes the text to go orange */ 
    color:#f5a300; /* Orange */	 
    }
    
 .showcaseDownload a:hover>img.brochureDownload,
 .showcaseDownload a:hover>img.brochureDownload {
    outline:1px solid #f5a300; /* Orange */	
    }